.workspace-tabs{height:48px;display:flex;align-items:stretch;gap:8px;padding:0 30px;background:#faf8f4;border-bottom:1px solid #e5dfd5}.workspace-tabs button{border:0;border-radius:0;padding:0 20px;font-size:12px;position:relative;color:#8b8375}.workspace-tabs button[aria-selected=true]{color:#4c493e}.workspace-tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;left:20px;right:20px;bottom:0;background:#8b7855}.workspace-tabs span{align-self:center;margin-left:auto;font-size:11px;color:#9d9382}.workspace{height:calc(100dvh - 132px)}body[data-workspace=abilities] .workspace{grid-template-columns:258px minmax(0,1fr) 256px}.ability-library,.ability-inspector{overflow:auto;padding:28px 22px;scrollbar-width:thin}.ability-library{display:flex;flex-direction:column;gap:12px;min-height:0}.ability-library-heading{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.ability-library h2{font-weight:550;font-size:14px;margin:0}.ability-library-heading span{font-size:11px;color:#918878}.library-switch{display:flex;gap:4px;background:#eae4d9;border-radius:6px;padding:3px}.library-switch button{flex:1;border:0;min-height:36px;font-size:11px}.library-switch button[aria-selected=true]{background:#faf8f4;box-shadow:0 1px 3px #36291a10}.ability-library input[type=search]{width:100%;min-height:40px;border:1px solid #d8d0c3;border-radius:5px;background:#faf8f4;padding:10px;color:#49463f;font-size:12px}.ability-library select{font-size:11px}.ability-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:4px;margin:8px -8px 0;padding:0 5px}.ability-card{text-align:left;display:flex;flex-direction:column;gap:5px;flex-shrink:0;border-color:transparent;padding:10px 12px;min-height:59px}.ability-card span{font-weight:500;font-size:12px}.ability-card small{font-size:10px;color:#938774}.ability-card[aria-pressed=true]{background:#ebe2d1;border-color:#d4c19f}.ability-inspector{display:flex;flex-direction:column}.eyebrow{font-size:11px;color:#8e826e}.ability-detail h2{font:27px/1.15 Georgia,serif;margin:10px 0 17px;letter-spacing:-.45px}.ability-detail p{font-size:12px;line-height:1.75;color:#817868;margin:0 0 15px}.ability-detail #ability-requirement{font-size:11px;color:#a0937e}.ability-detail dl{display:grid;grid-template-columns:65px 1fr;gap:10px;margin:22px 0 0;font-size:11px}.ability-detail dt{color:#9c907d}.ability-detail dd{margin:0;color:#625a4c}.ability-transport{margin-top:36px}.ability-inspector h3{font-size:12px;font-weight:500;color:#7a705f;margin:0 0 15px}.playback-heading{display:flex;justify-content:space-between;align-items:baseline}.playback-heading span{font-size:10px;color:#9b8c74}.ability-transport input[type=range]{width:100%;accent-color:#8b7855;cursor:ew-resize;margin:0;min-height:30px}.ability-transport output{display:block;font-size:10px;text-align:right;color:#9b8c74;margin-top:2px}.playback-buttons{display:flex;gap:8px;margin:18px 0 20px}.playback-buttons button{flex:1;font-size:11px}.ability-transport>label:not(.check){display:block;font-size:11px;color:#8d816d;margin:0 0 8px}.ability-transport select{width:100%;font-size:11px;margin-bottom:12px}.ability-settings{margin-top:32px}.ability-settings p,.ability-note{font-size:10px;line-height:1.7;color:#a29683;margin:3px 0 14px 25px}.ability-note{margin:32px 0 0;padding-top:22px;border-top:1px solid #e1dacd}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body[data-workspace=abilities] #mobile-materials{display:none}body[data-workspace=abilities] .view-bottom{color:#82745e}.ability-library input::placeholder{color:#9e9280}@media(max-width:1100px){body[data-workspace=abilities] .workspace{grid-template-columns:215px minmax(0,1fr) 220px}.ability-library,.ability-inspector{padding:25px 16px}}@media(max-width:800px){.workspace{height:calc(100dvh - 122px)}.workspace-tabs{padding:0 14px}.workspace-tabs span{display:none}body[data-workspace=abilities] .workspace{grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.ability-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-height:240px;padding:16px 22px;background:#f5f2ed;border-top:1px solid #ded6c9}.ability-detail h2{font-size:22px;margin:6px 0 10px}.ability-detail p{font-size:11px;line-height:1.6}.ability-detail dl,.ability-note{display:none}.ability-settings{display:block;grid-column:1/-1;margin-top:14px}.ability-settings h3{margin-bottom:8px}.ability-settings p{max-width:350px}.ability-transport{margin-top:0}.playback-buttons{margin:10px 0}.ability-transport select{min-height:34px;padding:6px}.ability-library{padding:20px 12px}.inspector{top:122px}}@media(max-width:520px){body[data-workspace=abilities] .workspace{grid-template-columns:146px minmax(0,1fr)}.ability-library{padding:18px 8px}.ability-library h2{font-size:12px}.ability-card{padding:9px 8px}.ability-card span{font-size:11px}.ability-inspector{padding:14px;gap:14px;max-height:250px}.ability-detail #ability-requirement{display:none}.ability-detail h2{font-size:20px}.ability-transport h3{font-size:11px}.workspace-tabs{height:44px}.workspace{height:calc(100dvh - 118px)}.workspace-tabs button{padding:0 14px}.inspector{top:118px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Keep equipment controls together, with a separate interval before display options. */
.ability-settings .ability-equipment-label{display:block;margin:0 0 7px;font-size:11px;color:#7a705f}
.ability-settings select{width:100%;min-height:40px;font-size:11px;margin:0}
.ability-settings .ability-equipment-description{margin:9px 0 0;font-size:11px;line-height:1.6;color:#8b806e;text-wrap:pretty}
.ability-custom-equipment{display:grid;gap:16px;margin-top:22px}
.ability-custom-equipment[hidden]{display:none}
.ability-custom-equipment #ability-offhand-note{margin-top:-4px}
.ability-settings select:disabled{color:#9c9281;cursor:not-allowed}
.ability-presentation{margin-top:30px}
.ability-presentation .check{min-height:40px;margin:0}
.ability-presentation button{min-height:40px;margin-top:6px}
.ability-transport output,.playback-heading span{font-variant-numeric:tabular-nums}
@media(max-width:800px){.ability-custom-equipment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.ability-custom-equipment #ability-offhand-note{grid-column:1/-1}.ability-presentation{margin-top:24px}}