.element-mode-tabs{position:sticky;top:0;z-index:5;background:var(--panel,#f8f7f4);padding:5px 0;gap:4px}.element-mode-tabs button{padding:7px 6px;white-space:nowrap;flex:1}
#workspace[data-pose=true] .element-name-label{display:none}#workspace[data-pose=true] #element-tools{margin-bottom:8px}#workspace[data-pose=true] .bone-summary{margin:5px 0 9px}.bone-joints{gap:4px}.bone-joints button{padding:6px 3px}.bone-current{margin:8px 0 5px}.bone-key-strip{display:flex;gap:4px;overflow-x:auto;max-width:100%;padding-bottom:5px}.bone-key-strip button{white-space:nowrap;padding:4px 6px;font-size:11px;flex:none}.bone-key-strip button[aria-pressed=true]{border-color:var(--accent,#b79872);background:var(--active,#e9dfcf)}.bone-more .bone-strength{margin:10px 0}
.pose-transport{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:3px 0 10px;padding:5px;border:1px solid var(--line,#ddd);border-radius:5px}.pose-transport[hidden]{display:none}.pose-transport button{padding:5px;min-width:28px}.pose-transport label{display:flex;align-items:center;gap:3px;margin:0;font-size:12px}.pose-transport input{width:60px;min-width:0;padding:5px;margin:0}.pose-transport small{font-size:10px;color:var(--muted,#888)}
.quick-framing{position:relative;margin-left:auto;flex:none;font-size:11px}.quick-framing summary{cursor:pointer;list-style:none;padding:4px 6px;border:1px solid var(--line,#ddd);border-radius:4px}.quick-framing summary::after{content:' ▾'}.quick-framing-menu{position:absolute;right:0;top:100%;z-index:30;width:215px;padding:8px;background:var(--panel,#f8f7f4);color:var(--text,#292722);border:1px solid var(--line,#ddd);border-radius:5px;box-shadow:0 5px 18px #0003}.quick-framing-menu button{display:block;width:100%;text-align:left;margin:0 0 5px;padding:8px}.quick-framing-menu p{font-size:11px;line-height:1.5;margin:7px 1px 0}#quick-framing-error{color:var(--danger,#a44030)}.viewer-top{overflow:visible}.work{overflow:visible}.pane-actions{flex:none}
#save-recovery{position:fixed;bottom:54px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);width:max-content;padding:10px 12px;border:1px solid #b56f38;border-radius:6px;background:var(--panel,#fff9ec);color:var(--text,#292722);box-shadow:0 4px 20px #0003;font-size:12px}#save-recovery[hidden]{display:none}#save-recovery button{white-space:nowrap;padding:6px 9px}
@media(max-width:700px){.pose-transport{gap:6px}.pose-transport button{min-height:34px}.bone-key-strip button{min-height:30px}.quick-framing-menu{width:210px}.quick-framing summary{padding:6px}.quick-framing{margin-left:4px}#save-recovery{flex-wrap:wrap;width:calc(100vw - 24px);bottom:65px}}
.guide .inspector-heading{position:static}#workspace[data-pose=true] .inspector-heading,#workspace[data-pose=true] .plan-selection{display:none}.pose-transport{position:sticky;top:47px;z-index:4;background:var(--panel)}
.work:has(.quick-framing[open]){z-index:20}#workspace[data-pose=true] #element-tools,#workspace[data-pose=true] #position-fields{display:none}
@media(max-width:600px){header{display:grid;grid-template-columns:minmax(0,1fr) repeat(6,30px);gap:4px;padding:6px 8px}.brand{grid-column:1 / span 5;grid-row:1;width:auto;min-width:0}.theme-control{grid-column:6 / -1;grid-row:1}.header-actions,.history-actions{display:contents}#project-label.project-menu-trigger{grid-row:2;grid-column:1;min-width:0;max-width:none;width:100%}.header-actions>button,.history-actions>button{grid-row:2;order:0;flex:none}.header-actions>.icon-button,.history-actions>.icon-button{width:30px;min-width:30px}#quick-help{width:30px!important;min-width:30px!important}}
@media(max-width:1100px),(max-height:500px){#workspace[data-view=preview] .viewports>.map-panel{display:flex;padding:0;overflow:visible}#workspace[data-view=preview] .map-panel>.map-title,#workspace[data-view=preview] .map-panel>.spatial-tool-row,#workspace[data-view=preview] .map-panel>.spatial-help,#workspace[data-view=preview] .map-panel>.plan-selection{display:none}#workspace[data-view=preview] .quad-stage{display:flex;position:relative;flex:1;min-height:0}#workspace[data-view=preview] .quad-stage>.work{display:flex;position:relative;inset:auto!important;width:100%!important;height:100%!important;min-height:0;flex:1;padding:7px 10px 10px}#workspace[data-view=preview] .quad-stage>.plan-work,#workspace[data-view=preview] #pane-splitters{display:none!important}#workspace[data-view=preview] .pane-actions{display:none!important}#workspace[data-view=preview] .viewer-top>.mobile-shot-picker{display:flex!important}#workspace[data-view=preview] .quick-framing{margin-left:auto}#workspace[data-view=preview] #stage{min-height:60px}#workspace[data-view=preview] .playbar{display:flex!important}#workspace[data-view=preview] #scrub{display:block!important}}
.bone-joints [aria-pressed=true]{background:var(--active);color:var(--accent)}.bone-track .track-name,.bone-key:not(.endpoint){color:var(--accent)}:root[data-theme=dark] .bone-warning,:root[data-theme=dark] #quick-framing-error{color:#edb385}