/* Studio opens on the character stage. Creation and matching have their own entries. */
.sd-shell{--sd-panel-width:330px;--sd-line:var(--cb-border);--sd-ink:var(--cb-text);--sd-jade:var(--cb-primary);color:var(--sd-ink)}
.sd-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 1);margin-bottom:22px}
.sd-header p{font-size:calc(9px * var(--cb-type-scale));letter-spacing:.2em;font-weight:600;color:var(--cb-muted);margin:0 0 6px}
.sd-header h1{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));letter-spacing:-.035em;font-weight:var(--cb-heading-weight);line-height:calc(1.3 * var(--cb-leading-scale));margin:0}
.sd-header-actions{display:flex;gap:calc(var(--cb-editor-space) * 0.45);align-items:center}
.sd-button,.sd-icon-button,.sd-play-button{display:inline-flex;justify-content:center;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);border:var(--cb-border-width) solid var(--sd-line);background:var(--cb-surface);color:var(--sd-ink);border-radius:calc(var(--cb-radius) * 0.58333);padding:10px 14px;min-height:38px;font-size:11px;cursor:pointer;transition:background calc(var(--cb-motion) * 1),border-color calc(var(--cb-motion) * 1)}
.sd-button:hover,.sd-icon-button:hover{background:var(--cb-hover);border-color:var(--cb-border-strong)}
.sd-primary{background:var(--sd-jade);color:var(--cb-on-primary);border-color:var(--sd-jade)}
.sd-primary:hover{background:var(--cb-primary-hover);color:var(--cb-on-primary);border-color:var(--cb-primary-hover)}
.sd-icon-button{width:33px;min-height:33px;height:33px;padding:6px;flex-shrink:0}
.sd-icon-button[aria-pressed=true]{background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected)}
.sd-shell button:focus-visible,.sd-shell input:focus-visible,.sd-shell select:focus-visible,.sd-character-picker button:focus-visible,.sd-character-picker input:focus-visible,.sd-character-picker select:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:3px}
.sd-workspace{display:grid;grid-template-columns:minmax(0,1fr) 9px var(--sd-panel-width);height:calc(100dvh - 226px);min-height:610px;max-height:850px;align-items:stretch}
.sd-stage-panel{min-width:0;border:var(--cb-border-width) solid var(--sd-line);border-radius:calc(var(--cb-radius) * 0.91667);background:var(--cb-raised);overflow:hidden;display:flex;flex-direction:column}
.sd-stage-panel.has-motion-editor .sd-canvas-wrap{min-height:190px}
.sd-stage-panel.has-motion-editor .sd-transport,.sd-stage-panel.has-motion-editor .sd-play-note{display:none}
.sd-stage-panel.has-motion-editor .sd-now-playing{margin-bottom:0}
.sd-motion-editor[hidden]{display:none}
.sd-stage-top{height:64px;padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.75);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);background:var(--cb-raised);flex-shrink:0;border-bottom:var(--cb-border-width) solid var(--sd-line)}
.sd-stage-top>div{display:flex;gap:calc(var(--cb-editor-space) * 0.3)}
.sd-character-current{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.5);text-align:left;min-width:0;max-width:calc(100% - 80px);background:transparent;border:0;padding:0;color:var(--sd-ink);cursor:pointer}
.sd-character-avatar{width:39px;height:39px;border-radius:calc(var(--cb-radius) * 0.5);overflow:hidden;background:var(--cb-inset);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cb-muted)}
.sd-character-avatar img{width:59px;height:53px;max-width:none;object-fit:cover;object-position:center 10%}
.sd-character-current>span:nth-child(2){min-width:0}
.sd-character-current strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:270px}
.sd-character-current small{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);display:block;margin-top:3px}
.sd-canvas-wrap{position:relative;flex:1;min-height:300px;overflow:hidden;background:var(--cb-preview-surface)}
.sd-canvas{position:absolute;inset:0}
.sd-model-canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}
.sd-canvas-badges{position:absolute;top:17px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));letter-spacing:.1em}
.sd-canvas-badges>span:first-child{display:flex;gap:6px;align-items:center;letter-spacing:0;border:var(--cb-border-width) solid var(--cb-border);background:color-mix(in srgb, var(--cb-preview-surface) 80%, transparent);border-radius:calc(var(--cb-radius) * 1.66667);padding:5px 8px;font-size:calc(9px * var(--cb-type-scale))}
.sd-canvas-badges b{font-weight:500}
.sd-view-tools{position:absolute;right:15px;top:52px;display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.25);padding:calc(var(--cb-editor-space) * 0.25);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:color-mix(in srgb, var(--cb-raised) 90.98039%, transparent)}
.sd-view-button{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.2);border:0;border-radius:calc(var(--cb-radius) * 0.33333);background:transparent;min-width:30px;min-height:27px;cursor:pointer}
.sd-view-button.is-active{background:var(--cb-selected);color:var(--cb-on-selected);font-weight:600}
.sd-view-tools .sd-icon-button{width:30px;height:29px;min-height:29px;border:0;background:transparent;padding:5px;color:var(--cb-muted)}
.sd-view-tools .sd-icon-button[aria-pressed=true]{background:var(--cb-selected)}
.sd-view-hint{position:absolute;bottom:14px;left:18px;display:flex;gap:calc(var(--cb-editor-space) * 0.3);align-items:center;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));pointer-events:none}
.sd-viewer-message,.sd-load-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.6);height:100%;padding:calc(var(--cb-editor-space) * 1.75);color:var(--cb-muted);text-align:center}
.sd-viewer-message strong,.sd-load-message strong{font-size:calc(13px * var(--cb-type-scale));font-weight:500;line-height:calc(1.8 * var(--cb-leading-scale));max-width:300px}
.sd-viewer-message span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.sd-load-message{position:absolute;inset:0;background:color-mix(in srgb, var(--cb-inset) 91.76471%, transparent);z-index:3;height:auto}
.sd-load-message[hidden]{display:none}
.sd-load-message .sd-button{font-size:calc(10px * var(--cb-type-scale));margin-top:5px}
.sd-playback{padding:calc(var(--cb-editor-space) * 0.85) calc(var(--cb-editor-space) * 0.95) calc(var(--cb-editor-space) * 0.6);border-top:var(--cb-border-width) solid var(--sd-line);background:var(--cb-surface);flex-shrink:0}
.sd-now-playing{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);margin-bottom:15px}
.sd-now-title{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);min-width:0}
.sd-now-title>span{color:var(--cb-muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-inset);flex-shrink:0}
.sd-now-title>div{min-width:0}
.sd-now-title strong{display:block;font-size:calc(12px * var(--cb-type-scale));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-now-title small{display:block;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}
.sd-now-actions{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.6);flex-shrink:0}.sd-test-button{font-size:calc(9px * var(--cb-type-scale));min-height:29px;padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.45);background:var(--cb-inset);border-color:var(--cb-border);color:var(--cb-text)}
.sd-now-details{display:flex;gap:calc(var(--cb-editor-space) * 0.45);align-items:center;color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));white-space:nowrap}
.sd-now-details span+span{border-left:var(--cb-border-width) solid var(--cb-border);padding-left:calc(var(--cb-editor-space) * 0.45)}
.sd-transport{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.7)}
.sd-transport-buttons{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35)}
.sd-transport-buttons>.sd-icon-button{width:29px;height:29px;min-height:29px;border:0;background:transparent;color:var(--cb-muted)}
.sd-transport-buttons>.sd-icon-button[aria-pressed=true]{background:var(--cb-selected);color:var(--cb-on-selected)}
.sd-play-button{height:36px;min-height:36px;width:40px;padding:calc(var(--cb-editor-space) * 0.35);background:var(--sd-jade);border-color:var(--sd-jade);color:var(--cb-on-primary)}
.sd-play-button:hover{background:var(--cb-hover)}
.sd-play-button:disabled{opacity:.4;cursor:not-allowed}
.sd-timeline{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.55);flex:1;min-width:0;color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale));font-variant-numeric:tabular-nums}
.sd-timeline input{flex:1;width:100%;min-width:30px;accent-color:var(--cb-primary);height:4px;cursor:pointer}
.sd-timeline span{flex-shrink:0;white-space:nowrap}
.sd-speed{font-size:calc(10px * var(--cb-type-scale));width:58px;min-height:28px;height:29px;padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.25);background:var(--cb-inset);border-color:var(--cb-border);color:var(--cb-text)}
.sd-play-note{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin:12px 0 0;line-height:calc(1.8 * var(--cb-leading-scale))}
.sd-play-note .cb-icon{flex-shrink:0}
.sd-resizer{cursor:col-resize;position:relative;touch-action:none;outline:none}
.sd-resizer::before{content:'';position:absolute;left:3px;top:43%;height:44px;width:3px;background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.25);opacity:.55}
.sd-resizer:hover::before,.sd-resizer:focus-visible::before{background:var(--cb-hover);opacity:1}
.sd-bank{background:var(--cb-surface);border:var(--cb-border-width) solid var(--sd-line);border-radius:calc(var(--cb-radius) * 0.91667);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.sd-bank-heading{height:63px;padding:calc(var(--cb-editor-space) * 0.75);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.5);flex-shrink:0}
.sd-bank-heading>div{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4)}
.sd-bank-heading h2{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);margin:0}
.sd-bank-heading .cb-icon{color:var(--cb-text)}
.sd-bank-heading .sd-icon-button{width:29px;height:29px;min-height:29px;padding:6px;border-color:transparent;background:transparent}
.sd-source-tabs{display:flex;margin:0 15px 13px;padding-bottom:calc(var(--cb-editor-space) * 0.5);border-bottom:var(--cb-border-width) solid var(--cb-border);gap:calc(var(--cb-editor-space) * 0.3);flex-shrink:0;justify-content:space-between}
.sd-source-tab{font-size:calc(10px * var(--cb-type-scale));background:transparent;border:0;color:var(--cb-muted);padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.1);display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);cursor:pointer;border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-source-tab small{font-size:calc(8px * var(--cb-type-scale));background:var(--cb-inset);color:var(--cb-muted);padding:0 calc(var(--cb-editor-space) * 0.2);border-radius:calc(var(--cb-radius) * 0.25);min-width:11px}
.sd-source-tab.is-active{color:var(--cb-on-selected);font-weight:600}
.sd-source-tab.is-active small{background:var(--cb-selected);color:var(--cb-on-selected)}
.sd-search{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.5);padding:0 calc(var(--cb-editor-space) * 0.5);min-height:35px;color:var(--cb-muted);min-width:0}
.sd-bank>.sd-search{margin:0 15px 9px;flex-shrink:0}
.sd-search input{border:0;background:transparent;box-shadow:none;min-width:0;width:100%;font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.4) 0;color:var(--cb-text);min-height:33px}
.sd-search input::placeholder{color:var(--cb-muted)}
.sd-search input:focus{outline:none}
.sd-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.25);padding:0 calc(var(--cb-editor-space) * 0.75);margin-bottom:8px;flex-shrink:0}
.sd-categories select{font-size:calc(9px * var(--cb-type-scale));padding:5px 15px 5px 7px;min-height:30px;background-color:var(--cb-surface);border-color:var(--cb-border);color:var(--cb-muted);border-radius:calc(var(--cb-radius) * 0.41667);min-width:0}
.sd-tag-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);padding:0 calc(var(--cb-editor-space) * 0.8) calc(var(--cb-editor-space) * 0.5);flex-shrink:0}
.sd-tag-row label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);color:var(--cb-muted);flex:1;min-width:0}
.sd-tag-row select{border:0;background:transparent;color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale));padding:3px 16px 3px 2px;min-height:22px;width:140px;max-width:100%}
.sd-text-button{border:0;background:transparent;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-editor-space) * 0.2) 0;cursor:pointer}
#sd-results{display:flex;flex-direction:column;flex:1;min-height:0}
.sd-result-line{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.5);padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.8);border-top:var(--cb-border-width) solid var(--cb-border);font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0}
.sd-result-line b{font-weight:600;color:var(--cb-text)}
.sd-result-line select{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);background:transparent;border:0;padding:3px 15px 3px 3px;min-height:23px;max-width:105px}
.sd-motion-list{overflow:auto;padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.35);flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d7bd transparent}
.sd-motion-row{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);width:100%;min-width:0;text-align:left;border:var(--cb-border-width) solid transparent;background:transparent;padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.35);border-radius:calc(var(--cb-radius) * 0.66667);margin-bottom:4px;cursor:pointer;color:var(--cb-text)}
.sd-motion-row:hover{background:var(--cb-hover)}
.sd-motion-row.is-active{background:var(--cb-selected);border-color:var(--cb-border-strong)}
.sd-motion-thumb{width:49px;height:61px;display:flex;align-items:center;justify-content:center;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:linear-gradient(145deg,var(--cb-raised),var(--cb-inset));color:var(--cb-muted);flex-shrink:0}
.sd-motion-thumb>svg{width:31px;height:47px;fill:var(--cb-muted);stroke:var(--cb-muted);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.sd-motion-copy{display:block;min-width:0;flex:1}
.sd-motion-copy strong{font-size:calc(11px * var(--cb-type-scale));font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-motion-copy>small{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-motion-copy>span{display:flex;gap:calc(var(--cb-editor-space) * 0.2);overflow:hidden;margin-top:5px}
.sd-motion-copy i{font-style:normal;font-size:calc(7px * var(--cb-type-scale));color:var(--cb-muted);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.25);padding:0 calc(var(--cb-editor-space) * 0.2);white-space:nowrap;max-width:65px;text-overflow:ellipsis;overflow:hidden}
.sd-motion-row.is-active .sd-motion-copy i{background:var(--cb-selected);border-color:var(--cb-border-strong)}
.sd-motion-meta{display:flex;align-items:flex-end;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.2);flex-shrink:0;color:var(--cb-muted)}
.sd-motion-meta b{font-size:calc(10px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted);font-variant-numeric:tabular-nums}
.sd-motion-meta small{font-size:calc(7px * var(--cb-type-scale))}
.sd-motion-meta .cb-icon{margin-top:2px;color:var(--cb-muted)}
.sd-pagination{display:flex;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.8);padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.6);border-top:var(--cb-border-width) solid var(--cb-border);font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0}
.sd-pagination .sd-icon-button{width:25px;height:25px;min-height:25px;padding:4px;background:transparent;border-color:var(--cb-border)}
.sd-pagination .sd-icon-button .cb-icon{width:13px;height:13px}
.sd-bank-footer{display:flex;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.25);font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.5);background:var(--cb-raised);color:var(--cb-muted);border-top:var(--cb-border-width) solid var(--cb-border);flex-shrink:0}
.sd-list-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--cb-editor-space) * 1);color:var(--cb-muted);text-align:center;gap:calc(var(--cb-editor-space) * 0.45)}
.sd-list-empty strong{font-size:calc(12px * var(--cb-type-scale));font-weight:500}.sd-list-empty p{font-size:calc(10px * var(--cb-type-scale));margin:0}.sd-list-empty .sd-button{font-size:calc(9px * var(--cb-type-scale));min-height:30px;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.6);margin-top:6px}
/* CB36/V43 skeleton-compatibility status notes above the motion results. */
.sd-compat-note{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);margin:0 0 8px;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.5);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale))}
.sd-compat-note .sd-text-button{margin:0 0 0 auto;flex:none}
.sd-compat-note.is-native-only{background:var(--cb-raised);border-color:var(--cb-border);color:var(--cb-muted)}
.sd-compat-note.is-blocked{background:var(--cb-raised);border-color:var(--cb-border);color:var(--cb-muted)}
.sd-shell.is-fullscreen{position:fixed;inset:0;z-index:250;background:var(--cb-raised);padding:calc(var(--cb-editor-space) * 1.1) calc(var(--cb-editor-space) * 1.3);overflow:auto}
.sd-shell.is-fullscreen .sd-workspace{height:calc(100dvh - 118px);max-height:none;min-height:400px}
.sd-character-modal{max-width:890px}
.sd-character-picker{padding:calc(var(--cb-editor-space) * 1.15);color:var(--cb-text)}
.sd-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:calc(var(--cb-editor-space) * 0.6);margin-bottom:12px}
.sd-picker-toolbar>select{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.5);padding:8px 10px}
.sd-picker-count{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin:0 0 12px}
.sd-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.6);max-height:430px;overflow:auto;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.7)}
.sd-character-option{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);padding:0 0 calc(var(--cb-editor-space) * 0.55);border-radius:calc(var(--cb-radius) * 0.66667);text-align:left;overflow:hidden;color:var(--cb-text);cursor:pointer}
.sd-character-option:hover{border-color:var(--cb-border-strong);background:var(--cb-hover)}
.sd-picker-image{height:130px;background:var(--cb-inset);display:flex;align-items:center;justify-content:center;color:var(--cb-muted);margin-bottom:10px;overflow:hidden}
.sd-picker-image img{height:128px;max-width:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.sd-character-option strong{font-size:calc(11px * var(--cb-type-scale));margin:0 10px 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-character-option small{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin:0 10px}
.sd-picker-empty{font-size:calc(12px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 1.5);grid-column:1/-1;text-align:center;color:var(--cb-muted)}
.sd-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.75);margin-top:15px}.sd-picker-footer p{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.8 * var(--cb-leading-scale));margin:0}
@media(min-width:1600px){.sd-header h1{font-size:calc(29px * var(--cb-type-scale) * var(--cb-heading-scale))}.sd-workspace{--sd-panel-width:365px}.sd-motion-thumb{width:57px;height:68px}.sd-motion-copy strong{font-size:calc(12px * var(--cb-type-scale))}.sd-motion-copy>small{font-size:calc(9px * var(--cb-type-scale))}.sd-motion-row{padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.45)}.sd-categories select{font-size:calc(10px * var(--cb-type-scale))}.sd-now-title strong{font-size:calc(14px * var(--cb-type-scale))}.sd-now-title small{font-size:calc(10px * var(--cb-type-scale))}}
@media(max-width:1100px){.sd-workspace{grid-template-columns:minmax(0,1fr) 7px 275px;min-height:650px}.sd-header h1{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}.sd-stage-top{padding:calc(var(--cb-editor-space) * 0.5)}.sd-character-current strong{font-size:calc(11px * var(--cb-type-scale));max-width:190px}.sd-character-avatar{width:32px;height:34px}.sd-stage-top .sd-icon-button{width:28px;min-height:28px;height:28px;padding:5px}.sd-now-details{display:none}.sd-playback{padding:calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.55)}.sd-transport{gap:calc(var(--cb-editor-space) * 0.35)}.sd-transport-buttons{gap:calc(var(--cb-editor-space) * 0.15)}.sd-timeline{gap:calc(var(--cb-editor-space) * 0.35);flex-direction:column;align-items:stretch}.sd-timeline span{text-align:right;font-size:calc(8px * var(--cb-type-scale))}.sd-speed{width:49px;font-size:calc(9px * var(--cb-type-scale))}.sd-bank-heading{padding:calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.55)}.sd-bank>.sd-search{margin-left:11px;margin-right:11px}.sd-source-tabs{margin-left:11px;margin-right:11px;gap:calc(var(--cb-editor-space) * 0.2)}.sd-source-tab{font-size:calc(9px * var(--cb-type-scale));gap:calc(var(--cb-editor-space) * 0.1)}.sd-categories{padding-left:calc(var(--cb-editor-space) * 0.55);padding-right:calc(var(--cb-editor-space) * 0.55);gap:calc(var(--cb-editor-space) * 0.2)}.sd-categories select{font-size:calc(8px * var(--cb-type-scale));padding-left:calc(var(--cb-editor-space) * 0.2);padding-right:13px}.sd-motion-thumb{width:40px;height:55px}.sd-motion-row{gap:calc(var(--cb-editor-space) * 0.35);padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.25)}.sd-motion-copy strong{font-size:calc(10px * var(--cb-type-scale))}.sd-motion-meta small{font-size:calc(6px * var(--cb-type-scale))}.sd-motion-copy i{font-size:calc(6px * var(--cb-type-scale));max-width:49px}.sd-motion-list{padding-left:calc(var(--cb-editor-space) * 0.3);padding-right:calc(var(--cb-editor-space) * 0.3)}.sd-canvas-badges{left:12px;right:12px}.sd-canvas-badges>span:last-child{display:none}.sd-view-tools{right:10px;top:53px}.sd-view-hint{left:12px}}
@media(max-width:1000px){.sd-workspace{grid-template-columns:minmax(0,1fr);height:auto;max-height:none;min-height:0;gap:17px}.sd-resizer{display:none}.sd-stage-panel{height:620px}.sd-bank{height:690px}.sd-header{align-items:center}.sd-header-actions .sd-button{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5);min-height:34px}.sd-header h1{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}.sd-bank-heading{height:57px}.sd-bank>.sd-search{margin-left:16px;margin-right:16px}.sd-source-tabs{margin-left:16px;margin-right:16px;justify-content:flex-start;gap:calc(var(--cb-editor-space) * 1.1)}.sd-source-tab{font-size:calc(11px * var(--cb-type-scale));gap:calc(var(--cb-editor-space) * 0.25)}.sd-categories{padding-left:calc(var(--cb-editor-space) * 0.8);padding-right:calc(var(--cb-editor-space) * 0.8);gap:calc(var(--cb-editor-space) * 0.4)}.sd-categories select{font-size:calc(10px * var(--cb-type-scale));padding:5px 18px 5px 8px;min-height:32px}.sd-motion-thumb{width:49px;height:61px}.sd-motion-copy strong{font-size:calc(12px * var(--cb-type-scale))}.sd-motion-copy>small{font-size:calc(9px * var(--cb-type-scale))}.sd-motion-copy i{font-size:calc(8px * var(--cb-type-scale));max-width:100px}.sd-motion-meta b{font-size:calc(11px * var(--cb-type-scale))}.sd-motion-meta small{font-size:calc(8px * var(--cb-type-scale))}.sd-motion-row{padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.5);gap:calc(var(--cb-editor-space) * 0.6)}.sd-motion-meta{gap:calc(var(--cb-editor-space) * 0.25)}.sd-motion-list{padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.35)}.sd-playback{padding:calc(var(--cb-editor-space) * 0.75)}.sd-now-details{display:flex}.sd-timeline{flex-direction:row;align-items:center}.sd-play-note{font-size:calc(9px * var(--cb-type-scale))}.sd-shell.is-fullscreen{padding:calc(var(--cb-editor-space) * 0.9)}.sd-shell.is-fullscreen .sd-workspace{height:auto;max-height:none}.sd-shell.is-fullscreen .sd-stage-panel{height:calc(100dvh - 115px);min-height:400px}.sd-character-current strong{max-width:300px}.sd-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.sd-header{flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.65);margin-bottom:17px}.sd-header>div:first-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.6);justify-content:space-between;width:100%}.sd-header p{font-size:calc(8px * var(--cb-type-scale));letter-spacing:.14em;margin:0}.sd-header h1{font-size:calc(20px * var(--cb-type-scale) * var(--cb-heading-scale))}.sd-header-actions{width:100%;gap:calc(var(--cb-editor-space) * 0.45)}.sd-header-actions .sd-button{flex:1;font-size:calc(11px * var(--cb-type-scale));min-height:39px}.sd-stage-panel{height:550px}.sd-stage-top{height:62px;padding:calc(var(--cb-editor-space) * 0.55)}.sd-character-current{gap:calc(var(--cb-editor-space) * 0.4)}.sd-character-current strong{font-size:calc(11px * var(--cb-type-scale));max-width:185px}.sd-character-current small{font-size:calc(8px * var(--cb-type-scale))}.sd-stage-top>div{gap:calc(var(--cb-editor-space) * 0.2)}.sd-canvas-wrap{min-height:270px}.sd-view-tools{top:52px;padding:calc(var(--cb-editor-space) * 0.2);right:9px}.sd-view-button{font-size:calc(8px * var(--cb-type-scale));min-width:24px;min-height:24px}.sd-view-tools .sd-icon-button{width:26px;height:26px;min-height:26px}.sd-now-playing{margin-bottom:12px}.sd-now-title strong{font-size:calc(12px * var(--cb-type-scale))}.sd-now-title small{font-size:calc(8px * var(--cb-type-scale));max-width:220px}.sd-now-details{display:none}.sd-timeline{flex-direction:column;align-items:stretch}.sd-transport{gap:calc(var(--cb-editor-space) * 0.5)}.sd-transport-buttons{gap:calc(var(--cb-editor-space) * 0.25)}.sd-playback{padding:calc(var(--cb-editor-space) * 0.65)}.sd-play-note{font-size:calc(8px * var(--cb-type-scale));align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.25);line-height:calc(1.9 * var(--cb-leading-scale))}.sd-play-note .cb-icon{margin-top:1px}.sd-bank{height:720px}.sd-categories select{font-size:calc(9px * var(--cb-type-scale))}.sd-source-tabs{gap:0;justify-content:space-between}.sd-source-tab{font-size:calc(10px * var(--cb-type-scale))}.sd-motion-copy strong{font-size:calc(11px * var(--cb-type-scale))}.sd-motion-copy>small{font-size:calc(8px * var(--cb-type-scale))}.sd-motion-copy i{font-size:calc(7px * var(--cb-type-scale));max-width:62px}.sd-motion-row{padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.35);gap:calc(var(--cb-editor-space) * 0.5)}.sd-bank-footer{font-size:calc(8px * var(--cb-type-scale))}.sd-character-picker{padding:calc(var(--cb-editor-space) * 0.9)}.sd-picker-toolbar{grid-template-columns:minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.4)}.sd-picker-toolbar>select{min-height:35px;font-size:calc(10px * var(--cb-type-scale))}.sd-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.45);max-height:380px}.sd-picker-image{height:114px}.sd-picker-image img{height:112px}.sd-character-option strong{font-size:calc(10px * var(--cb-type-scale));margin-left:8px;margin-right:8px}.sd-character-option small{font-size:calc(7px * var(--cb-type-scale));margin-left:8px;margin-right:8px}.sd-picker-footer{align-items:stretch;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.45)}.sd-picker-footer p{font-size:calc(9px * var(--cb-type-scale))}.sd-character-modal{width:calc(100vw - 22px)}.sd-shell.is-fullscreen{padding:calc(var(--cb-editor-space) * 0.7)}.sd-shell.is-fullscreen .sd-header p{display:none}.sd-shell.is-fullscreen .sd-stage-panel{height:calc(100dvh - 135px)}}
@media(prefers-reduced-motion:reduce){.sd-button,.sd-icon-button,.sd-play-button{transition:none}}
/* V09 — expandable motion packs and a compact route editor below the 3D stage. */
.sd-workspace{height:auto;min-height:0;max-height:none;grid-template-rows:minmax(0,clamp(550px,calc(100dvh - 285px),800px)) auto;row-gap:12px}
.sd-stage-panel{grid-column:1;grid-row:1;min-height:0}
.sd-resizer{grid-column:2;grid-row:1}
.sd-bank{grid-column:3;grid-row:1;min-height:0}
.sd-shell.has-combo .sd-workspace{grid-template-rows:minmax(0,clamp(525px,calc(100dvh - 450px),760px)) auto}
.sd-shell button:disabled,.sd-pack-modal button:disabled{opacity:.42;cursor:not-allowed}
.sd-kind-tabs{display:flex;gap:calc(var(--cb-editor-space) * 0.25);padding:0 calc(var(--cb-editor-space) * 0.75) calc(var(--cb-editor-space) * 0.5);flex-shrink:0}
.sd-kind-tab{font-size:calc(9px * var(--cb-type-scale));border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:transparent;color:var(--cb-muted);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.5);min-height:27px;cursor:pointer}
.sd-kind-tab.is-active{border-color:var(--cb-border-strong);background:var(--cb-selected);color:var(--cb-on-selected);font-weight:600}
.sd-clip-row{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.1);margin-bottom:4px;min-width:0}
.sd-clip-row .sd-motion-row{flex:1;margin-bottom:0;padding-right:calc(var(--cb-editor-space) * 0.2);width:calc(100% - 28px)}
.sd-clip-row>.sd-icon-button{width:25px;height:30px;min-height:30px;padding:4px;border-color:transparent;background:transparent;color:var(--cb-muted)}
.sd-clip-row>.sd-icon-button:hover{background:var(--cb-hover);color:var(--cb-link)}
.sd-clip-row .sd-motion-meta small{font-size:calc(7px * var(--cb-type-scale));max-width:47px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sd-pack-row{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);margin:3px 0 8px;overflow:hidden}
.sd-pack-row.is-expanded{border-color:var(--cb-border);background:var(--cb-raised)}
.sd-pack-toggle{width:100%;display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);min-height:68px;padding:calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.45);color:var(--cb-text);border:0;background:transparent;text-align:left;cursor:pointer}
.sd-pack-toggle:hover{background:var(--cb-hover)}
.sd-pack-icon{display:flex;align-items:center;justify-content:center;width:40px;height:43px;background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);color:var(--cb-muted);flex-shrink:0}
.sd-pack-toggle>span:nth-child(2){flex:1;min-width:0}
.sd-pack-toggle strong{display:block;font-size:calc(11px * var(--cb-type-scale));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-pack-toggle small{display:block;font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}
.sd-pack-toggle>.cb-icon{flex-shrink:0;color:var(--cb-muted)}
.sd-pack-content{padding:0 calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.45)}
.sd-pack-source{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.05) calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.4)}
.sd-pack-clip{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.15);border-top:var(--cb-border-width) solid var(--cb-border)}
.sd-pack-clip>button:first-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);text-align:left;min-width:0;flex:1;min-height:34px;border:0;background:transparent;padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.2);color:var(--cb-text);cursor:pointer}
.sd-pack-clip>button:first-child:hover{color:var(--cb-link);background:var(--cb-hover)}
.sd-pack-clip>button:first-child span{font-size:calc(10px * var(--cb-type-scale));flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-pack-clip>button:first-child small{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);font-variant-numeric:tabular-nums}
.sd-pack-clip>.sd-icon-button{width:25px;height:27px;min-height:27px;padding:5px;background:transparent;border-color:transparent;color:var(--cb-muted)}
.sd-pack-routes{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.2);border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-editor-space) * 0.35);margin-top:2px}
.sd-route-shortcut{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);min-width:0;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.4);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-inset);color:var(--cb-text);font-size:calc(9px * var(--cb-type-scale));text-align:left;cursor:pointer}
.sd-route-shortcut span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sd-route-shortcut:hover{background:var(--cb-hover);border-color:var(--cb-border-strong)}
.sd-mode-switch{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.1);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);padding:calc(var(--cb-editor-space) * 0.1);background:var(--cb-raised)}
.sd-mode-switch>button{font-size:calc(9px * var(--cb-type-scale));line-height:1;padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.35);min-height:25px;border:0;border-radius:calc(var(--cb-radius) * 0.25);color:var(--cb-muted);background:transparent;cursor:pointer;white-space:nowrap}
.sd-mode-switch>button.is-active{background:var(--cb-selected);color:var(--cb-on-selected);font-weight:600}
.sd-now-title{flex:1}
.sd-now-actions{gap:calc(var(--cb-editor-space) * 0.25)}
.sd-now-actions>.sd-icon-button{width:28px;min-height:28px;height:28px;padding:5px;background:transparent;border-color:transparent;color:var(--cb-muted)}
.sd-now-title small{max-width:none}
.sd-composer{grid-column:1/-1;grid-row:2;min-width:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);background:var(--cb-raised);overflow:hidden;color:var(--cb-text)}
.sd-composer-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.75);min-height:49px}
.sd-composer-title{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);min-width:0}
.sd-composer-title>.cb-icon{color:var(--cb-muted)}
.sd-composer-title strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;white-space:nowrap}
.sd-composer-title>span{font-size:calc(9px * var(--cb-type-scale));font-variant-numeric:tabular-nums;color:var(--cb-muted);white-space:nowrap}
.sd-composer-head-actions{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35)}
.sd-composer-head-actions>.sd-icon-button{width:27px;height:27px;min-height:27px;background:transparent;border:0;color:var(--cb-muted)}
.sd-compact{padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.5);min-height:30px;font-size:calc(10px * var(--cb-type-scale))}
.sd-route-toolbar{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);padding:0 calc(var(--cb-editor-space) * 0.75) calc(var(--cb-editor-space) * 0.55);min-width:0;border-bottom:var(--cb-border-width) solid var(--cb-border)}
.sd-route-toolbar>select,.sd-route-toolbar>input{min-height:30px;height:30px;font-size:calc(10px * var(--cb-type-scale));border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);color:var(--cb-text);border-radius:calc(var(--cb-radius) * 0.41667);padding:5px 8px;min-width:0}
.sd-route-toolbar>select{max-width:175px;width:155px}
.sd-route-toolbar>input{max-width:210px;width:165px}
.sd-route-buttons{display:flex;gap:calc(var(--cb-editor-space) * 0.2)}
.sd-route-buttons>.sd-icon-button{width:28px;height:28px;min-height:28px;padding:5px;color:var(--cb-muted);border-color:transparent;background:transparent}
.sd-route-buttons>.sd-icon-button[aria-pressed=true]{background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected)}
.sd-combo-save{display:flex;gap:calc(var(--cb-editor-space) * 0.3);margin-left:auto;flex-shrink:0}
.sd-combo-save .sd-button:first-child{background:var(--cb-inset);border-color:var(--cb-border);color:var(--cb-text)}
.sd-step-track{display:flex;align-items:stretch;gap:calc(var(--cb-editor-space) * 0.5);padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.75);overflow-x:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#c2d3b6 transparent;overscroll-behavior:contain}
.sd-step{flex:0 0 196px;min-width:0;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.58333);padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.45);position:relative}
.sd-step.is-current{border-color:var(--cb-border);box-shadow:0 0 0 1px var(--cb-shadow-ink);background:var(--cb-raised)}
.sd-step-top{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);margin-bottom:7px}
.sd-step-top>button{border:0;border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-inset);color:var(--cb-muted);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.3);font-size:calc(9px * var(--cb-type-scale));font-weight:600;line-height:1;min-height:21px;cursor:pointer}
.sd-step.is-current .sd-step-top>button{background:var(--cb-inset);color:var(--cb-on-primary)}
.sd-step-top>span{font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);font-variant-numeric:tabular-nums}
.sd-step-top>div{margin-left:auto;display:flex;gap:calc(var(--cb-editor-space) * 0.1)}
.sd-step .sd-icon-button{width:22px;height:22px;min-height:22px;padding:3px;border:0;background:transparent;color:var(--cb-muted)}
.sd-step .sd-icon-button>.cb-icon{width:14px;height:14px}
.sd-step>select{width:100%;height:30px;min-height:30px;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text);padding:5px 24px 5px 7px;border:var(--cb-border-width) solid var(--cb-border);background-color:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.33333)}
.sd-step-bottom{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25);margin-top:8px}
.sd-step-bottom>label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.sd-step-bottom input{width:47px;min-height:27px;height:27px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-surface);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text);text-align:center;padding:calc(var(--cb-editor-space) * 0.15);font-variant-numeric:tabular-nums}
.sd-step-bottom>div{display:flex;gap:calc(var(--cb-editor-space) * 0.1)}
.sd-add-step{flex:0 0 88px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.4);min-height:112px;border:var(--cb-border-width) dashed var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-raised);color:var(--cb-muted);cursor:pointer}
.sd-add-step>span{font-size:calc(9px * var(--cb-type-scale))}
.sd-add-step:hover{background:var(--cb-hover);color:var(--cb-link);border-color:var(--cb-border-strong)}
.sd-sequence-empty{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.7);min-width:300px;flex:1;min-height:112px;padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 1);border:var(--cb-border-width) dashed var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-raised);color:var(--cb-muted)}
.sd-sequence-empty>div{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.35)}
.sd-sequence-empty strong{font-size:calc(12px * var(--cb-type-scale));font-weight:500;color:var(--cb-muted)}
.sd-sequence-empty span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.7 * var(--cb-leading-scale))}
.sd-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);padding:calc(var(--cb-editor-space) * 0.05) calc(var(--cb-editor-space) * 0.8) calc(var(--cb-editor-space) * 0.5);color:var(--cb-muted);font-size:calc(8px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale))}
.sd-composer-foot>span:last-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25)}
.sd-shell.is-fullscreen .sd-workspace{height:auto;max-height:none;min-height:0;grid-template-rows:minmax(0,calc(100dvh - 180px)) auto}
.sd-shell.is-fullscreen.has-combo .sd-workspace{grid-template-rows:minmax(500px,calc(100dvh - 380px)) auto}
.sd-pack-modal{max-width:510px;color:var(--cb-text)}
.sd-pack-form,.sd-export-dialog{padding:calc(var(--cb-editor-space) * 1.25)}
.sd-pack-form>label{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.4);font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text)}
.sd-pack-form input{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);min-height:40px;color:var(--cb-text);background:var(--cb-surface);font-size:calc(13px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.6)}
.sd-pack-summary{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.6);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.66667);padding:calc(var(--cb-editor-space) * 0.7);margin:18px 0;color:var(--cb-muted)}
.sd-pack-summary>div{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.3);min-width:0}
.sd-pack-summary strong{font-size:calc(13px * var(--cb-type-scale));font-weight:600;color:var(--cb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-pack-summary span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}
.sd-export-dialog>.sd-pack-summary{margin-top:0}
.sd-export-options{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.5)}
.sd-export-option{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.65);min-height:73px;width:100%;padding:calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.75);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-surface);color:var(--cb-muted);cursor:pointer;text-align:left}
.sd-export-option>span{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.35);flex:1;min-width:0}
.sd-export-option strong{font-size:calc(13px * var(--cb-type-scale));color:var(--cb-text);font-weight:600}
.sd-export-option small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.6 * var(--cb-leading-scale))}
.sd-export-option:hover{border-color:var(--cb-border-strong);background:var(--cb-hover)}
.sd-export-note{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-muted);margin:17px 0}
.sd-form-error,#sd-export-status{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-danger-ink);min-height:0;margin:10px 0}
.sd-form-error:empty,#sd-export-status:empty{display:none}
.sd-pack-form>.sd-button{width:100%;min-height:41px;font-size:calc(12px * var(--cb-type-scale))}
.sd-pack-modal :focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:3px}
@media(min-width:1600px){.sd-step{flex-basis:210px}.sd-composer-title strong{font-size:calc(13px * var(--cb-type-scale))}.sd-pack-toggle strong{font-size:calc(12px * var(--cb-type-scale))}}
@media(max-width:1100px){.sd-kind-tabs{padding-left:calc(var(--cb-editor-space) * 0.55);padding-right:calc(var(--cb-editor-space) * 0.55)}.sd-kind-tab{font-size:calc(8px * var(--cb-type-scale))}.sd-clip-row .sd-motion-thumb{width:32px;height:48px}.sd-clip-row .sd-motion-thumb>svg{width:25px;height:38px}.sd-clip-row .sd-motion-copy>span{display:none}.sd-pack-toggle{gap:calc(var(--cb-editor-space) * 0.35);padding-left:calc(var(--cb-editor-space) * 0.4);padding-right:calc(var(--cb-editor-space) * 0.35)}.sd-pack-toggle strong{font-size:calc(10px * var(--cb-type-scale))}.sd-pack-icon{width:32px;height:39px}.sd-route-toolbar{flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.3)}.sd-route-toolbar>select{width:135px}.sd-route-toolbar>input{width:140px}.sd-now-title small{font-size:calc(8px * var(--cb-type-scale))}.sd-mode-switch>button{font-size:calc(8px * var(--cb-type-scale));padding-left:calc(var(--cb-editor-space) * 0.25);padding-right:calc(var(--cb-editor-space) * 0.25)}}
@media(max-width:1000px){.sd-workspace,.sd-shell.has-combo .sd-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:620px auto 690px;gap:14px}.sd-stage-panel{grid-column:1;grid-row:1;height:auto}.sd-composer{grid-column:1;grid-row:2}.sd-bank{grid-column:1;grid-row:3;height:auto}.sd-resizer{display:none}.sd-kind-tabs{padding-left:calc(var(--cb-editor-space) * 0.8);padding-right:calc(var(--cb-editor-space) * 0.8);gap:calc(var(--cb-editor-space) * 0.35)}.sd-kind-tab{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.65)}.sd-clip-row .sd-motion-thumb{width:49px;height:61px}.sd-clip-row .sd-motion-thumb>svg{width:31px;height:47px}.sd-clip-row .sd-motion-copy>span{display:flex}.sd-clip-row>.sd-icon-button{width:33px;height:36px;min-height:36px}.sd-clip-row .sd-motion-meta small{font-size:calc(8px * var(--cb-type-scale));max-width:none}.sd-pack-toggle{padding:calc(var(--cb-editor-space) * 0.6);min-height:72px}.sd-pack-toggle strong{font-size:calc(12px * var(--cb-type-scale))}.sd-pack-toggle small{font-size:calc(10px * var(--cb-type-scale))}.sd-pack-icon{width:43px;height:46px}.sd-pack-content{padding-left:calc(var(--cb-editor-space) * 0.6);padding-right:calc(var(--cb-editor-space) * 0.6)}.sd-pack-source{font-size:calc(9px * var(--cb-type-scale))}.sd-pack-clip>button:first-child{min-height:39px}.sd-pack-clip>button:first-child span{font-size:calc(11px * var(--cb-type-scale))}.sd-pack-clip>.sd-icon-button{width:32px;height:32px;min-height:32px}.sd-route-shortcut{font-size:calc(10px * var(--cb-type-scale));min-height:34px}.sd-now-title small{font-size:calc(9px * var(--cb-type-scale))}.sd-mode-switch>button{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.45)}.sd-composer-title strong{font-size:calc(13px * var(--cb-type-scale))}.sd-composer-title>span{font-size:calc(10px * var(--cb-type-scale))}.sd-route-toolbar{gap:calc(var(--cb-editor-space) * 0.35)}.sd-route-toolbar>select,.sd-route-toolbar>input{font-size:calc(11px * var(--cb-type-scale));height:33px;min-height:33px}.sd-route-toolbar>input{flex:1;max-width:none}.sd-route-buttons .sd-icon-button{min-height:31px;width:31px;height:31px}.sd-combo-save{margin-left:0}.sd-combo-save .sd-button{min-height:33px;font-size:calc(11px * var(--cb-type-scale))}.sd-step{flex-basis:204px}.sd-step .sd-icon-button{min-height:27px;width:27px;height:27px}.sd-step-bottom input{min-height:31px;height:31px}.sd-step>select{min-height:34px;height:34px}.sd-composer-foot{font-size:calc(9px * var(--cb-type-scale));align-items:flex-start}.sd-shell.is-fullscreen .sd-workspace,.sd-shell.is-fullscreen.has-combo .sd-workspace{grid-template-rows:minmax(500px,calc(100dvh - 150px)) auto 690px}.sd-shell.is-fullscreen .sd-stage-panel{height:auto;min-height:0}}
@media(max-width:520px){.sd-workspace,.sd-shell.has-combo .sd-workspace{grid-template-rows:555px auto 720px}.sd-now-playing{gap:calc(var(--cb-editor-space) * 0.35);align-items:flex-start}.sd-now-title>span{display:none}.sd-now-title strong{font-size:calc(11px * var(--cb-type-scale))}.sd-now-title small{font-size:calc(8px * var(--cb-type-scale));max-width:none}.sd-now-actions>.sd-icon-button{display:none}.sd-mode-switch>button{font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.35)}.sd-now-actions{padding-top:0}.sd-composer-head{padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.55)}.sd-composer-title{gap:calc(var(--cb-editor-space) * 0.3)}.sd-composer-title strong{font-size:calc(12px * var(--cb-type-scale))}.sd-composer-title>span{font-size:calc(9px * var(--cb-type-scale))}.sd-route-toolbar{padding:0 calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sd-route-toolbar>select,.sd-route-toolbar>input{width:100%;max-width:none}.sd-route-buttons{justify-content:flex-start}.sd-combo-save{justify-content:flex-end;gap:calc(var(--cb-editor-space) * 0.2)}.sd-combo-save .sd-button{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.35);gap:calc(var(--cb-editor-space) * 0.2)}.sd-combo-save .sd-button .cb-icon{width:12px}.sd-step-track{padding:calc(var(--cb-editor-space) * 0.55);gap:calc(var(--cb-editor-space) * 0.45)}.sd-step{flex-basis:198px}.sd-composer-foot{padding-left:calc(var(--cb-editor-space) * 0.55);padding-right:calc(var(--cb-editor-space) * 0.55);flex-direction:column;gap:calc(var(--cb-editor-space) * 0.15);font-size:calc(8px * var(--cb-type-scale))}.sd-sequence-empty{min-width:230px;padding:calc(var(--cb-editor-space) * 0.6);gap:calc(var(--cb-editor-space) * 0.45)}.sd-sequence-empty strong{font-size:calc(11px * var(--cb-type-scale))}.sd-sequence-empty span{font-size:calc(9px * var(--cb-type-scale))}.sd-sequence-empty>.cb-icon{display:none}.sd-pack-toggle strong{font-size:calc(11px * var(--cb-type-scale))}.sd-pack-toggle small{font-size:calc(9px * var(--cb-type-scale))}.sd-clip-row .sd-motion-thumb{width:40px;height:55px}.sd-clip-row .sd-motion-meta small{font-size:calc(7px * var(--cb-type-scale));max-width:45px}.sd-pack-form,.sd-export-dialog{padding:calc(var(--cb-editor-space) * 0.95)}.sd-export-option{padding:calc(var(--cb-editor-space) * 0.6);gap:calc(var(--cb-editor-space) * 0.5)}.sd-export-option strong{font-size:calc(12px * var(--cb-type-scale))}.sd-export-option small{font-size:calc(10px * var(--cb-type-scale))}.sd-shell.is-fullscreen .sd-workspace,.sd-shell.is-fullscreen.has-combo .sd-workspace{grid-template-rows:minmax(490px,calc(100dvh - 155px)) auto 720px}.sd-route-buttons>.sd-icon-button{width:28px}.sd-route-buttons{gap:calc(var(--cb-editor-space) * 0.1)}}

