:root{color-scheme:dark;--ink:#eee;--paper:#0b0b0b;--line:#ffffff13;--green:#b7b7b7;--accent:#b7b7b7}body.tool-app{background:#0b0b0b;color:#eee;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0}.tool-app *{box-sizing:border-box}.tool-app header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:14px 24px;background:#0e0e0e;border-bottom:1px solid #262626}.tool-brand{font-size:14px;font-weight:600;color:#eee;text-decoration:none;white-space:nowrap}.tool-nav{display:flex;gap:4px;flex:1}.tool-nav a{padding:7px 12px;border-radius:6px;color:#909090;text-decoration:none;font-size:12px}.tool-nav a[aria-current]{background:#272727;color:#eee}.tool-app button,.tool-app .quiet{background:#232323;color:#d7d7d7;border:1px solid #ffffff12;border-radius:6px;padding:7px 10px;font:12px inherit;min-height:32px;cursor:pointer}.tool-app button:hover{background:#303030;filter:none}.tool-app button[aria-pressed=true],.tool-app button.primary,.tool-app .play{background:#dfdfdf;color:#151515;border-color:transparent}.tool-app :focus-visible{outline:2px solid #bcb5e1;outline-offset:3px}.tool-app main{max-width:1600px;padding:24px;margin:auto}.tool-app h1,.tool-app h1 em{font:500 23px/1.25 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.6px;color:#eee;margin:0 0 7px}.tool-app p,.tool-app .hint,.tool-app .caption,.tool-app .range output,.tool-app .range .value{color:#929292}.tool-app main>p,.tool-app .intro p{font-size:13px;margin:0 0 24px}.tool-app .intro{margin:0 0 24px;display:block}.tool-app input,.tool-app select,.tool-app textarea{accent-color:#c2bbdf;color:#eee}.tool-app select,.tool-app textarea,.tool-app input[type=number],.tool-app input:not([type]){background:#242424;border:1px solid #ffffff0d;border-radius:5px;padding:6px 8px;font-size:12px;min-height:32px}.tool-app input[type=range]{height:16px;margin:2px 0;width:100%}.tool-app textarea{min-height:70px;resize:vertical}.tool-app .stage{background:radial-gradient(#ffffff13 .7px,transparent .7px) 0 0/20px 20px #111;border:1px solid #292929;border-radius:8px;height:clamp(330px,52vh,620px)}.tool-app .stage-note,.tool-app .stage-word{display:none}.tool-app .stage-head{background:#141414;border-bottom:1px solid #252525;padding:12px 16px;font-size:12px}.tool-app .stage-title i{background:#aaa}.tool-app .transport{background:#141414;padding:16px;border-top:1px solid #262626}.tool-app .time,.tool-app .beats{color:#999}.tool-app .tool-hint{font-size:11px;color:#727272;margin:16px 0 0}.tool-app .status{color:#c5bddf}.tool-app .eyebrow{font-size:10px;letter-spacing:1px;color:#777}.tool-app .studio{display:grid;grid-template-columns:190px minmax(0,1fr) 270px;border:1px solid #292929;border-radius:10px;overflow:hidden;background:#141414}.tool-app .sidebar{padding:18px 10px;background:#111;border-right:1px solid #262626}.tool-app .scene{width:100%;text-align:left;border:0;background:transparent;margin:4px 0;padding:11px 9px;box-shadow:none}.tool-app .scene[aria-pressed=true]{background:#292929;color:#eee}.tool-app .scene-icon{color:#aaa}.tool-app .scene small{color:#858585}.tool-app .workspace{min-width:0}.tool-app .workspace .stage{border:0;border-radius:0}.tool-app .motion-inspector{padding:18px 16px;border-left:1px solid #292929;background:#171717}.tool-app .director{display:block;padding:0;border:0;background:none;margin:0}.tool-app .director>div{margin-bottom:24px}.tool-app .director p{font-size:12px;margin-top:10px}.tool-app .control label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.tool-app .exact-value{width:64px;font-variant-numeric:tabular-nums}.tool-app .range-ends{font-size:10px;color:#777}.tool-app details.details{border-top:1px solid #303030;padding:16px 0;margin:0;background:none}.tool-app summary{cursor:pointer;font-size:12px;font-weight:550}.tool-app .fields{display:block;padding:10px 0}.tool-app .fields input{width:100%;margin-top:8px}.tool-app .layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.tool-app .preview{top:88px}.tool-app .controls{border:1px solid #292929;border-radius:9px;background:#171717;padding:0 14px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin}.tool-app .inspector-group{border-bottom:1px solid #2c2c2c}.tool-app .inspector-group>summary{padding:14px 0;color:#ddd}.tool-app .panel,.tool-app .pose-panel,.tool-app .cursor-library,.tool-app .below{padding:0 0 15px!important;margin:0!important;border:0!important;background:transparent;border-radius:0}.tool-app .panel .hint,.tool-app .cursor-library .hint{font-size:11px;line-height:1.5}.tool-app label.field{font-size:11px;gap:6px;margin-bottom:12px}.tool-app .range{margin-bottom:12px}.tool-app .range label{font-size:11px}.tool-app .range input[type=number]{width:62px}.tool-app .corner-picker{background:#252525;border-radius:8px;gap:6px;padding:6px;margin:8px 0 16px;grid-template-columns:34px 34px}.tool-app .corner-picker button{min-height:32px;padding:5px}.tool-app .padding-grid{gap:8px;margin:10px 0 16px}.tool-app .padding-grid input{width:54px}.tool-app .choices{grid-template-columns:repeat(2,1fr);gap:5px}.tool-app #reveals{grid-template-columns:repeat(3,1fr)}.tool-app .choices button{font-size:11px;padding:6px}.tool-app .inspector-actions{padding:16px 0}.tool-app .directions{background:#161616;padding:5px;border:1px solid #292929;border-radius:8px}.tool-app .directions button{border:0}.tool-app .stage-label{color:#777;font-size:10px}.tool-app .guide:before,.tool-app .guide:after{border-color:#ffffff20}.tool-app .cursor-grid button{background:#242424}.tool-app .cursor-source{color:#aaa}.tool-app .caption{font-size:11px}.tool-app .tools{margin:12px 0}.tool-app .reduced{background:#26222c;color:#c5bddf}.tool-app dialog{background:#171717;color:#eee;border:1px solid #383838}.tool-app dialog pre{background:#0b0b0b;color:#ddd}
@media(max-width:1100px){.tool-app .studio{grid-template-columns:155px minmax(0,1fr)}.tool-app .motion-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #292929}.tool-app .director{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.tool-app .director>div:first-child{grid-column:1/-1;margin:0}.tool-app .director>div{margin-bottom:0}}
@media(max-width:760px){.tool-app header{flex-wrap:wrap;gap:10px;padding:12px 16px}.tool-nav{order:3;flex-basis:100%;overflow:auto}.tool-app header>button{margin-left:auto}.tool-app main{padding:18px 14px}.tool-app .layout{display:flex;flex-direction:column}.tool-app .preview{position:relative;top:auto}.tool-app .controls{max-height:none;display:block}.tool-app .studio{display:flex;flex-direction:column}.tool-app .sidebar{border:0}.tool-app .scenes{display:grid;grid-template-columns:1fr 1fr}.tool-app .director{grid-template-columns:1fr}.tool-app .stage{height:340px}.tool-app input[type=number],.tool-app select,.tool-app textarea,.tool-app input:not([type]){font-size:16px}.tool-app button{min-height:40px}}

.tool-app .director p{font-family:inherit;line-height:1.5}.tool-app .scene{min-height:58px;gap:10px}.tool-app .scene-icon{font-size:22px;min-width:24px}.tool-app .scene small{font-size:10px;line-height:1.4}.tool-app .scene strong{font-size:12px}.tool-app .sidebar{max-height:calc(100vh - 220px);overflow:auto}.tool-app.designer .stage{height:clamp(280px,43vh,520px)}.tool-app input:disabled{opacity:.35;cursor:not-allowed}.tool-app .motion-inspector .details summary{font-size:12px}.tool-app .inspector-actions{position:sticky;bottom:0;background:#171717}.tool-app .tools button{flex:0 1 auto}.tool-app .tools{align-items:center}
.tool-app [hidden]{display:none!important}.tool-app .cursor-choice[aria-pressed=true]{outline-color:#bdb5d8;background:#39353f}.tool-app .cursor-grid{max-height:250px}

.tool-app .canvas-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.tool-app .canvas-tools label{margin:0}.tool-app .canvas-tools .field{display:flex;align-items:center;gap:8px}.tool-app #offsets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px}.tool-app .position-field{position:relative;display:block}.tool-app .position-field span{position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;cursor:ew-resize;touch-action:none;user-select:none;color:#aaa}.tool-app .position-field input{width:100%;padding-left:34px}.tool-app .dialogue-motion .below{border:0;padding:12px 0;margin:0}.tool-app .dialogue-motion h2,.tool-app .pose-panel h3{font-size:12px;font-weight:500;margin:14px 0 8px}.tool-app .dialogue-hit{position:absolute;z-index:4;min-height:0;padding:0;border:0;border-radius:18px;background:transparent;cursor:text}.tool-app .dialogue-hit:hover{background:#ffffff0b}.tool-app .dialogue-hit.empty{background:#242424;border:1px dashed #777;color:#ddd}.tool-app .designer-dialogue-editor{position:absolute;z-index:5;width:248px;min-height:76px;background:#c8c2df;color:#17151e;border:1px solid #eee8ff;border-radius:18px;padding:12px 16px;font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 8px 24px #0006;resize:vertical}.tool-app .designer-dialogue-editor:focus{outline:2px solid #bcb5e1;outline-offset:3px}
@media(pointer:coarse){.tool-app input,.tool-app textarea,.tool-app select{font-size:16px}}

.tool-app .canvas-tools .field{white-space:nowrap}.tool-app .canvas-tools .field select{width:160px}

.tool-app.designer main{max-width:none;padding:0}.tool-app.designer .designer-studio{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;gap:0;background:#111;min-height:calc(100dvh - 65px)}
.tool-app.designer .designer-cursors{padding:18px 14px;border-right:1px solid #292929;background:#111;overflow:auto;min-height:0}.tool-app.designer .designer-cursors h2,.tool-app.designer .controls>h2{font-size:12px;font-weight:600;margin:0 0 18px;color:#eee}
.tool-app.designer .designer-cursors .cursor-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;margin-bottom:24px}.tool-app.designer .designer-cursors .cursor-behavior{font-size:11px;align-items:flex-start}.tool-app.designer .preview{position:relative;top:auto;display:flex;flex-direction:column;min-width:0;min-height:0}.tool-app.designer .stage{flex:1;height:auto;min-height:300px;border:0;border-radius:0}.tool-app.designer .stage-label{display:none}
.tool-app.designer .designer-stage-head{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #292929;background:#141414;min-height:56px}.tool-app.designer .designer-stage-head>span{font-size:12px;color:#aaa}.tool-app.designer .directions{display:flex;gap:4px;border:0;background:none;padding:0;margin:0}.tool-app.designer .directions button{min-width:60px;padding:6px 10px;font-size:12px}
.tool-app.designer .designer-view-tools{margin:0;padding:10px 16px;gap:14px;background:#141414;border-bottom:1px solid #292929;font-size:11px}.tool-app.designer .designer-view-tools .field{gap:8px}.tool-app.designer .designer-view-tools select{width:130px}.tool-app.designer .controls{max-height:none;min-height:0;overflow:auto;border-radius:0;border:0;border-left:1px solid #292929;padding:18px 16px}.tool-app.designer .placement-context{font-size:11px;margin:0 0 18px;color:#aaa}.tool-app.designer .designer-transport{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:16px 20px;background:#141414;border-top:1px solid #292929}.tool-app.designer .designer-transport .tools{margin:0}.tool-app.designer .designer-transport .range{flex:1;margin:0;max-width:600px}.tool-app.designer .preview-edit-hint{font-size:11px;color:#888;margin-left:auto;max-width:230px}.tool-app.designer .designer-transport .eyebrow{white-space:nowrap}.tool-app.designer .inspector-actions{position:static}.tool-app.designer .controls .status:empty{display:none}
@media(min-width:1000px){.tool-app.designer{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.tool-app.designer header{flex:none}.tool-app.designer main{flex:1;min-height:0;width:100%}.tool-app.designer .designer-studio{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto}}
@media(max-width:999px){.tool-app.designer .designer-studio{grid-template-columns:170px minmax(0,1fr)}.tool-app.designer .controls{grid-column:1/-1}.tool-app.designer .stage{min-height:400px}.tool-app.designer .designer-cursors{max-height:560px}.tool-app.designer .designer-transport{flex-wrap:wrap}.tool-app.designer .preview-edit-hint{max-width:none}.tool-app.designer .designer-stage-head{flex-wrap:wrap}}
@media(max-width:600px){.tool-app.designer .designer-studio{display:flex;flex-direction:column}.tool-app.designer .designer-cursors{max-height:260px}.tool-app.designer .designer-cursors .cursor-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-app.designer .designer-transport .range{flex-basis:100%}}

.tool-app.designer .directions button{white-space:nowrap;min-width:64px;width:auto;flex:none}.tool-app.designer #actor{height:100%;width:100%;position:absolute;inset:0}
.tool-app.designer .preview{align-self:stretch}

.tool-app.designer .cursor-orientation{display:block;padding:0;border:0;background:none;margin-bottom:16px}.tool-app.designer .cursor-orientation>span{display:block;font-size:11px;margin-bottom:8px}.tool-app.designer .cursor-orientation .directions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-app.designer .cursor-orientation .directions button{min-width:0;width:100%}.tool-app.designer .cursor-stage-position{margin-bottom:20px}.tool-app.designer .cursor-stage-position select{width:100%}.tool-app.designer .designer-global-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #292929;background:#141414;min-height:56px}.tool-app.designer .designer-global-tools .canvas-tools{padding:0;border:0;gap:12px}.tool-app.designer .designer-global-tools .actions{padding:0;margin:0;gap:6px;background:none}.tool-app.designer .designer-transport{gap:18px}.tool-app.designer .designer-transport .text-timeline{max-width:none;min-width:200px}.tool-app.designer .text-ruler{display:flex;justify-content:space-between;color:#888;font:10px ui-monospace,monospace;margin:6px 0}.tool-app.designer .text-timeline-track{position:relative;height:32px;background:repeating-linear-gradient(to right,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 25%);border-radius:4px}.tool-app.designer .text-timeline-clip{position:absolute;inset:2px 0;border:1px solid #777087;border-radius:4px;background:#383340;color:#e4dff0;padding:4px 10px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-app.designer .text-timeline-track:after{content:'';position:absolute;left:var(--progress,100%);top:-5px;bottom:0;width:1px;background:#ddd3f0;pointer-events:none}.tool-app.designer #scrub{position:absolute;inset:-7px 0 0;width:100%;height:39px;margin:0;appearance:none;background:transparent;cursor:ew-resize;z-index:2}.tool-app.designer #scrub::-webkit-slider-runnable-track{background:transparent;height:39px}.tool-app.designer #scrub::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#d7ceec;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);margin-top:0}.tool-app.designer #scrub::-moz-range-track{background:transparent}.tool-app.designer #scrub::-moz-range-thumb{width:10px;height:14px;border:0;border-radius:0;background:#d7ceec}.tool-app.designer .preview-edit-hint{max-width:180px}

.tool-app.designer .stage-position-picker{padding:0;border:0;margin:0 0 22px;min-width:0}.tool-app.designer .stage-position-picker legend{padding:0;margin-bottom:8px;font-size:11px}.tool-app.designer .stage-position-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,32px);gap:1px;border:1px solid #444;border-radius:6px;overflow:hidden;background:#444}.tool-app.designer .stage-position-grid button{display:grid;place-items:center;border:0;border-radius:0;min-height:0;padding:0;background:#242424}.tool-app.designer .stage-position-grid button span{width:4px;height:4px;border-radius:50%;background:#777}.tool-app.designer .stage-position-grid button[aria-pressed=true]{background:#c6bedc}.tool-app.designer .stage-position-grid button[aria-pressed=true] span{width:7px;height:7px;background:#27232f}.tool-app.designer .stage-position-grid button:focus-visible{outline-offset:-3px;outline:2px solid #fff}.tool-app.designer .stage-position-grid button:hover{box-shadow:inset 0 0 0 1px #c6bedc}
.tool-app.designer .designer-transport{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;gap:0;padding:0;align-items:stretch}.tool-app.designer .preview-playback-controls{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:16px 14px;border-right:1px solid #292929}.tool-app.designer .preview-playback-controls .tools{margin:0}.tool-app.designer .preview-playback-controls button{min-width:72px}.tool-app.designer .designer-transport .text-timeline{min-width:0;width:100%;padding:16px;margin:0}.tool-app.designer .designer-transport .preview-edit-hint{margin:0;max-width:none;padding:16px;display:flex;align-items:center;border-left:1px solid #292929;line-height:1.6}.tool-app.designer .text-timeline label{margin:0}.tool-app.designer .text-ruler{margin:7px 0 9px}.tool-app.designer .text-timeline-track{height:32px}.tool-app.designer .text-timeline-track:after{left:clamp(6px,var(--progress,100%),calc(100% - 6px))}
@media(min-width:601px) and (max-width:999px){.tool-app.designer .designer-transport{grid-template-columns:170px minmax(0,1fr)}.tool-app.designer .designer-transport .preview-edit-hint{grid-column:2;padding-top:0;border:0}}
@media(max-width:600px){.tool-app.designer .designer-transport{grid-template-columns:90px minmax(0,1fr)}.tool-app.designer .preview-playback-controls{padding:12px 8px}.tool-app.designer .preview-playback-controls .eyebrow{white-space:normal}.tool-app.designer .designer-transport .preview-edit-hint{grid-column:1/-1;border:0;padding:0 12px 12px}}
