:root{font-family:Arial,Helvetica,sans-serif;color:#f3f2ed;background:#090909;font-synthesis:none;text-rendering:geometricPrecision;--ink: #080808;--paper: #f3f2ed;--panel: #111110;--panel-raised: #1a1a18;--muted: #8d8d86;--signal: #ff3b22;--separator: #30302d;--spring: cubic-bezier(.18, .82, .2, 1);--workspace-gutter: 20px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%;background:#090909}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--signal);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.35}svg{width:20px;height:20px;flex:0 0 auto}.app-shell{height:100vh;min-height:700px;display:grid;grid-template-rows:72px minmax(0,1fr);background:#0a0a0a;overflow:hidden}.topbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;min-width:0;background:#0d0d0c;box-shadow:inset 0 -1px #282826}.product-mark{display:flex;align-items:center;height:100%;gap:10px;padding:0 22px;letter-spacing:-.055em}.product-mark strong{font-size:22px;line-height:1}.product-mark sup{align-self:flex-start;margin-top:16px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em}.product-symbol{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;background:var(--paper);color:var(--ink)}.product-symbol svg{width:32px;height:32px}.product-symbol .mark-module{fill:currentColor;shape-rendering:crispEdges;transition:transform .26s var(--spring),fill .18s ease}.product-mark:hover .m1{transform:translateY(-1px)}.product-mark:hover .m2{transform:translate(-1px)}.product-mark:hover .m3{transform:translate(1px)}.product-mark:hover .m4{fill:var(--signal)}.product-mark:hover .m5{transform:translate(-1px,1px)}.product-mark:hover .m6{transform:translate(1px,1px)}.topbar-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em}.topbar-status i,.privacy-note>span,.toast i{width:7px;height:7px;display:inline-block;background:#5ee48b}.status-count:before{content:"/";padding-right:10px;color:#55554f}.topbar-actions{justify-self:end;height:100%;display:flex}.topbar-button{height:100%;min-width:154px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:#171716;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease}.topbar-button+.topbar-button{box-shadow:inset 1px 0 #30302d}.topbar-button:hover{background:#242421}.topbar-button.signal{background:var(--paper);color:var(--ink)}.topbar-button.signal:hover{background:var(--signal);color:#fff}.workspace{min-height:0;min-width:0;display:grid;grid-template-columns:292px minmax(430px,1fr) 360px}.library-panel,.inspector-panel{position:relative;z-index:10;min-width:0;min-height:0;background:var(--panel)}.library-panel{display:grid;grid-template-rows:auto minmax(0,1fr);box-shadow:inset -1px 0 #252523}.panel-intro{padding:24px 20px 26px;background:#0d0d0c;box-shadow:inset 0 -1px #252523}.panel-intro span,.saved-takes-copy>span,.inspector-title>span{display:block;margin-bottom:14px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.15em}.panel-intro strong{display:block;font-size:30px;line-height:.88;letter-spacing:-.065em}.system-list,.inspector-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.system-list::-webkit-scrollbar,.inspector-scroll::-webkit-scrollbar,.take-list::-webkit-scrollbar{display:none}.system-group{padding-bottom:6px}.system-group+.system-group{padding-top:4px;box-shadow:inset 0 1px #292927}.system-group-label{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0 16px;color:#777770;font-size:8px;font-weight:900;letter-spacing:.14em}.system-group-label b{color:var(--signal);font:inherit}.system-group:first-child .system-group-label{color:#c1c0ba}.system-card{position:relative;width:calc(100% - 16px);min-height:116px;margin:8px;display:grid;grid-template-columns:24px 66px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:15px 12px;border:0;background:#171716;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,transform .24s var(--spring)}.system-card:hover{background:#20201e;transform:translate(3px)}.system-card.active{background:var(--paper);color:var(--ink)}.system-card.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--signal)}.system-code{align-self:start;color:#86867f;font-size:11px;font-weight:800;letter-spacing:.08em}.system-card.active .system-code{color:#8f190c}.system-map{position:relative;width:66px;aspect-ratio:1;display:block;background:#0a0a0a}.system-map i{position:absolute;background:#d8d7d1;transition:transform .36s var(--spring),background .18s ease}.system-card.active .system-map{background:#deddd7}.system-card.active .system-map i{background:#0a0a0a}.system-card:hover .system-map i:nth-child(2n){transform:translateY(-2px)}.system-copy{min-width:0}.system-copy strong{display:block;margin-bottom:7px;font-size:14px;line-height:1.05}.system-copy small{display:block;color:#898982;font-size:10px;line-height:1.35}.system-card.active .system-copy small{color:#555550}.system-card>svg{width:16px;opacity:0;transform:translate(-5px);transition:opacity .18s ease,transform .22s var(--spring)}.system-card:hover>svg,.system-card.active>svg{opacity:1;transform:translate(0)}.canvas-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr) 118px;background:#0a0a0a}.canvas-toolbar{display:flex;align-items:stretch;justify-content:space-between;background:#10100f;box-shadow:inset 0 -1px #292927}.ratio-switcher{display:flex;align-items:stretch}.ratio-switcher button,.canvas-actions button{min-width:58px;padding:0 16px;border:0;background:transparent;color:#7f7f78;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:color .16s ease,background .16s ease}.ratio-switcher button:hover,.ratio-switcher button.active{color:var(--paper);background:#1c1c1a}.ratio-switcher button.active{box-shadow:inset 0 -4px var(--signal)}.canvas-actions{display:flex}.canvas-actions button{display:flex;align-items:center;gap:9px;color:var(--paper);background:#171716;box-shadow:inset 1px 0 #2e2e2b}.canvas-actions button:hover{background:#252522}.canvas-actions button span{color:var(--signal);font-size:18px}.canvas-actions button small{color:var(--muted);font-size:9px}.recompose-button svg{width:18px}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center;padding:42px 28px 24px;overflow:hidden;background:#0a0a0a}.stage-readout{position:absolute;left:20px;top:16px;display:flex;gap:16px;color:#7b7b74;font-size:10px;font-weight:800;letter-spacing:.1em}.stage-readout span+span:before{content:"/";margin-right:16px;color:#444440}.composition-canvas{container-type:size;position:absolute;left:50%;top:50%;max-width:none;max-height:none;overflow:hidden;box-shadow:0 26px 80px #0000007a;transform:translate(-50%,-50%);transition:width .42s var(--spring),height .42s var(--spring)}.composition-canvas.is-transparent{background-color:transparent!important;background-image:linear-gradient(45deg,#d5d4cf 25%,transparent 25%),linear-gradient(-45deg,#d5d4cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d4cf 75%),linear-gradient(-45deg,transparent 75%,#d5d4cf 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.preview-item{position:absolute;display:block;padding:0;border:0;background:#333;overflow:hidden;cursor:pointer;outline:0 solid transparent;outline-offset:0;box-shadow:0 0 #0000;transition:left .56s var(--spring),top .56s var(--spring),width .56s var(--spring),height .56s var(--spring),border-radius .36s ease,box-shadow .22s ease,outline .16s ease;transition-delay:var(--item-delay);animation:frame-settle .46s var(--spring) both;animation-delay:var(--item-delay)}@keyframes frame-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-item:hover,.preview-item.selected{outline:3px solid var(--accent);z-index:70!important}.preview-item.locked{outline:3px solid var(--accent)}.preview-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s var(--spring),filter .18s ease,object-position .32s ease}.preview-item:hover img{transform:scale(1.018)}.system-stack .preview-item{box-shadow:0 calc(8px + 20px * var(--detail)) calc(20px + 34px * var(--detail)) #00000052}.system-broadcast .preview-item img{filter:contrast(1.08) grayscale(calc(var(--detail) * .65))}.system-broadcast .preview-item:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='1' cy='1' r='.7' fill='%23000'/%3E%3C/svg%3E");background-size:6px 6px;mix-blend-mode:multiply;opacity:calc(var(--detail) * .32)}.system-archive .preview-item img{filter:saturate(.78) contrast(1.04)}.frame-number,.frame-lock{position:absolute;z-index:10}.frame-number{left:8px;top:8px;padding:5px 6px;background:#090909;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;opacity:0;transition:opacity .15s ease}.preview-item:hover .frame-number,.preview-item.selected .frame-number,.system-archive .frame-number,.system-sequence .frame-number,.system-spine .frame-number{opacity:1}.system-archive .frame-number,.system-sequence .frame-number,.system-spine .frame-number{opacity:calc(.2 + var(--detail))}.frame-lock{right:6px;top:6px;width:28px;height:28px;display:grid;place-items:center;background:var(--accent);color:#fff}.frame-lock svg{width:16px}.project-copy{position:absolute;z-index:82;left:3%;bottom:3%;max-width:82%;pointer-events:none;font-family:inherit}.project-copy small,.project-copy h1,.project-copy>span{width:fit-content;max-width:100%;display:block;margin:0;color:var(--canvas-fg);background:var(--canvas-bg)}.project-copy small{padding:.35em .5em .2em;font-size:clamp(7px,1.1cqw,14px);font-weight:800;letter-spacing:.06em;line-height:1.2}.project-copy h1{padding:.04em .08em .06em;font-size:clamp(26px,7cqw,98px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.project-copy h1 sup{margin-left:.08em;font-size:.23em;vertical-align:top;letter-spacing:0}.project-copy>span{padding:.25em .5em;font-size:clamp(7px,.9cqw,12px);font-weight:800;letter-spacing:.08em}.system-typecrop .project-copy h1{font-size:clamp(42px,14cqw,170px);line-height:.72;letter-spacing:-.09em}.system-typecrop .project-copy small{max-width:48%}.system-archive .project-copy h1{font-size:clamp(22px,5cqw,62px)}.system-broadcast .project-copy{display:none}.canvas-logo{position:absolute;z-index:90;right:3%;bottom:3%;max-width:14%;max-height:8%;object-fit:contain;mix-blend-mode:multiply}.dot-display{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.dot-display i{aspect-ratio:1;background:currentColor;opacity:.14;border-radius:50%;transition:opacity .18s ease,transform .26s var(--spring),background .18s ease}.dot-display i.lit{opacity:1;transform:scale(1.02)}.canvas-matrix{position:absolute;z-index:91;right:3%;top:3%;width:clamp(48px,9cqw,110px);transform-origin:top right!important;color:var(--canvas-fg);pointer-events:none}.canvas-matrix .dot-display{gap:clamp(2px,.5cqw,5px)}.canvas-matrix .dot-display i{background:var(--canvas-fg)}.system-index .canvas-matrix{width:clamp(64px,13cqw,150px)}.proof-guides{position:absolute;z-index:78;inset:0;color:var(--accent);pointer-events:none}.guide-columns{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--guide-columns),1fr)}.guide-columns i{border-right:max(1px,.15cqw) solid currentColor}.guide-rows{position:absolute;inset:0;display:grid;grid-template-rows:repeat(3,1fr)}.guide-rows i{border-bottom:max(1px,.15cqw) solid currentColor}.guide-labels{position:absolute;left:1.5%;right:1.5%;top:1.3%;display:flex;justify-content:space-between;font-size:clamp(6px,1cqw,12px);font-weight:900;letter-spacing:.07em}.guide-marker{position:absolute;width:var(--marker-size);aspect-ratio:1;background:currentColor;border-radius:50%;transform:translate(-50%,-50%)}.guide-marker.one{left:calc(100% / var(--guide-columns));top:33.333%}.guide-marker.two{left:calc(100% - 100% / var(--guide-columns));top:66.666%;background:transparent;box-shadow:inset 0 0 0 max(1px,.15cqw) currentColor}.broadcast-band{position:absolute;z-index:79;left:0;top:0;width:34%;height:100%;padding:4%;display:flex;flex-direction:column;justify-content:space-between;background:var(--accent);color:#0a0a0a;pointer-events:none}.broadcast-band span,.broadcast-band small{font-size:clamp(7px,1.1cqw,14px);font-weight:900;letter-spacing:.06em}.broadcast-band strong{font-size:clamp(25px,6cqw,82px);line-height:.78;letter-spacing:-.075em}.system-broadcast.variant-1:not(.is-portrait) .broadcast-band{left:auto;right:0}.system-broadcast.is-portrait .broadcast-band{width:100%;height:34%}.system-broadcast.variant-1.is-portrait .broadcast-band{top:auto;bottom:0}.type-notation{position:absolute;z-index:86;right:3%;bottom:3%;padding:.45em .65em;background:var(--canvas-fg);color:var(--canvas-bg);font-size:clamp(7px,1.1cqw,14px);font-weight:800;letter-spacing:.08em}.saved-takes{min-width:0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:14px 18px;background:#121211;box-shadow:inset 0 1px #2b2b28}.saved-takes-copy{display:grid;grid-template-columns:1fr auto;align-content:center;column-gap:10px}.saved-takes-copy>span{grid-column:1;margin:0 0 6px}.saved-takes-copy strong{grid-column:2;grid-row:1 / 3;align-self:center;font-size:24px;letter-spacing:-.04em}.saved-takes-copy small{grid-column:1 / -1;color:#777770;font-size:10px;line-height:1.35}.take-list{min-width:0;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}.take-list>button{flex:0 0 132px;height:88px;display:grid;grid-template-columns:24px 42px 1fr;grid-template-rows:1fr auto;align-items:center;gap:5px 9px;padding:10px;border:0;background:#20201e;text-align:left;cursor:pointer;box-shadow:0 8px 22px #00000038;transition:transform .22s var(--spring),background .16s ease}.take-list>button:hover{transform:translateY(-4px);background:#292926}.take-list>button.new{animation:take-arrive .5s var(--spring) both}@keyframes take-arrive{0%{opacity:0;transform:translateY(-18px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.take-list button>span{align-self:start;color:var(--signal);font-size:9px;font-weight:900}.take-list .dot-display{width:42px;gap:2px}.take-list button strong{font-size:11px;line-height:1}.take-list button small{grid-column:3;color:var(--muted);font-size:9px}.take-list>.empty-take{flex-basis:210px;grid-template-columns:24px 1fr;grid-template-rows:1fr;background:#1b1b19;color:#b6b5af;box-shadow:none}.empty-take svg{width:20px}.empty-take span{align-self:center!important;color:inherit!important;font-size:10px!important}.inspector-panel{display:grid;grid-template-rows:58px minmax(0,1fr);box-shadow:inset 1px 0 #292927}.inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:6px;gap:5px;background:#0d0d0c}.inspector-tabs button{border:0;background:#181817;color:#777770;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.inspector-tabs button:hover{color:var(--paper);background:#222220}.inspector-tabs button.active{background:var(--paper);color:var(--ink)}.inspector-scroll{min-height:0;padding:24px 24px 48px}.inspector-title{margin-bottom:32px}.inspector-title>span{margin-bottom:8px;color:var(--signal)}.inspector-title strong{display:block;font-size:30px;line-height:.92;letter-spacing:-.055em}.section-header{display:flex;align-items:baseline;gap:10px;margin:30px 0 16px;padding-top:18px;box-shadow:inset 0 1px #30302d}.section-header:first-of-type{margin-top:0}.section-header span{color:var(--signal);font-size:10px;font-weight:900;letter-spacing:.09em}.section-header h3{margin:0;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.direction-note,.inspector-note,.privacy-note{color:#898982;font-size:12px;line-height:1.55}.direction-note{margin:0 0 10px}.control-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:68px;padding:10px 0}.control-label,.control-value{font-size:13px;letter-spacing:.01em}.control-label{font-weight:700}.control-value{display:flex;align-items:center;gap:8px;color:#95958e;font-variant-numeric:tabular-nums}.control-value b{min-width:24px;color:inherit;font:inherit;text-align:right}.control-value button{min-height:28px;padding:0 8px;border:0;background:#282825;color:var(--signal);font-size:7px;font-weight:900;letter-spacing:.08em;cursor:pointer;animation:inspector-arrive .18s var(--spring) both}.control-value button:hover,.control-value button:focus-visible{background:var(--signal);color:#fff;outline:0}.control-row input[type=range]{grid-column:1 / -1;width:100%;height:20px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.control-row input[type=range]::-webkit-slider-runnable-track{height:5px;background:linear-gradient(to right,var(--signal) 0 var(--range-progress),#3b3b37 var(--range-progress) 100%)}.control-row input[type=range]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;appearance:none;border:0;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px #171716;transition:transform .16s var(--spring)}.control-row input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}.control-row input[type=range]:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.toggle-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;margin-top:8px;background:#1a1a18;cursor:pointer}.toggle-row span{display:block}.toggle-row strong{display:block;margin-bottom:5px;font-size:12px}.toggle-row small{display:block;color:#85857e;font-size:10px;line-height:1.35}.toggle-row input{width:24px;height:24px;accent-color:var(--signal)}.essential-info-toggle{margin-top:16px;transition:background .18s ease,box-shadow .18s ease}.essential-info-toggle:has(input:checked){background:#242421;box-shadow:inset 4px 0 var(--signal)}.selected-frame-panel{padding:15px;background:#1a1a18}.selected-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;box-shadow:inset 0 -1px #343431;font-size:12px;white-space:nowrap}.selected-frame-heading>span{overflow:hidden;text-overflow:ellipsis}.icon-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;background:#2a2a27;cursor:pointer}.icon-button svg{width:18px}.frame-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.frame-actions button,.text-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#292926;font-size:11px;cursor:pointer}.frame-actions svg{width:13px}.flip-icon{transform:rotate(180deg)}.text-button{width:100%;margin-top:8px}.text-button.danger{color:#ff8a76;background:#251917}.text-field{display:block;margin-bottom:16px}.text-field span,.color-row label span{display:block;margin-bottom:8px;color:#92928b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-field input,.text-field textarea{width:100%;padding:14px 13px;border:0;border-radius:0;background:#1a1a18;color:var(--paper);font-size:13px;line-height:1.4;resize:vertical}.text-field input:focus,.text-field textarea:focus{background:#222220;outline:3px solid var(--signal)}.matrix-demo{padding:20px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:20px;background:#1a1a18}.matrix-demo .dot-display{width:100px}.matrix-demo span{color:#8f8f88;font-size:11px;line-height:1.45}.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-row label{padding:10px;background:#1a1a18}.color-row input{width:100%;height:48px;padding:0;border:0;background:transparent;cursor:pointer}.wide-action,.upload-tile,.primary-export{width:100%;border:0;background:#1a1a18;cursor:pointer}.wide-action{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-top:9px;color:#b7b6b0;font-size:12px}.wide-action:hover{background:#262623;color:var(--paper)}.upload-tile{min-height:82px;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:14px;margin-bottom:9px;text-align:left;transition:background .16s ease}.upload-tile:hover{background:#252522}.upload-index{color:var(--signal);font-size:9px;font-weight:900;letter-spacing:.08em}.upload-tile strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.upload-tile svg{width:20px;transition:transform .22s var(--spring)}.upload-tile:hover svg{transform:rotate(90deg)}.privacy-note{display:flex;align-items:flex-start;gap:9px;margin-top:16px}.privacy-note>span{flex:0 0 auto;margin-top:5px}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:7px}.segmented-control.scale-control{grid-template-columns:repeat(3,1fr)}.segmented-control button{min-height:46px;border:0;background:#1a1a18;color:#85857e;font-size:12px;font-weight:800;cursor:pointer}.segmented-control button.active{background:var(--paper);color:var(--ink)}.segmented-control button:disabled{color:#4f4f4a;cursor:not-allowed}.output-contract{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:7px 12px;padding:14px;margin-bottom:8px;background:#10100f;box-shadow:inset 3px 0 var(--signal)}.output-contract span{color:var(--signal);font-size:8px;font-weight:900;letter-spacing:.12em}.output-contract strong{font-size:12px;letter-spacing:.06em}.output-contract small{grid-column:1 / -1;color:#81817a;font-size:9px;line-height:1.45}.canvas-mode-control{margin-top:12px}.output-note{min-height:38px;margin:7px 0 0}.export-readout{min-height:110px;display:flex;flex-direction:column;justify-content:center;margin:16px 0 9px;padding:16px;background:#0c0c0b}.export-readout span,.export-readout small{color:#81817a;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.export-readout strong{margin:8px 0;font-size:25px;letter-spacing:-.05em}.primary-export{min-height:58px;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;padding:0 16px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:800;text-align:left;transition:background .16s ease,color .16s ease}.primary-export:hover{background:var(--signal);color:#fff}.ratio-checks{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ratio-checks button{min-width:0;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:#1a1a18;color:#85857e;font-size:9px;cursor:pointer}.ratio-checks button.selected{background:var(--paper);color:var(--ink)}.ratio-shape{display:block;width:18px;max-height:29px;background:currentColor}.batch-summary{min-height:50px;display:flex;align-items:center;gap:9px;margin-top:10px;color:#85857e;font-size:11px}.batch-summary strong{margin-left:auto;color:var(--paper);font-size:13px}.batch-action{background:var(--signal);color:#fff}.drop-overlay{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080808f5;color:var(--paper)}.drop-overlay .dot-display{width:150px;margin-bottom:36px;color:var(--signal)}.drop-overlay strong{font-size:clamp(42px,8vw,120px);line-height:.85;letter-spacing:-.07em}.drop-overlay>span{margin-top:20px;color:#aaa9a3;font-size:12px;font-weight:800;letter-spacing:.1em}.demo-chip{position:fixed;z-index:40;left:310px;bottom:132px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;background:var(--signal);color:#fff;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #00000059}.demo-chip span{opacity:.72}.demo-chip svg{width:14px}.toast{position:fixed;z-index:90;left:50%;bottom:138px;transform:translate(-50%);min-height:46px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:800;box-shadow:0 18px 50px #00000059;animation:toast-in .26s var(--spring) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast i{background:var(--signal)}.export-progress{position:fixed;z-index:95;inset:0;display:grid;place-content:center;gap:14px;min-width:280px;padding:30px;background:#090909f0;text-align:center}.export-progress>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em}.export-progress>div{width:min(360px,70vw);height:8px;background:#292927}.export-progress>div i{display:block;height:100%;background:var(--signal);transition:width .18s ease}.export-progress strong{font-size:26px;letter-spacing:-.04em}.topbar{grid-template-columns:292px minmax(430px,1fr) 360px}.topbar-status{justify-content:center}.topbar-actions{width:360px;display:grid;grid-template-columns:1fr 1fr}.topbar-actions{grid-column:3}.topbar-button{min-width:0}.library-panel{grid-template-rows:auto minmax(0,1fr) 118px}.system-counter{display:grid;grid-template-columns:1fr 88px;align-items:center;gap:18px;padding:16px 18px;background:#0b0b0a;box-shadow:inset 0 1px #2b2b28}.system-counter span{display:block;color:var(--signal);font-size:9px;font-weight:900;letter-spacing:.12em}.system-counter strong{display:block;margin-top:7px;font-size:15px;letter-spacing:-.03em}.system-counter .dot-display{width:88px;gap:3px;color:var(--paper)}.canvas-workspace{display:flex;flex-direction:column}.canvas-toolbar{flex:0 0 58px}.ratio-switcher{min-width:0;overflow-x:auto;scrollbar-width:none}.ratio-switcher button{flex:0 0 auto}.ratio-switcher button.custom{color:var(--signal)}.ratio-builder{position:relative;z-index:9;flex:0 0 auto;min-height:76px;display:grid;grid-template-columns:auto 110px 76px 110px 76px 74px minmax(120px,1fr);align-items:center;gap:8px;padding:10px 16px;background:#181817;box-shadow:inset 0 -1px #31312e;animation:bay-open .32s var(--spring) both}.ratio-builder>span{color:var(--signal);font-size:9px;font-weight:900;letter-spacing:.12em}.ratio-builder label{height:48px;display:grid;grid-template-columns:20px 1fr;align-items:center;padding-left:10px;background:#252523;color:#8d8d86;font-size:9px;font-weight:900}.ratio-builder input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:var(--paper);font-size:14px;font-weight:800}.ratio-builder button{height:48px;border:0;background:#292927;color:#aaa9a3;font-size:9px;font-weight:900;cursor:pointer}.ratio-builder button.locked{background:#ecebe6;color:#090909}.ratio-builder button svg{width:15px;margin:auto}.ratio-builder button span{display:block;font-size:7px}.ratio-builder button.apply-ratio{background:var(--signal);color:#fff}.ratio-builder>small{justify-self:end;color:#777770;font-size:8px;letter-spacing:.08em}.material-bay{position:relative;z-index:8;flex:0 0 auto;padding:15px 18px 11px;background:#111110;box-shadow:inset 0 -1px #30302d;animation:bay-open .36s var(--spring) both}@keyframes bay-open{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.material-bay.empty{min-height:172px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 28px;background:#151513}.material-bay-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.material-bay-heading span{display:block;margin-bottom:5px;color:var(--signal);font-size:9px;font-weight:900;letter-spacing:.12em}.material-bay-heading strong{display:block;font-size:19px;letter-spacing:-.04em}.material-bay.empty .material-bay-heading strong{font-size:clamp(24px,3.2vw,44px);line-height:.85}.material-bay-heading small{display:block;margin-top:6px;color:#85857e;font-size:10px}.material-actions{display:flex;align-items:stretch;gap:7px}.material-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:0;background:#292927;color:var(--paper);font-size:9px;font-weight:900;cursor:pointer}.material-actions button:first-child{background:var(--paper);color:var(--ink)}.material-actions button.collapse-bay{color:#8b8b84;background:transparent}.material-tray{min-width:0;display:flex;align-items:stretch;gap:8px;margin-top:12px;padding-bottom:11px;overflow-x:auto;scrollbar-width:none}.material-card{position:relative;flex:0 0 86px;height:76px;transition:transform .26s var(--spring),opacity .16s ease}.material-card:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:3px;background:var(--signal);opacity:0;transform:scaleY(.4);transition:.18s var(--spring)}.material-card.drop-target:before{opacity:1;transform:scaleY(1)}.material-card.dragging{opacity:.38;transform:scale(.92)}.material-card>button{position:relative;width:100%;height:100%;display:block;padding:0;border:0;background:#222220;overflow:hidden;cursor:grab}.material-card>button:active{cursor:grabbing}.material-card.selected>button{box-shadow:inset 0 0 0 3px var(--signal)}.material-card img{width:100%;height:100%;display:block;object-fit:cover}.material-card span{position:absolute;left:5px;top:5px;padding:3px 4px;background:#090909;color:#fff;font-size:8px;font-weight:900}.material-card small{position:absolute;left:5px;right:5px;bottom:4px;padding:3px 4px;overflow:hidden;background:#090909d6;color:#d4d3ce;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.material-add{flex:0 0 68px;min-height:76px;border:0;background:#20201e;color:#9a9a93;cursor:pointer}.material-add svg{margin:0 auto 5px}.material-add span{display:block;font-size:8px;font-weight:900}.material-status{position:absolute;right:18px;bottom:7px;display:flex;align-items:center;gap:6px;color:#75756e;font-size:7px;font-weight:900;letter-spacing:.1em}.material-status i{width:5px;height:5px;background:#5ee48b}.material-bay.empty .material-status{left:28px;right:auto;bottom:15px}.material-reopen{flex:0 0 48px;width:100%;display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px;border:0;background:#151513;color:#85857e;text-align:left;cursor:pointer;box-shadow:inset 0 -1px #2b2b28;transition:background .16s ease,color .16s ease}.material-reopen:hover,.material-reopen:focus-visible{background:#222220;color:var(--paper);outline:0}.material-reopen span{color:var(--signal);font-size:8px;font-weight:900;letter-spacing:.1em}.material-reopen strong{overflow:hidden;color:#d2d1cb;font-size:10px;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis}.material-reopen .material-open-cue{display:flex;align-items:center;gap:8px;color:var(--paper)}.material-reopen svg{width:16px;transition:transform .22s var(--spring)}.material-reopen:hover svg{transform:translate(4px)}.stage-wrap{flex:1 1 0;min-height:230px}.preview-item{transition:left .52s var(--spring),top .52s var(--spring),width .52s var(--spring),height .52s var(--spring),transform .22s var(--spring)}.canvas-empty{position:absolute;left:50%;top:50%;width:min(520px,78%);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:end;padding:32px;border:0;background:#f2f1ed;color:#090909;text-align:left;cursor:pointer;box-shadow:0 26px 80px #0000007a;transform:translate(-50%,-50%);transition:width .42s var(--spring),height .42s var(--spring)}.canvas-empty>span{align-self:start;color:var(--signal);font-size:9px;font-weight:900;letter-spacing:.12em}.canvas-empty strong{grid-column:1 / -1;font-size:clamp(36px,5vw,74px);line-height:.82;letter-spacing:-.07em}.canvas-empty small{max-width:260px;font-size:11px;line-height:1.4}.canvas-empty svg{width:34px;height:34px}.project-copy{inset:auto;transform:none;transition:left .36s var(--spring),right .36s var(--spring),top .36s var(--spring),bottom .36s var(--spring),width .36s var(--spring)}.canvas-notation{position:absolute;z-index:89;color:var(--canvas-fg);font-weight:800;pointer-events:none}.canvas-notation.corner{right:3%;top:3%;font-size:clamp(28px,6cqw,72px)}.canvas-notation.footer{right:3%;bottom:3%;font-size:clamp(8px,1.4cqw,16px)}.saved-takes{flex:0 0 118px}.take-list button>b{width:42px;height:42px;display:grid;place-items:center;background:#0b0b0a;color:var(--paper);font-size:13px;letter-spacing:.02em}.take-list button.new>b{background:var(--signal)}.inspector-content{animation:inspector-arrive .3s var(--spring) both}@keyframes inspector-arrive{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.segmented-control.three{grid-template-columns:repeat(3,1fr)}.anchor-picker{width:138px;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px;margin:14px auto;background:#0d0d0c}.anchor-picker button{display:grid;place-items:center;border:0;background:#242422;cursor:pointer}.anchor-picker button i{width:7px;height:7px;background:#686861}.anchor-picker button.active{background:var(--paper)}.anchor-picker button.active i{width:15px;height:15px;background:var(--signal)}.notation-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:9px}.notation-options button{height:48px;border:0;background:#1a1a18;color:#85857e;font-size:11px;font-weight:800;cursor:pointer}.notation-options button.active{background:var(--paper);color:var(--ink)}.color-labs{display:grid;gap:8px}.color-lab{background:#1a1a18}.color-swatch{width:100%;min-height:68px;display:grid;grid-template-columns:1fr 44px auto auto;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;text-align:left;cursor:pointer}.color-swatch>span{font-size:11px;font-weight:800;text-transform:uppercase}.color-swatch>i{width:44px;height:44px;box-shadow:inset 0 0 0 2px #ffffff42}.color-swatch strong{font-size:10px}.color-swatch small{color:#8c8c85;font-size:9px}.color-lab-panel{padding:14px;background:#232321;animation:inspector-arrive .24s var(--spring) both}.color-lab-panel label>span{display:block;margin-bottom:6px;color:#8e8e87;font-size:8px;font-weight:900}.color-lab-panel input:not([type=color]){width:100%;height:42px;padding:0 10px;border:0;background:#111110;color:var(--paper);font-weight:800}.rgb-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.contrast-readout{display:flex;align-items:center;margin-top:10px;color:#aaa9a3;font-size:9px}.contrast-readout i{width:22px;height:22px}.contrast-readout span{margin-left:9px}.color-lab details{margin-top:10px;color:#85857e;font-size:9px}.color-lab summary{cursor:pointer}.color-lab input[type=color]{width:100%;height:42px;margin-top:8px;padding:0;border:0;background:transparent}.batch-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.batch-shortcuts button{min-height:34px;border:0;background:#232321;color:#999992;font-size:8px;font-weight:900;cursor:pointer}.ratio-checks{grid-template-columns:repeat(3,1fr)}.ratio-checks button{min-height:66px;height:auto;padding:7px 2px}.export-readout.warning{box-shadow:inset 5px 0 var(--signal)}.inline-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px 0 4px;color:#898982;font-size:8px;font-weight:900;letter-spacing:.1em}.inline-progress>div{grid-column:1 / -1;height:6px;background:#292927}.inline-progress i{display:block;height:100%;background:var(--signal);transition:width .18s ease}.sample-state{position:fixed;z-index:35;left:310px;bottom:130px;padding:7px 9px;background:#2a2a27;color:#9d9d96;font-size:7px;font-weight:900;letter-spacing:.1em}.cursor-companion{display:none}@media(hover:hover)and (pointer:fine){.cursor-companion{--cursor-x: -40px;--cursor-y: -40px;position:fixed;z-index:200;left:0;top:0;width:20px;height:20px;display:block;border:2px solid var(--signal);border-radius:50%;pointer-events:none;transform:translate(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%));transition:width .17s var(--spring),height .17s var(--spring),background .17s ease,opacity .12s ease;mix-blend-mode:difference}.cursor-companion[data-mode=inspect]{width:34px;height:34px}.cursor-companion[data-mode=action]{width:46px;height:46px}.cursor-companion[data-mode=commit]{width:64px;height:64px;background:var(--signal);opacity:.22}.cursor-companion[data-mode=precision]{width:10px;height:10px;background:var(--signal)}.cursor-companion[data-mode=drag]{width:54px;height:54px;border-style:dashed}.cursor-companion[data-mode=hidden]{opacity:0}}@media(max-width:1240px){.workspace{grid-template-columns:238px minmax(390px,1fr) 320px}.system-card{grid-template-columns:20px 54px minmax(0,1fr)}.system-card>svg{display:none}.system-map{width:54px}.sample-state{left:254px}.topbar-status{display:none}.topbar{grid-template-columns:238px minmax(390px,1fr) 320px}.topbar-actions{grid-column:3;width:320px}.saved-takes{grid-template-columns:170px minmax(0,1fr)}.ratio-builder{grid-template-columns:auto 98px 68px 98px 68px 66px}.ratio-builder>small{display:none}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible;grid-template-rows:64px auto}.topbar{position:sticky;top:0;grid-template-columns:1fr auto}.topbar-actions{grid-column:2;width:auto}.topbar-button{min-width:64px;padding:0 16px;font-size:0}.topbar-button svg{width:22px}.workspace{display:flex;flex-direction:column}.library-panel{order:1;min-height:0;display:block;box-shadow:inset 0 -1px #292927}.panel-intro{display:none}.system-list{display:flex;overflow-x:auto;padding:8px}.system-group{flex:0 0 auto;display:flex;padding:0}.system-group+.system-group{margin-left:14px;padding:0;box-shadow:inset 1px 0 #292927}.system-group-label{flex:0 0 42px;width:42px;min-height:96px;justify-content:center;gap:7px;margin:0 6px 0 0;padding:8px 0;writing-mode:vertical-rl;transform:rotate(180deg)}.system-card{flex:0 0 230px;min-height:96px;margin:0 6px 0 0}.system-counter{display:none}.canvas-workspace{order:2;min-height:720px}.canvas-toolbar{width:100%;max-width:100%;min-width:0;overflow:hidden}.canvas-actions{flex:0 0 auto}.ratio-builder{grid-template-columns:1fr 1fr 1fr;padding:12px}.ratio-builder>span{grid-column:1 / -1}.ratio-builder>small{display:block;grid-column:1 / -1;justify-self:start}.material-bay.empty{display:block}.material-actions{margin-top:16px;flex-wrap:wrap}.saved-takes{flex-basis:118px}.inspector-panel{order:3;min-height:650px;box-shadow:inset 0 1px #292927}.inspector-scroll{max-width:560px;width:100%;margin:0 auto}.sample-state{position:fixed;left:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-companion{display:none!important}}@media(forced-colors:active){.cursor-companion{display:none!important}}.panel-intro,.material-bay,.material-bay.empty{padding-left:var(--workspace-gutter);padding-right:var(--workspace-gutter)}.material-bay-heading,.material-bay-heading>div{min-width:0}.material-bay-heading>div{max-width:100%}.material-bay.empty .material-bay-heading{width:100%}.material-bay.empty .material-bay-heading strong{max-width:100%;font-size:clamp(28px,3vw,42px);overflow-wrap:anywhere}.material-bay.empty .material-status,.stage-readout{left:var(--workspace-gutter)}.saved-takes,.inspector-scroll{padding-left:var(--workspace-gutter);padding-right:var(--workspace-gutter)}.system-orbit{perspective:1200px}.orbit-ring{position:absolute;z-index:20;inset:6%;transform-style:preserve-3d;perspective:inherit;animation:orbit-spin var(--orbit-duration) linear infinite}.orbit-card{left:50%;top:50%;width:25%;height:42%;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;transform:translate(-50%,-50%) translateY(var(--orbit-rise)) rotateY(var(--orbit-angle)) translateZ(var(--orbit-radius));animation:none;box-shadow:0 calc(10px + 12px * var(--detail)) calc(24px + 34px * var(--detail)) #0006;transition:outline .16s ease,box-shadow .22s ease}.system-orbit.is-portrait .orbit-card{width:42%;height:26%}.system-orbit .project-copy{z-index:86}@keyframes orbit-spin{to{transform:rotateY(360deg)}}.inspector-panel{grid-template-rows:58px minmax(0,1fr) 190px}.output-telemetry{position:relative;min-height:190px;padding:16px var(--workspace-gutter);overflow:hidden;background:#090909;box-shadow:inset 0 1px #2b2b28;font-variant-numeric:tabular-nums}.telemetry-ghost{position:absolute;right:-7px;bottom:-19px;color:#171716;font-size:76px;font-weight:900;line-height:.66;letter-spacing:-.08em;text-align:right;pointer-events:none}.telemetry-heading{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.telemetry-heading span{color:var(--signal);font-size:8px;font-weight:900;letter-spacing:.13em}.telemetry-heading strong{font-size:18px;letter-spacing:-.04em}.telemetry-meta{position:relative;display:flex;gap:8px;margin-top:9px;color:#83837c;font-size:8px;font-weight:900;letter-spacing:.07em}.telemetry-meta span+span:before{content:"/";margin-right:8px;color:#444440}.recovery-controls{position:absolute;z-index:2;left:var(--workspace-gutter);right:var(--workspace-gutter);bottom:14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 10px}.recovery-controls>button:first-child{min-height:40px;grid-column:1 / -1;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:0 11px;border:0;background:#1b1b19;color:#aaa9a3;text-align:left;font-size:8px;font-weight:900;letter-spacing:.08em;cursor:pointer}.recovery-controls>button:first-child i{width:8px;height:8px;background:#565650}.recovery-controls>button:first-child.active{color:var(--paper)}.recovery-controls>button:first-child.active i{background:#5ee48b}.recovery-controls>button:first-child b{color:var(--signal)}.recovery-controls>span{color:#6f6f69;font-size:7px;font-weight:900;letter-spacing:.09em}.clear-recovery{justify-self:end;padding:0;border:0;background:transparent;color:#908f88;font-size:7px;font-weight:900;cursor:pointer}.clear-recovery:hover{color:var(--signal)}.drop-dismiss{position:absolute;right:28px;top:28px;width:52px;height:52px;display:grid;place-items:center;padding:0;border:0;background:#20201e;color:var(--paper);font-size:30px;line-height:1;cursor:pointer;transition:background .16s ease,transform .22s var(--spring)}.drop-dismiss:hover{background:var(--signal);transform:rotate(90deg)}@media(max-width:900px){.inspector-panel{grid-template-rows:58px minmax(560px,auto) 190px}.output-telemetry{width:100%}}