.sd-generated-file{padding:calc(var(--cb-editor-space) * 0.7);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-inset);color:var(--cb-text)}
.sd-generated-file>strong{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);font-size:calc(12px * var(--cb-type-scale));font-weight:600}
.sd-download-link{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);margin:12px 0 9px;padding:calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.65);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-primary);color:var(--cb-on-primary);text-decoration:none;min-height:43px;font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale))}
.sd-download-link:hover{background:var(--cb-hover);color:var(--cb-link)}
.sd-download-link>.cb-icon{flex-shrink:0}.sd-download-link>span{min-width:0;overflow-wrap:anywhere}.sd-generated-file>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.7 * var(--cb-leading-scale))}
/* V10 — the motion bank can leave its dock without taking canvas width with it. */
.sd-shell .sd-workspace{--sd-panel-width:inherit;grid-template-columns:minmax(0,1fr) 9px var(--sd-panel-width)}
.sd-shell.sd-bank-away .sd-workspace{grid-template-columns:minmax(0,1fr)}
.sd-shell.sd-bank-away .sd-stage-panel,.sd-shell.sd-bank-away .sd-composer{grid-column:1}
.sd-shell.sd-bank-away .sd-resizer{display:none}
.sd-bank[hidden]{display:none!important}
.sd-bank-heading{padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.65);gap:calc(var(--cb-editor-space) * 0.4);cursor:grab;touch-action:none;user-select:none}
.sd-bank-heading:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:-3px}
.sd-bank-heading h2{font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale));white-space:nowrap}
.sd-bank-heading>div{gap:calc(var(--cb-editor-space) * 0.35);min-width:0}
.sd-bank-heading>.sd-bank-window-controls{gap:calc(var(--cb-editor-space) * 0.15);flex-shrink:0}
.sd-bank-heading .sd-icon-button{width:29px;height:29px;min-height:29px}
.sd-bank-heading .sd-icon-button:hover{background:var(--cb-hover)}
.sd-bank-heading .sd-icon-button[aria-pressed=true]{background:var(--cb-selected)}
.sd-bank-tools{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.3);padding:0 calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.5);flex-shrink:0}
.sd-bank-tools .sd-kind-tabs{padding:0;gap:calc(var(--cb-editor-space) * 0.2);min-width:0}
.sd-bank-tools .sd-kind-tab{padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.4);white-space:nowrap}
.sd-bank-library-actions{display:flex;gap:calc(var(--cb-editor-space) * 0.15);flex-shrink:0}
.sd-bank-library-actions .sd-icon-button{width:26px;height:27px;min-height:27px;border:0;background:transparent;color:var(--cb-muted);padding:5px}
.sd-bank-library-actions .sd-icon-button:hover{background:var(--cb-hover)}
.sd-bank.is-floating,.sd-bank.is-expanded{position:fixed;box-sizing:border-box;z-index:320;max-width:none;min-width:0;min-height:0;max-height:none;margin:0;grid-row:auto;grid-column:auto;box-shadow:var(--cb-shadow);border-color:var(--cb-border);isolation:isolate}
.sd-bank.is-floating{border-radius:calc(var(--cb-radius) * 1)}
.sd-bank.is-floating .sd-bank-heading{background:var(--cb-inset);border-bottom:var(--cb-border-width) solid var(--cb-border);margin-bottom:12px}
.sd-bank.is-expanded{z-index:350;border-radius:calc(var(--cb-radius) * 1)}
.sd-bank.is-expanded .sd-bank-heading{background:var(--cb-inset);border-bottom:var(--cb-border-width) solid var(--cb-border);margin-bottom:12px;cursor:default}
.sd-bank.is-expanded .sd-motion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:calc(var(--cb-editor-space) * 0.45);align-content:start;padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.8)}
.sd-bank.is-expanded .sd-clip-row,.sd-bank.is-expanded .sd-pack-row{margin:0}
.sd-bank.is-expanded .sd-clip-row{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);overflow:hidden;background:var(--cb-raised)}
.sd-bank.is-expanded .sd-motion-row{min-height:82px}
.sd-bank.is-expanded .sd-source-tabs{justify-content:flex-start;gap:calc(var(--cb-editor-space) * 1.4)}
.sd-bank.is-expanded .sd-bank-tools{justify-content:flex-start;gap:calc(var(--cb-editor-space) * 0.8)}
.sd-bank.is-expanded .sd-categories{grid-template-columns:repeat(3,minmax(0,220px))}
.sd-bank.is-expanded .sd-tag-row{justify-content:flex-start}
.sd-bank.is-expanded .sd-tag-row label{flex:none}
.sd-bank .sd-motion-list{overscroll-behavior:contain}
.sd-bank-resize{position:absolute;z-index:8;display:none;touch-action:none}
.sd-bank.is-floating>.sd-bank-resize{display:block}
.sd-bank-resize-n,.sd-bank-resize-s{height:7px;left:12px;right:12px;cursor:ns-resize}
.sd-bank-resize-n{top:0}.sd-bank-resize-s{bottom:0}
.sd-bank-resize-e,.sd-bank-resize-w{width:7px;top:12px;bottom:12px;cursor:ew-resize}
.sd-bank-resize-e{right:0}.sd-bank-resize-w{left:0}
.sd-bank-resize-ne,.sd-bank-resize-nw,.sd-bank-resize-se,.sd-bank-resize-sw{width:15px;height:15px}
.sd-bank-resize-ne{top:0;right:0;cursor:nesw-resize}.sd-bank-resize-nw{top:0;left:0;cursor:nwse-resize}
.sd-bank-resize-se{bottom:0;right:0;cursor:nwse-resize}.sd-bank-resize-sw{bottom:0;left:0;cursor:nesw-resize}
.sd-bank-resize-se:after{content:'';position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:calc(var(--cb-border-width) * 2) solid var(--cb-border);border-bottom:calc(var(--cb-border-width) * 2) solid var(--cb-border);border-radius:0 0 calc(var(--cb-radius) * 0.25) 0}
.sd-bank-dragging,.sd-bank-dragging *{user-select:none!important}
.sd-bank-dragging .sd-bank-heading{cursor:grabbing}
.sd-bank-dock-hint{position:fixed;z-index:360;top:90px;bottom:22px;right:10px;width:110px;display:flex;align-items:center;justify-content:center;padding:18px;border:calc(var(--cb-border-width) * 2) dashed var(--cb-border-strong);border-radius:calc(var(--cb-radius) * 1);background:color-mix(in srgb, var(--cb-inset) 93.72549%, transparent);color:var(--cb-muted);pointer-events:none;font-size:calc(12px * var(--cb-type-scale));writing-mode:vertical-rl;letter-spacing:.12em}
.sd-bank-dock-hint[hidden]{display:none}
.sd-stage-top>div{flex-shrink:0}
.sd-stage-top:has(.sd-editor-control){height:auto;min-height:64px;flex-wrap:wrap}
.sd-stage-top>.sd-stage-tools{flex-wrap:wrap;align-items:center;min-width:0;max-width:100%}
.sd-editor-control{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.15);min-width:0;max-width:100%}
.sd-editor-toggle{min-height:32px;white-space:normal;overflow-wrap:anywhere}
.sd-editor-toggle.is-active{background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected)}
.sd-editor-toggle[aria-busy=true]{cursor:progress}
.sd-editor-control small{max-width:260px;max-height:2.8em;font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--cb-muted)}
.sd-editor-control small:empty{display:none}
.sd-character-avatar img.is-character-cover{width:100%;height:100%;object-fit:cover;object-position:center}
.sd-picker-image img.is-character-cover{max-width:100%;padding:0;mix-blend-mode:normal}
/* Pending default-library covers show a neutral tile, never an empty broken src.
 * Cover thumbnails keep their full 3:4 frame: contain everywhere (picker and
 * avatars alike) with a stable card background and slight padding — the source
 * previews are already contain-composited, so cover here would crop bodies. */
.sd-picker-image img[data-default-cover-id],.sd-character-avatar img[data-default-cover-id]{background:var(--cb-inset);object-fit:contain;padding:2px}
.sd-character-current .sd-character-avatar img[data-default-cover-id]{object-fit:contain}
@media(max-width:520px){.sd-stage-top>.sd-stage-tools{width:100%}.sd-stage-top:has(.sd-editor-control) .sd-character-current{max-width:100%}.sd-editor-control{flex:1}.sd-editor-control small{max-width:100%}}
.sd-character-current{max-width:calc(100% - 120px)}
.sd-stage-top [data-sd-bank-action=show][aria-pressed=true]{background:var(--cb-selected);border-color:var(--cb-border-strong)}
/* A pack opens in its own preview window, so inspecting contents never expands a catalog row. */
.sd-pack-inspector-dialog{width:min(1060px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 36px);padding:0;color:var(--cb-text);background:var(--cb-raised)}
.sd-pack-inspector-dialog .modal-heading{padding:calc(var(--cb-editor-space) * 1.1) calc(var(--cb-editor-space) * 1.25);border-bottom:var(--cb-border-width) solid var(--cb-border)}
.sd-pack-inspector{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:calc(var(--cb-editor-space) * 1.2);padding:calc(var(--cb-editor-space) * 1.2)}
.sd-pack-preview-column{min-width:0}
.sd-pack-inspector .cpv-stage{height:340px}
.sd-pack-inspect-contents{min-width:0;max-height:610px;overflow:auto;padding-right:calc(var(--cb-editor-space) * 0.15);overscroll-behavior:contain}
.sd-pack-preview-context{display:flex;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.35);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));color:var(--cb-muted);margin:14px 0}
.sd-pack-preview-context .cb-icon,.sd-pack-preview-rights .cb-icon{flex-shrink:0;margin-top:2px}
.sd-pack-preview-rights{display:flex;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.65);background:var(--cb-preview-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-text)}
.sd-pack-inspect-title{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);margin-bottom:12px}
.sd-pack-inspect-title h3{font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);margin:0}
.sd-pack-inspect-title>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.sd-pack-inspect-clips{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);overflow:hidden;margin-bottom:23px;background:var(--cb-surface)}
.sd-pack-inspect-clip{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.15) 0;min-width:0}
.sd-pack-inspect-clip+.sd-pack-inspect-clip{border-top:var(--cb-border-width) solid var(--cb-border)}
.sd-pack-inspect-clip>button:first-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.55);min-width:0;flex:1;border:0;background:transparent;padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.6);color:var(--cb-text);text-align:left;cursor:pointer}
.sd-pack-inspect-clip>button:first-child:hover{background:var(--cb-hover)}
.sd-pack-inspect-clip>button>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0}
.sd-pack-inspect-clip>button>div{min-width:0;flex:1}
.sd-pack-inspect-clip strong{display:block;font-size:calc(11px * var(--cb-type-scale));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-pack-inspect-clip small{display:block;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}
.sd-pack-inspect-clip>.sd-icon-button{width:29px;height:29px;min-height:29px;background:var(--cb-raised);border-color:var(--cb-border)}
.sd-pack-inspect-route{padding:calc(var(--cb-editor-space) * 0.7);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);background:var(--cb-inset);margin-bottom:11px}
.sd-pack-inspect-route>div:first-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);min-width:0}
.sd-pack-inspect-route strong{font-size:calc(12px * var(--cb-type-scale));font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}
.sd-pack-inspect-route small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0}
.sd-pack-inspect-route>div:first-child>span{background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.33333);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.25);font-size:calc(8px * var(--cb-type-scale));color:var(--cb-text)}
.sd-pack-route-chips{display:flex;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.25);margin:13px 0}
.sd-pack-route-chips>span{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale));padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);color:var(--cb-muted);overflow-wrap:anywhere}
.sd-pack-route-chips b{font-weight:600;color:var(--cb-text);margin-left:4px}
.sd-pack-route-actions{display:flex;justify-content:flex-end;gap:calc(var(--cb-editor-space) * 0.35)}
.sd-pack-inspect-footer{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.6);border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-editor-space) * 0.75);margin-top:18px}
.sd-pack-inspect-footer>span{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);min-height:18px}
.sd-pack-inspector-dialog :focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:3px}
@media(max-width:1000px){
  .sd-shell .sd-workspace,.sd-shell.has-combo .sd-workspace{grid-template-columns:minmax(0,1fr)}
  .sd-shell.sd-bank-away .sd-workspace,.sd-shell.sd-bank-away.has-combo .sd-workspace{grid-template-rows:620px auto}
  .sd-shell.is-fullscreen.sd-bank-away .sd-workspace,.sd-shell.is-fullscreen.sd-bank-away.has-combo .sd-workspace{grid-template-rows:minmax(500px,calc(100dvh - 150px)) auto}
  .sd-bank-heading{cursor:default;touch-action:auto;padding:calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.8)}
  .sd-bank-tools{padding-left:calc(var(--cb-editor-space) * 0.8);padding-right:calc(var(--cb-editor-space) * 0.8)}
  .sd-bank-tools .sd-kind-tab{padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.65)}
  .sd-bank-heading [data-sd-bank-action=float],.sd-bank-resize{display:none!important}
  .sd-bank.is-expanded{border-radius:0;border:0}
  .sd-bank.is-expanded .sd-bank-heading{height:65px;padding:calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.9)}
  .sd-bank.is-expanded .sd-bank-heading .sd-icon-button{width:36px;height:36px;min-height:36px}
  .sd-bank.is-expanded .sd-source-tabs{gap:calc(var(--cb-editor-space) * 1.1)}
  .sd-bank.is-expanded .sd-motion-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .sd-pack-inspector{gap:calc(var(--cb-editor-space) * 0.9);padding:calc(var(--cb-editor-space) * 1);grid-template-columns:minmax(0,1fr) minmax(275px,1fr)}
  .sd-pack-inspector .cpv-stage{height:300px}
}
@media(max-width:680px){
  .sd-pack-inspector-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 22px)}
  .sd-pack-inspector-dialog .modal-heading{padding:calc(var(--cb-editor-space) * 0.9)}
  .sd-pack-inspector{grid-template-columns:minmax(0,1fr);padding:calc(var(--cb-editor-space) * 0.8);gap:calc(var(--cb-editor-space) * 0.9)}
  .sd-pack-inspector .cpv-stage{height:255px}
  .sd-pack-inspect-contents{max-height:none;overflow:visible;padding-right:0}
  .sd-pack-preview-context{font-size:calc(10px * var(--cb-type-scale));margin:11px 0}
  .sd-pack-inspect-clip>button:first-child{min-height:58px}
  .sd-pack-route-actions>.sd-button{min-height:34px}
}
@media(max-width:520px){
  .sd-shell.sd-bank-away .sd-workspace,.sd-shell.sd-bank-away.has-combo .sd-workspace{grid-template-rows:555px auto}
  .sd-shell.is-fullscreen.sd-bank-away .sd-workspace,.sd-shell.is-fullscreen.sd-bank-away.has-combo .sd-workspace{grid-template-rows:minmax(490px,calc(100dvh - 155px)) auto}
  .sd-character-current{max-width:calc(100% - 102px)}
  .sd-bank-tools .sd-kind-tab{padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.55)}
  .sd-bank.is-expanded .sd-motion-list{grid-template-columns:minmax(0,1fr);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.7)}
  .sd-bank.is-expanded .sd-source-tabs{justify-content:space-between;gap:0}
  .sd-bank.is-expanded .sd-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sd-bank.is-expanded .sd-tag-row{justify-content:space-between}
  .sd-bank.is-expanded .sd-bank-footer{padding-bottom:max(9px,env(safe-area-inset-bottom,0px))}
}
/* Short windows retain a usable results area and a reachable close / restore bar. */
.sd-bank.is-floating,.sd-bank.is-expanded{overflow-y:auto;overscroll-behavior:contain}
.sd-bank.is-floating .sd-bank-heading,.sd-bank.is-expanded .sd-bank-heading{position:sticky;top:0;z-index:6}
.sd-bank.is-floating #sd-results,.sd-bank.is-expanded #sd-results{min-height:160px}
/* CB38 — character picker card / list dual view, shared per-space preference
   (character-library-view.js). Card view grows the covers from the old 130px
   thumbnails to real large 3:4 covers (about 240x320 at desktop, responsive by
   modal width); the same cover pipeline stays (contain, normal blending for
   real covers, data-default-cover-id tiles, lazy loading). List view is a
   compact horizontal row that never overflows narrow modals. */
.sd-picker-meta{display:flex;flex-direction:column;min-width:0}
.sd-character-grid:not(.sd-character-list){grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.sd-character-grid:not(.sd-character-list) .sd-picker-image{height:auto;aspect-ratio:3/4;max-height:330px;margin-bottom:11px}
.sd-character-grid:not(.sd-character-list) .sd-picker-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;filter:none}
.sd-character-grid.sd-character-list{grid-template-columns:minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.4)}
.sd-character-list .sd-character-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.sd-character-list .sd-character-option{flex-direction:row;align-items:center;gap:calc(var(--cb-editor-space) * 0.6);padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.7) calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.4)}
.sd-character-list .sd-picker-image{width:92px;height:123px;flex:0 0 92px;margin:0}
.sd-character-list .sd-picker-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;filter:none}
.sd-character-list .sd-character-option strong{margin:0 0 3px}
.sd-character-list .sd-character-option small{margin:0}
.sd-character-list .sd-character-preview{align-self:center}
@media(max-width:1000px){
  .sd-character-grid:not(.sd-character-list){grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
  .sd-character-grid:not(.sd-character-list) .sd-picker-image{max-height:300px}
}
@media(max-width:430px){
  .sd-character-grid:not(.sd-character-list){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){
  .sd-picker-toolbar{grid-template-columns:minmax(0,1fr)}
  .sd-picker-toolbar .co-view-toggle{justify-content:flex-start}
  .sd-character-grid:not(.sd-character-list) .sd-picker-image{max-height:280px;margin-bottom:9px}
  .sd-character-list .sd-picker-image{width:72px;height:96px;flex-basis:72px}
}

/* Photography entry and the actual local query backend. */
.sd-photo-entry{border-color:var(--cb-border);background:var(--cb-raised);color:var(--cb-text)}
.sd-query-engine{display:inline-flex;margin-left:5px;padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.3);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-inset);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));font-weight:600}