.template-content-window{display:flex;flex-direction:column;width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 40px);border:1px solid #484848;border-radius:8px;background:#1b1b1b;overflow:hidden;box-shadow:0 24px 90px #0008}.template-content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #383838;flex-shrink:0}.template-content-header h2{font-size:23px;font-weight:500;letter-spacing:-.6px}.template-content-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);min-height:0;overflow:auto;overscroll-behavior:contain}.template-content-preview{display:flex;flex-direction:column;align-self:start;position:sticky;top:0;min-width:0;padding:24px;background:#202020}.template-content-preview .saved-template-preview{height:320px}.template-content-fields{min-width:0;padding:24px;border-left:1px solid #383838}.template-content-fields fieldset{min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:20px}.template-content-field,.template-content-field>label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#ccc}.template-content-field h3{font-size:12px;font-weight:500;overflow-wrap:anywhere}.template-content-field input,.template-content-field textarea{font-size:12px}.template-content-field textarea{min-height:100px}.template-content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-content-card{min-width:0;border:1px solid #3d3d3d;border-radius:6px;background:#222;overflow:hidden}.template-content-card>img,.template-content-card>video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#141414}.template-content-card-actions{display:flex;align-items:center;justify-content:center;gap:0;padding:3px 2px}.template-content-card-actions>span{font-size:9px;color:#aaa;margin-right:auto;padding-left:4px;font-variant-numeric:tabular-nums}.template-content-card-actions .icon-button{min-width:24px;min-height:28px;border-radius:4px}.template-content-asset-actions{display:flex;align-items:center;gap:8px}.template-content-media{display:block;max-height:170px;max-width:100%;width:100%;object-fit:contain;border:1px solid #3d3d3d;border-radius:6px;background:#141414}.template-content-audio{display:block;width:100%;height:36px;min-width:0}.template-content-empty{font-size:12px;color:#aaa}.template-content-footer{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid #383838;flex-shrink:0}.template-content-feedback{flex:1;min-width:0;font-size:12px;color:#ccc;overflow-wrap:anywhere}.template-content-footer>button{flex-shrink:0}@media(max-width:680px){.template-content-window{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.template-content-header{padding:16px}.template-content-body{grid-template-columns:minmax(0,1fr)}.template-content-preview{position:static;padding:16px}.template-content-preview .saved-template-preview{height:200px}.template-content-fields{border-left:0;border-top:1px solid #383838;padding:16px}.template-content-footer{flex-wrap:wrap;padding:12px 16px}.template-content-feedback{flex-basis:100%}.template-content-feedback:empty{display:none}.template-content-footer>button{flex:1;justify-content:center}.template-content-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.template-content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-content-label{display:flex;align-items:baseline;gap:4px;min-width:0}.template-content-label abbr,.batch-table abbr{text-decoration:none;color:#fff;margin-left:2px}.template-content-label small,.batch-table td small{margin-left:auto;font-size:10px;color:#999;font-variant-numeric:tabular-nums}.template-content-label small.over,.batch-table td small.over{color:red}.template-content-field.invalid textarea{border-color:red}.template-content-issue{font-size:11px;color:red}.batch-window{width:min(1120px,calc(100vw - 40px))}.batch-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 24px}.batch-body fieldset{min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:14px}.batch-table-wrap{overflow-x:auto;border:1px solid #383838;border-radius:6px}.batch-table{width:100%;border-collapse:collapse;font-size:12px}.batch-table th,.batch-table td{padding:6px 8px;border-bottom:1px solid #2e2e2e;text-align:left;vertical-align:top;min-width:0}.batch-table thead th{font-weight:500;color:#ccc;white-space:nowrap;background:#202020}.batch-table thead th small{display:block;font-size:9px;color:#888;font-weight:400}.batch-table tbody th{color:#999;font-weight:400;font-variant-numeric:tabular-nums}.batch-table tr>:first-child{width:28px}.batch-table td{min-width:150px}.batch-table td:last-child{min-width:0;width:36px}.batch-table input,.batch-table textarea,.batch-table select{width:100%;font-size:12px}.batch-table textarea{min-height:44px;resize:vertical}.batch-table td>small{display:block;text-align:right;margin-top:2px}.batch-table tr.flagged>*{border-bottom-color:transparent}.batch-table tr.flagged>th{color:red}.batch-issues td{padding-top:0;color:red;font-size:11px}.batch-issues ul{margin:0;padding-left:16px}.batch-asset{display:flex;align-items:center;gap:4px}.batch-asset>span{flex:1;color:#ccc}.batch-asset .icon-button{min-width:28px;min-height:28px;border-radius:4px}.batch-actions{display:flex;gap:8px}.template-content-footer>.outline-button,.batch-actions>.outline-button{width:auto;margin-top:0;padding:9px 14px}.batch-paste textarea{min-height:76px;font-family:Geist Mono,monospace}.batch-paste small{font-size:11px;color:#999}.batch-formats{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:680px){.batch-window{width:calc(100vw - 20px)}.batch-body{padding:16px}}.carousel-creation-window{width:min(840px,calc(100vw - 40px))}.carousel-creation-window .template-content-body{grid-template-columns:minmax(200px,1fr) minmax(300px,1.5fr)}.carousel-choice{gap:16px}.carousel-choice .preset-art{aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#000}.carousel-choice>strong{font-size:14px;overflow-wrap:anywhere}.carousel-choice .outline-button{align-self:start}.carousel-photos{display:flex;flex-direction:column;gap:16px}.carousel-photos>.outline-button{align-self:start}.carousel-file-name{display:block;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#aaa}@media(max-width:680px){.carousel-creation-window{width:calc(100vw - 20px)}.carousel-creation-window .template-content-body{grid-template-columns:minmax(0,1fr)}.carousel-choice .preset-art{max-height:160px}.carousel-choice{gap:12px}}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2");font-display:swap}:root{--font-ui:Geist,Arial,sans-serif;--font-data:"JetBrains Mono",monospace;font-family:var(--font-ui);color:#e9e9e9;background:#000;font-synthesis:none;--surface:#1c1c1c;--panel:#1a1a1a;--line:#313131;--muted:#9c9c9c;--accent:#ffffff;--ink:#000000;color-scheme:dark}.motion-curve{display:block;width:100%;height:auto;background:#222;border:1px solid var(--line);border-radius:7px;margin:0 0 10px;fill:none}.motion-curve-axis{stroke:#444}.motion-curve-reference{stroke:#666;stroke-dasharray:3 4}.motion-curve-path{stroke:var(--accent);stroke-width:2}.motion-curve text{fill:var(--muted);font-size:9px}.motion-curves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px}.motion-curves button{padding:8px 3px;font-size:10px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.motion-curves button[aria-pressed=true]{background:#333;border-color:#777;color:var(--accent)}.motion-cycle{font-variant-numeric:tabular-nums}.stage{touch-action:none}.stage [data-floc-layer]:focus{outline:none}.stage .canvas-selected{outline:1px solid #ffffff40;outline-offset:3px;cursor:move}.stage [data-floc-layer]:focus-visible{outline:1px solid #ffffffa6;outline-offset:3px}.canvas-interaction-ring{position:absolute;left:50%;top:50%;transform-origin:center;pointer-events:none;touch-action:none}.canvas-orientation-ring{position:absolute;width:48%;height:48%;overflow:visible;transform:translate(-50%,-50%);pointer-events:none;fill:none;stroke:#ffffff80;stroke-width:1}.canvas-orientation-ring circle{pointer-events:stroke;cursor:crosshair;stroke-width:4}.canvas-orientation-ring .canvas-ring-handle{fill:#fff;stroke:#fff;pointer-events:all}.canvas-orientation-ring:focus{outline:none}.canvas-orientation-ring:focus-visible{outline:1px solid #ffffffa6;outline-offset:3px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);background:#232323;color:inherit;border-radius:7px;padding:9px 10px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range]{accent-color:var(--accent);padding:0;border:0;height:16px;background:none;cursor:pointer}input[type=checkbox]{width:14px;accent-color:var(--accent)}textarea{resize:vertical;line-height:1.4}h1,h2,h3,p{margin:0}h2{font-size:14px;font-weight:600}h3{font-size:12px;font-weight:600;letter-spacing:.02em}svg{flex-shrink:0}::selection{color:var(--ink);background:var(--accent)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.topbar{height:50px;display:flex;align-items:center;gap:16px;padding:0 9px;flex-shrink:0}.brand{display:block}.brand .brand-lockup{width:220px}.internal-label{font-size:9px;letter-spacing:1.4px;color:#7a7a7a}.version{border:1px solid var(--line);padding:2px 4px;border-radius:3px;margin-left:5px}.header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.save-state{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#7c7c7c;flex-shrink:0}.status-dot.saved,.small-dot.active{background:var(--accent)}.small-dot{width:5px;height:5px;border-radius:50%;background:#7a7a7a}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border-radius:6px;color:#a5a5a5;flex-shrink:0}.icon-button:hover{background:#313131;color:#e9e9e9}.subtle-button{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 11px;background:#222;border:1px solid var(--line);border-radius:7px}.export-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:7px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:600}.export-button:hover{background:#c3c3c3}.error-banner{display:flex;align-items:center;gap:10px;padding:9px 15px;background:#303030;border:1px solid #595959;border-radius:8px;font-size:12px;color:#d7d7d7}.error-banner .icon-button{margin-left:auto}.workspace{display:grid;grid-template-columns:246px minmax(300px,1fr) 270px;gap:12px;min-height:420px;height:auto;flex:1}.panel{background:var(--panel);border:1px solid #282828;border-radius:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#414141 transparent;padding:14px;display:flex;flex-direction:column}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#141414;border:1px solid #282828;border-radius:8px;padding:3px;gap:3px;flex-shrink:0}.tabs button{display:flex;justify-content:center;align-items:center;gap:7px;color:#aaa;font-size:12px;padding:9px 5px;border-radius:5px}.tabs button.selected{color:#ececec;background:#2c2c2c;box-shadow:0 1px 3px #0d0d0d33}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;color:#d2d2d2}.section-heading>span{font-size:11px;color:#aaa}.layer-list{display:flex;flex-direction:column;gap:5px}.layer-row{display:grid;grid-template-columns:15px minmax(28px,1fr) auto;min-width:0;align-items:center;border:1px solid transparent;border-radius:7px}.layer-row.active{background:#313131;border-color:#5e5e5e55}.layer-select{display:flex;align-items:center;gap:12px;padding:8px 9px;flex:1;min-width:0;text-align:left;font-size:12px}.layer-select>svg{color:#a7a7a7}.outline-button{border:1px solid #3d3d3d;border-radius:7px;width:100%;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#ccc}.outline-button:hover{background:#2e2e2e;border-color:#595959}.add-layer{margin-top:10px}.layer-order{display:flex;align-items:center;padding:6px 2px;gap:4px;color:gray;font-size:10px}.layer-order>span{margin-right:auto}.property-section{border-top:1px solid #2e2e2e;padding:12px 0}.property-section h3{color:#d1d1d1;margin-bottom:8px}.field{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;margin-top:5px;min-height:34px}.field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;font-size:12px;color:#b8b8b8}.field output{font-size:11px;font-variant-numeric:tabular-nums;color:#d2d2d2;letter-spacing:.02em}.field select,.field input:not([type=range]),.field textarea{font-size:12px}.segmented{display:flex;background:#242424;border-radius:6px;padding:3px;gap:3px}.segmented button{font-size:11px;flex:1;text-transform:capitalize;padding:7px 0;border-radius:4px;color:#8d8d8d}.segmented button.selected{background:#414141;color:#e7e7e7}.color-field{display:flex;align-items:center;background:#242424;border:1px solid var(--line);padding:4px 7px;border-radius:7px;gap:6px;font-size:10px;font-variant-numeric:tabular-nums}.color-field input{width:22px!important;height:22px;padding:0!important;border:0!important;background:transparent}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.helper{display:block;font-size:11px;line-height:1.5;color:#aaa;margin-top:7px}.panel-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#828282;letter-spacing:.05em;padding-top:22px;margin-top:auto}.panel-footer>span:last-child{margin-left:auto}.center-panel{display:flex;flex-direction:column;min-height:0;min-width:0}.topbar>.brand{flex-shrink:0}.project-name{flex:1 1 180px;width:180px;min-width:80px;max-width:280px;background:none;border:0;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:600;display:block;text-overflow:ellipsis}.project-name:hover,.project-name:focus{background:#222}.project-name:focus-visible{outline:1px solid #b9b9b9;outline-offset:2px}.canvas-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#828282;font-variant-numeric:tabular-nums}.preview-wrap{flex:1;min-height:0;position:relative;background-color:#191919;background-image:radial-gradient(#373737 1px,transparent 1px);background-size:18px 18px;border:1px solid #282828;border-radius:12px;overflow:hidden}.stage-holder{width:100%;height:100%;position:relative;min-height:360px}.stage{position:absolute;top:50%;left:50%;transform-origin:center;overflow:hidden;box-shadow:0 24px 60px #09090955;font-family:Geist,Arial,sans-serif}.preview-caption{display:flex;justify-content:space-between;color:#777;gap:10px;font-size:9px;letter-spacing:.02em;padding:7px 10px 1px}.preview-caption>span{display:flex;align-items:center;gap:7px}.preview-loading{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 12px;background:#2d2d2d;border-radius:6px;font-size:11px;color:#bebebe}.upload-zone{border:1px dashed #555555;background:#212121;border-radius:8px;padding:23px 9px;width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;color:#acacac}.upload-zone:hover{background:#2d2d2d;border-color:var(--accent)}.upload-zone strong{font-size:11px;font-weight:500}.upload-zone>span{font-size:8px;color:#8e8e8e}.media-heading{padding:12px 0 8px}.media-heading h2{font-size:12px;font-weight:500}.media-heading>span{font-size:10px;font-variant-numeric:tabular-nums}.carousel-media-select{font-size:11px;padding:7px 9px;margin-bottom:4px}.asset-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:4px 0 0;padding:0}.asset{display:grid;grid-template-columns:16px 32px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:6px 0;border-bottom:1px solid #2d2d2d}.asset-number{font-size:9px;color:#888;text-align:center;font-variant-numeric:tabular-nums}.asset-preview{position:relative;width:32px;height:38px;overflow:hidden;border-radius:3px;background:#111}.asset-preview>img,.asset-preview>video{display:block;width:100%;height:100%;object-fit:contain}.asset-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#c8c8c8}.asset-actions{display:flex;align-items:center;gap:0}.asset-actions .icon-button{width:23px;min-width:23px;min-height:28px;padding:0}.check-field{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9a9a9;margin-top:15px}.text-button{padding:12px 0 0;font-size:10px;color:#aeaeae}.text-button.danger{color:#aeaeae}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#0a0a0aa8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(440px,100%);max-height:90dvh;overflow:auto;border:1px solid #474747;border-radius:16px;background:#1f1f1f;padding:27px;box-shadow:0 30px 100px #0a0a0a44}.modal-heading{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:24px}.modal h2{font-size:27px;letter-spacing:-.8px;margin-bottom:12px}.modal>p{font-size:12px;color:#a2a2a2;line-height:1.7}.export-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;padding:21px 0;margin:23px 0}.export-summary span{font-size:21px;letter-spacing:-.5px}.export-summary small{display:block;color:#929292;font-size:9px;letter-spacing:0;margin-top:6px}.full-width{width:100%;justify-content:space-between}.job-status{padding:15px 0;display:flex;flex-direction:column;gap:13px}.job-status strong{font-size:11px;word-break:break-word;white-space:pre-wrap;font-weight:400;color:#b7b7b7}.job-status.failed strong{color:#bbb}progress{width:100%;accent-color:var(--accent);height:5px}.modal>.helper{font-size:9px;margin-top:15px}.native-status{display:flex;align-items:center;gap:9px;margin:20px 0 0;padding:12px;background:#2a2a2a;border-radius:6px;font-size:11px}.tool-list{margin-top:22px;border-top:1px solid #3d3d3d}.tool-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #333333;padding:9px 0;font-size:10px;color:#c3c3c3}.tool-list>div>span{color:#6f6f6f;font-size:8px}.audit{margin-top:20px;font-size:9px}.audit>div{display:flex;justify-content:space-between;padding:7px 0;color:#9b9b9b}.audit h3{margin-bottom:10px}@media(min-width:1650px){.workspace{grid-template-columns:270px minmax(300px,1fr) 290px}.panel{padding:14px}.app-shell{padding:0 14px 12px;gap:10px}.workspace{gap:12px;height:auto}}@media(max-width:1100px){.workspace{grid-template-columns:205px minmax(250px,1fr) 235px}.panel{padding:11px}.topbar{gap:12px}.internal-label{display:none}.header-actions{gap:7px}.save-state{display:none}.canvas-meta>span{display:none}.preview-caption{font-size:8px}.project-name{max-width:210px}.brand .brand-lockup{width:200px}.stage-holder{min-height:320px}}@media(max-width:850px){.app-shell{padding:0 8px 8px}.topbar{height:50px;padding:0 4px}.brand .brand-lockup{width:180px}.agent-button{font-size:0;gap:6px;padding:8px}.header-actions>.icon-button{display:none}.export-button{padding:9px 11px;font-size:10px}.workspace{grid-template-columns:1fr 250px;grid-template-rows:minmax(0,min(56dvh,560px)) auto auto;height:auto;min-height:0}.left-panel{grid-column:1/-1;grid-row:3;max-height:340px}.center-panel{grid-column:1;grid-row:1;min-height:0;height:100%}.stage-holder{min-height:0}.right-panel{grid-column:2;grid-row:1;max-height:100%;min-height:0}.layer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.left-panel>.property-section{display:block}.left-panel .panel-footer{display:none}.upload-zone{padding:15px}}@media(max-width:600px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(300px,min(56dvh,500px)) auto auto auto}.center-panel{grid-column:1}.right-panel{grid-column:1;grid-row:4;max-height:420px}.left-panel{grid-row:3;max-height:300px}.layer-list{grid-template-columns:minmax(0,1fr)}.preview-caption>span:last-child{display:none}.modal{padding:22px}.header-actions{gap:6px}.brand .brand-lockup{width:150px}.topbar{gap:8px}.right-panel .property-section{padding:12px 0}.two-fields{gap:16px}}@media(prefers-reduced-motion:reduce){button:active{transform:none}*{scroll-behavior:auto}}.new-composition-modal{width:min(600px,calc(100vw - 32px))}.new-composition-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.new-composition-heading h2{margin:0;text-wrap:balance}.new-composition-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.new-composition-aspect{gap:20px;margin-top:0}.new-composition-aspect[hidden]{display:none}.new-composition-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:20px}.new-composition-tabs label{position:relative;cursor:pointer}.new-composition-tabs input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.new-composition-tabs span{display:block;padding:10px 0;border-bottom:2px solid transparent;font-size:12px;color:var(--muted)}.new-composition-tabs input:checked+span{border-color:var(--accent);color:var(--accent)}.new-composition-tabs input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.composition-picker .preset-search{width:100%;margin-bottom:14px}.composition-picker .preset-gallery{padding:0;max-height:310px;overflow:auto}.composition-picker .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-picker .preset-tile-label strong{overflow-wrap:anywhere}.composition-picker .preset-tile-label small:empty{display:none}.composition-picker .preset-empty{padding:20px 0}.composition-picker-selection{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:12px;overflow-wrap:anywhere}.composition-picker-selection span{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.new-composition-formats{padding:0;margin:0;border:0;min-width:0}.new-composition-formats legend{padding:0;margin-bottom:10px;font-size:11px;color:var(--muted)}.new-composition-ratios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.new-composition-ratio{position:relative;cursor:pointer}.new-composition-ratio input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.new-composition-ratio-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.new-composition-ratio-card strong{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}.new-composition-ratio-preview{height:48px;display:flex;align-items:center;justify-content:center}.new-composition-ratio-preview>span{display:block;border:1px solid var(--muted);border-radius:2px}.new-composition-ratio input:checked+.new-composition-ratio-card{border-color:var(--accent);background:var(--line)}.new-composition-ratio input:checked+.new-composition-ratio-card strong{color:var(--accent)}.new-composition-ratio input:focus-visible+.new-composition-ratio-card{outline:2px solid var(--accent);outline-offset:3px}.new-composition-dimensions{margin:10px 0 0;font-variant-numeric:tabular-nums}.new-composition-files-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.new-composition-files-heading h3{font-size:11px;font-weight:400;margin:0;color:inherit}.new-composition-files-heading h3 span{margin-left:8px;font-size:10px}.new-composition-files .outline-button{width:100%;justify-content:center}.new-composition-files .helper,.new-composition-form>.helper{margin:8px 0 0;text-wrap:pretty}.new-composition-file-list{list-style:none;padding:0;margin:12px 0 0;max-height:140px;overflow:auto}.new-composition-file-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:4px 0;font-size:11px}.new-composition-file-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-composition-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:480px){.new-composition-ratios{grid-template-columns:repeat(3,minmax(0,1fr))}.new-composition-actions{flex-wrap:wrap}}@media(min-width:851px){.app-shell{height:100dvh;min-height:480px}.workspace{min-height:0;grid-template-rows:minmax(0,1fr) auto}.panel,.stage-holder{min-height:0}}dialog.modal-backdrop{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;color:#e9e9e9}dialog.modal-backdrop:not([open]){display:none}.status-dot.saved,.small-dot.active{background:#00f}.status-dot{background:#fff}.layer-row.active{background:#171717;border-color:#fff3}.error-banner{background:#000;border-color:red;color:#fff}.job-status.failed{border-color:red;color:#fff}.export-file{overflow-wrap:anywhere}.export-history{margin-top:16px}.export-history ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.export-history li{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line)}.export-history li>div{display:flex;justify-content:space-between;gap:10px}.export-history strong{font-weight:500;color:#ddd;overflow-wrap:anywhere}.export-history a{color:#ddd;text-decoration:underline;width:fit-content}.export-state{flex-shrink:0;color:#aaa}.export-state.failed{color:red}.placement-control{margin-top:10px}.placement-map{position:relative;margin:0 auto;border:1px solid #ffffff55;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.map-node{position:absolute;white-space:pre-wrap;overflow-wrap:anywhere;line-height:.98;color:#fff;letter-spacing:-.035em;text-align:left}.map-node img{display:block;width:100%;height:auto;pointer-events:none}.map-node.ghost{pointer-events:none}.map-node.selected{outline:1px solid #ffffff;cursor:move;z-index:2}.map-node.selected:after{content:"";position:absolute;inset:-4px}.map-node.selected:focus-visible{outline:2px solid #ffffff}.map-coordinates{display:block;font-size:10px;color:#aaa;margin:8px 0}.precise-position{font-size:11px;margin-top:6px}.precise-position summary{cursor:pointer;color:#aaa;padding:6px 0}.precise-position[open] summary{margin-bottom:4px}.placement-coordinates input{font-variant-numeric:tabular-nums}.placement-guides{position:absolute;inset:0;pointer-events:none;z-index:100;font-size:14px;font-variant-numeric:tabular-nums}.safe-area-outline{position:absolute;border:1px dashed #ffffff66}.alignment-guide{position:absolute;background:#ffffffb3}.alignment-guide.x{top:0;bottom:0;width:1px}.alignment-guide.y{left:0;right:0;height:1px}.spacing-guide{position:absolute;border-color:#fff5;border-style:dotted;border-width:0}.spacing-guide.x{border-top-width:1px}.spacing-guide.y{border-left-width:1px}.spacing-guide small{position:absolute;background:#171717cc;color:#ccc;padding:2px 4px;font-size:inherit;white-space:nowrap}.spacing-guide.x small{left:50%;transform:translate(-50%,-50%)}.spacing-guide.y small{top:50%;transform:translate(-50%,-50%)}.placement-map .placement-guides{font-size:8px}.layout-warning{color:#fff;border-left:2px solid #fff;padding-left:8px;margin-top:8px}.timeline-panel{--timeline-label-width:64px;background:var(--panel);border:1px solid #2d2d2d;border-radius:11px;padding:0 12px 10px;flex-shrink:0;min-width:0}.transport{display:flex;align-items:center;gap:16px;min-height:44px;padding:2px 0;border-bottom:1px solid #ffffff0d}.canvas-toolbar,.canvas-playback{position:absolute;left:50%;transform:translate(-50%);z-index:1;display:flex;align-items:center;gap:5px;max-width:calc(100% - 24px);padding:6px 10px;background:#1c1c1c;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 4px 18px #0006}.canvas-toolbar{top:12px;width:max-content;flex-wrap:wrap;justify-content:center}.canvas-playback{bottom:12px}.preview-wrap>.stage-holder{isolation:isolate}.preview-wrap>.preview-loading{bottom:68px}.canvas-playback .icon-button{min-width:32px;min-height:32px;border-radius:6px}.canvas-toolbar button:focus-visible,.canvas-playback button:focus-visible{outline:1px solid #b9b9b9;outline-offset:2px}.transport .icon-button{min-width:28px;min-height:28px;border-radius:5px}.canvas-playback .canvas-play{background:#e5e5e5;color:#171717}.canvas-playback .canvas-play:hover:not(:disabled){background:#fff;color:#171717}.timecode{display:flex;align-items:baseline;gap:7px;margin-left:6px;font-family:var(--font-data);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.timecode-current{color:#e8e8e8}.timecode-total{color:#777}.transport>input{flex:1;min-width:60px;height:16px;margin:0}.timeline-label{color:#888;font-size:9px;letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums}.timeline-toggle{display:flex;align-items:center;gap:5px;font-size:11px;min-height:30px;border:1px solid #ffffff13;border-radius:5px;padding:0 8px;color:#bcbcbc;white-space:nowrap}.timeline-toggle:hover{background:#ffffff08;color:#e5e5e5}#timeline-tracks[hidden]{display:none}.timeline-track-scroll{max-height:264px;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#424242 transparent;overscroll-behavior:contain}.timeline-ruler-row,.track-row{display:grid;grid-template-columns:var(--timeline-label-width) minmax(0,1fr);gap:10px;align-items:center}.timeline-ruler-row{position:sticky;top:0;z-index:4;background:var(--panel);padding-bottom:1px}.ruler-track-heading{display:flex;align-items:center;gap:7px;padding:0 8px;color:#888;font-size:10px}.ruler-track-heading small{font-size:9px;color:#858585;font-variant-numeric:tabular-nums}.timeline-ruler{height:24px;position:relative;cursor:ew-resize;touch-action:none;border-bottom:1px solid #ffffff20;-webkit-user-select:none;user-select:none}.timeline-tick{position:absolute;bottom:0;width:1px;height:3px;background:#ffffff20;pointer-events:none}.timeline-tick.major{height:7px;background:#ffffff35}.timeline-tick.endpoint{width:0}.tick-label{position:absolute;top:-12px;left:0;transform:translate(-50%);font-family:var(--font-data);font-size:9px;line-height:1;color:#929292;white-space:nowrap}.timeline-tick:first-child .tick-label{transform:none}.timeline-tick.endpoint .tick-label{transform:translate(-100%)}.ruler-playhead{position:absolute;top:5px;bottom:-1px;width:1px;background:#e7e7e7;pointer-events:none;z-index:2}.playhead-cap{position:absolute;top:-2px;left:50%;width:7px;height:7px;transform:translate(-50%);background:#e7e7e7;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.track-list{display:flex;flex-direction:column;gap:2px;padding:1px 0}.track-row{min-height:36px;text-align:left}.track-name{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:34px;padding:3px 8px;color:#aaa;border-radius:4px;overflow:hidden}.track-name:hover{background:#ffffff06;color:#ddd}.track-row.selected .track-name{background:#ffffff07;color:#e9e9e9}.track-row.selected .track-name:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--layer-color);pointer-events:none}.track-icon{display:flex;align-items:center;justify-content:center;color:var(--layer-color);flex-shrink:0}.track-icon svg{width:16px;height:16px}.track-state{display:flex;align-items:center;gap:4px;color:#777;flex-shrink:0}.track-state svg{width:12px;height:12px}.track-lane{height:32px;position:relative;overflow:hidden;background:#ffffff03;border-radius:4px;cursor:crosshair}.track-lane:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,#ffffff09 1px,transparent 1px);background-size:var(--timeline-grid,16.6667%) 100%;pointer-events:none}.track-lane:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#ffffff09;pointer-events:none}.track-clip{position:absolute;display:flex;top:2px;bottom:2px;min-width:5px;background:#2b2b2b;color:#c5c5c5;border:1px solid #ffffff17;border-radius:3px;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;container-type:inline-size}.track-clip.carousel{background:#323232}.track-clip.text{background:#2d2d2d}.track-clip.logo{background:#292929}.track-clip.music{background:#242424}.track-clip.empty{background:#ffffff02;border-style:dashed;border-color:#ffffff26;color:#777}.track-row.selected .track-lane{background:#ffffff05}.track-row.selected .track-clip{border-color:#fff6;color:#e4e4e4}.track-clip.muted{opacity:.45}.track-clip.dragging{border-color:#fff9;z-index:3}.clip-body{position:relative;z-index:1;display:flex;align-items:center;gap:7px;flex:1;min-width:0;width:100%;padding:0 20px;overflow:hidden;text-align:left;font-size:11px;cursor:grab;touch-action:none}.clip-type-icon{flex-shrink:0;color:#aaa}.clip-duration{margin-left:auto;flex-shrink:0;color:#b8b8b8;font-family:var(--font-data);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.clip-body:disabled{opacity:1;color:#999;cursor:default}.track-clip.dragging .clip-body{cursor:grabbing}.clip-handle{position:absolute;top:0;bottom:0;width:20px;padding:0;z-index:2;cursor:ew-resize;touch-action:none;color:#b8b8b8}.clip-handle.start{left:0}.clip-handle.end{right:0}.clip-handle:after{content:"";position:absolute;top:5px;bottom:5px;width:3px;border-radius:1px;background:currentColor;opacity:.4;pointer-events:none}.clip-handle.start:after{left:4px}.clip-handle.end:after{right:4px}.track-clip:hover .clip-handle:after,.track-row.selected .clip-handle:after,.clip-handle:focus-visible:after{opacity:1}.clip-handle:disabled{opacity:.2;cursor:default}.track-clip.dragging .clip-handle{color:#fff}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#e7e7e7;pointer-events:none;z-index:4}.clip-fade{position:absolute;top:0;height:100%;z-index:0;pointer-events:none}.clip-fade.in{left:0}.clip-fade.out{right:0}.fade-shade{fill:#00000035}.fade-line{fill:none;stroke:#ffffff90;stroke-width:1;vector-effect:non-scaling-stroke}.fade-handle{position:absolute;top:0;width:24px;height:24px;padding:0;z-index:3;border:0;background:transparent;cursor:ew-resize;touch-action:none;opacity:0;pointer-events:none}.fade-handle:after{content:"";position:absolute;top:2px;left:7px;width:10px;height:7px;background:#bdbdbd;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}.fade-handle.in{left:clamp(0px,calc(var(--fade-at) - 12px),max(0px,calc(100% - 48px)))}.fade-handle.out{right:clamp(0px,calc(var(--fade-at) - 12px),max(0px,calc(100% - 48px)))}.track-clip:hover .fade-handle,.track-clip:focus-within .fade-handle,.track-row.selected .fade-handle,.track-clip.dragging .fade-handle,.fade-handle:focus-visible{opacity:1;pointer-events:auto}.fade-handle:hover:after,.fade-handle:active:after{background:#fff}.fade-handle:disabled{display:none}.timeline-panel button:focus-visible,.timeline-ruler:focus-visible,.timeline-panel input:focus-visible{outline:1px solid #b9b9b9;outline-offset:2px}@container (max-width:170px){.clip-duration{display:none}}@media(max-width:850px){.timeline-track-scroll{max-height:200px}.transport{gap:10px}.timeline-label{display:none}}@media(max-width:600px){.timeline-panel{padding:0 8px 8px}.transport{flex-wrap:wrap;gap:0 8px;padding:6px 0 8px}.timecode{margin-left:3px;font-size:10px;gap:5px}.timeline-toggle{margin-left:auto;min-height:28px;padding:0 6px;font-size:10px}.transport>input{order:3;flex-basis:100%;height:18px;margin-top:5px}.timeline-ruler-row,.track-row{gap:7px}.timeline-tick.secondary .tick-label{display:none}.track-name{gap:6px;padding-right:3px}}@container (max-width:48px){.clip-body{padding-left:25%;padding-right:25%}.clip-handle,.fade-handle{width:50%}.fade-handle.in{left:0}.fade-handle.out{right:0}.fade-handle:after{left:50%;transform:translate(-50%)}}@media(hover:none){.fade-handle{opacity:1;pointer-events:auto}.clip-handle:after{opacity:.8}}.panel>.tabs{position:sticky;top:0;z-index:4}.field>input,.field>select,.field>textarea,.field>.color-field{min-width:0}.field select,.field input:not([type=range]){padding:7px 8px}.field:has(textarea),.field:has(.segmented),.field:has(.card-ratio-select){grid-template-columns:1fr;gap:5px}.integrated-range{position:relative;display:flex;align-items:center;min-height:44px;gap:0;margin-top:8px;padding:0 12px;border:1px solid #ffffff0a;border-radius:6px;background:#222225;isolation:isolate}.range-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ff00001a,#ff000080);clip-path:inset(0 calc(100% * (1 - var(--range-progress))) 0 0);pointer-events:none}.range-ticks{position:absolute;left:15px;right:75px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.range-ticks i{width:1px;height:8px;background:#ffffff16}.range-label{position:relative;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#c5c5cb;pointer-events:none}.numeric-field{position:relative;display:flex;align-items:center;min-width:0;gap:4px}.numeric-field input{width:100%;min-width:0;font-variant-numeric:tabular-nums}.numeric-unit{font-size:11px;color:#aaa;white-space:nowrap}.numeric-error{position:absolute;top:100%;right:0;width:200px;padding:8px;background:#303030;border:1px solid #777;border-radius:5px;z-index:6;font-size:11px;color:#eee}.numeric-field input[aria-invalid=true]{outline:1px solid #bd7878}.integrated-range .numeric-field{margin-left:auto;width:82px;flex-shrink:0;z-index:1}.integrated-range .numeric-field input{padding:6px 2px;background:transparent;border:0;text-align:right;color:#fff;font-size:13px;font-weight:600}.integrated-range .numeric-field input:focus{background:#333;border-radius:4px}.integrated-range .numeric-unit{color:#ddd}.integrated-range input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;left:0;top:0;width:calc(100% - 94px);height:100%;margin:0;padding:0 12px;border:0;border-radius:6px;background:transparent;cursor:ew-resize;outline:none}.integrated-range input[type=range]::-webkit-slider-runnable-track{height:22px;background:transparent;border:0}.integrated-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:22px;margin:0;border:0;border-radius:2px;background:#8e8e98}.integrated-range input[type=range]::-moz-range-track{height:22px;background:transparent;border:0}.integrated-range input[type=range]::-moz-range-progress{background:transparent}.integrated-range input[type=range]::-moz-range-thumb{width:4px;height:22px;border:0;border-radius:2px;background:#8e8e98}.integrated-range:hover{border-color:#ffffff26}.integrated-range:hover input[type=range]::-webkit-slider-thumb{background:#fff}.integrated-range:hover input[type=range]::-moz-range-thumb{background:#fff}.integrated-range:focus-within{border-color:#ffffff40}.integrated-range:has(input:focus-visible){outline:1px solid #a8a8a8;outline-offset:0}.two-fields .field{grid-template-columns:1fr;gap:4px}.two-fields:has(.integrated-range){grid-template-columns:1fr;gap:0}.property-section>.outline-button{margin-top:8px}@media(max-width:1100px){.color-field{font-size:9px}}@media(max-width:600px){.integrated-range{min-height:48px}.panel>.tabs{position:static}}.orientation-control{margin-top:8px}.orientation-control summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;font-size:11px}.orientation-control summary:before{content:"›";font-size:16px}.orientation-control[open] summary:before{transform:rotate(90deg)}.orientation-control summary span{margin-left:auto;color:#aaa;font-size:10px}.orientation-control summary:focus-visible{outline:1px solid #aaa;outline-offset:2px}.orientation-fields .field{grid-template-columns:1fr 64px}.orientation-fields .field-label{font-size:10px}.orientation-fields input{padding:6px}.library-launcher{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 12px;text-align:left;border:1px solid #444;border-radius:6px;background:#232323}.library-launcher small{display:block;font-size:10px;color:#999;margin-bottom:6px}.library-launcher strong{font-size:13px;font-weight:500}.library-launcher-action{font-size:10px;color:#ddd}.library-launcher:hover{background:#2c2c2c;border-color:#777}.preset-window{display:flex;flex-direction:column;width:min(1160px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));border:1px solid #484848;border-radius:8px;background:#1b1b1b;color:#e9e9e9;overflow:hidden;box-shadow:0 24px 90px #0008}.preset-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;gap:16px}.preset-eyebrow{font-size:9px;letter-spacing:2px;color:#999}.preset-header h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:8px 0}.preset-header p{font-size:12px;color:#aaa;margin:0}.preset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px 20px;border-bottom:1px solid #383838}.preset-switch{display:flex;gap:4px}.preset-switch button{padding:10px 12px;border-radius:5px;font-size:12px;color:#aaa;white-space:nowrap}.preset-switch button[aria-selected=true]{background:#333;color:#fff}.preset-switch button span{margin-left:8px;font-size:10px;color:#aaa}.preset-search{display:flex;align-items:center;gap:10px;padding:0 12px;background:#242424;border:1px solid #444;border-radius:5px;width:min(340px,100%)}.preset-search input{background:none;border:0;padding:10px 0;font-size:12px;min-width:0;width:100%}.preset-search:focus-within{border-color:#aaa}.preset-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:0;flex:1}.preset-gallery{padding:20px 28px;overflow:auto;overscroll-behavior:contain}.preset-filters{margin-bottom:18px}.preset-filters>p{font-size:10px;color:#999;margin:12px 0 0}.preset-family-list{display:flex;flex-wrap:wrap;gap:6px}.preset-family-list button{padding:7px 9px;border:1px solid #3e3e3e;border-radius:4px;font-size:10px;color:#aaa}.preset-family-list button[aria-pressed=true]{background:#ddd;color:#171717;border-color:#ddd}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preset-tile{display:block;width:100%;overflow:hidden;text-align:left;border:1px solid #393939;border-radius:6px;background:#222;padding:0}.preset-tile:hover{background:#2b2b2b;border-color:#777}.preset-tile.selected{border-color:#ccc}.preset-tile:focus-visible,.preset-window button:focus-visible{outline:1px solid #eee;outline-offset:3px}.preset-art{position:relative;aspect-ratio:2;background:#141414;overflow:hidden}.preset-art img,.motion-preview{display:block;width:100%;height:100%;object-fit:contain}.preset-art>span{position:absolute;bottom:5px;left:6px;font-size:8px;line-height:1.3;background:#111b;color:#bbb;padding:3px 5px;border-radius:2px}.preset-tile-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px}.preset-tile-label small{display:block;font-size:9px;color:#999;margin-bottom:5px}.preset-tile-label strong{font-size:12px;font-weight:500}.preset-detail{display:flex;flex-direction:column;overflow:auto;padding:24px 20px;background:#202020;border-left:1px solid #383838}.preset-detail>small{font-size:10px;color:#aaa}.preset-detail h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:10px 0 14px}.preset-detail p{font-size:12px;line-height:1.6;color:#aaa}.preset-detail dl{margin:20px 0;padding:12px 0;border-top:1px solid #444;border-bottom:1px solid #444}.preset-detail dl>div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.preset-detail dt{color:#999}.preset-detail dd{margin:0}.preset-note{font-size:10px!important}.preset-detail details{font-size:10px;line-height:1.6;color:#aaa;margin-top:12px}.preset-detail li{margin:7px 0}.preset-detail ul{padding-left:16px}.preset-apply{margin-top:auto;padding-top:28px}.preset-apply p{font-size:10px}.preset-apply button{width:100%;justify-content:center;min-height:40px;border-radius:5px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:600}.preset-apply button:hover{background:#c3c3c3}.preset-empty{padding:40px 0;color:#aaa}.preset-empty h3{font-size:18px;font-weight:500;color:#ddd}.preset-empty p{font-size:12px;margin:12px 0 20px}.preset-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #383838;padding:14px 28px;font-size:10px;color:#888}@media(max-width:900px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-content{grid-template-columns:minmax(0,1fr) 220px}.preset-toolbar{align-items:stretch;flex-direction:column;gap:12px}.preset-search{width:100%}}@media(max-width:600px){.preset-window{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.preset-header,.preset-toolbar,.preset-gallery{padding:16px}.preset-header h2{font-size:23px}.preset-content{display:flex;flex-direction:column;overflow:hidden}.preset-gallery{min-height:100px;flex:1;overflow:auto}.preset-detail{max-height:40%;flex-shrink:0;overflow:auto;border-left:0;border-top:1px solid #383838;padding:18px 16px}.preset-apply{position:sticky;bottom:-18px;background:#202020;padding-bottom:18px}.preset-footer{padding:12px 16px}.preset-footer>span:last-child{display:none}.preset-apply{padding-top:12px}.preset-detail h3{font-size:20px}.preset-switch button{font-size:11px;padding:9px}.preset-art>span{font-size:7px}}.preset-header-actions{display:flex;align-items:center;gap:12px}.preset-grid .preset-art:has(.motion-preview){aspect-ratio:16/9}.motion-preview{object-fit:cover}@media(max-width:600px){.preset-header-actions{gap:6px}.preset-header-actions .subtle-button{font-size:10px;padding:7px}}.preset-reference img{display:block;width:100%;height:auto;margin-top:12px;border-radius:4px}.motion-preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:11px;line-height:1.5;color:#aaa}.map-grid{position:absolute;inset:5%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));border-top:1px solid #fff2;border-left:1px solid #fff2}.map-grid-point{padding:0;min-width:0;min-height:0;border-right:1px solid #fff2;border-bottom:1px solid #fff2;border-radius:0;background:transparent}.map-grid-point:hover{background:#ffffff18}.map-grid-point.active{background:#ffffff25;box-shadow:inset 0 0 0 1px #fff8}.map-grid-point:focus-visible{outline:1px solid #fff;outline-offset:-2px}.map-center-anchor{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border:1px solid #ffffff60;border-radius:50%;pointer-events:none}.map-center-anchor.active{background:#fff}.map-position-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.map-position-actions .map-coordinates{margin:0;font-size:10px}.map-alignment{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:10px;color:#aaa}.map-alignment .segmented{flex:1}.map-alignment .segmented button{font-size:10px;padding:6px 0}.position-grid-overlay{position:absolute;inset:5%;z-index:100;pointer-events:none;background-image:linear-gradient(to right,#ffffff44 1px,transparent 1px),linear-gradient(to bottom,#ffffff44 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);border-right:1px solid #ffffff44;border-bottom:1px solid #ffffff44}.position-grid-overlay[hidden]{display:none}.position-grid-overlay>i{position:absolute;width:calc(100% / 6);height:calc(100% / 6);background:#ffffff14;outline:1px solid #ffffff66}.position-grid-overlay>i.center{width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}.layer-row{position:relative;gap:0}.layer-grip{grid-column:1;grid-row:1;display:flex;color:#666;cursor:grab;padding-left:3px}.layer-row.locked .layer-grip{cursor:default;opacity:.35}.layer-row .layer-select{grid-column:2;grid-row:1;width:100%;padding:8px 5px;gap:7px}.layer-row .layer-select svg{flex-shrink:0}.layer-row .icon-button{min-width:23px;min-height:26px}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:#bbb;pointer-events:none}.layer-row.drop-above:before{top:-3px}.layer-row.drop-below:after{bottom:-3px}.layer-name-input{grid-column:2/-1;grid-row:1;width:100%;min-width:0;font-size:12px;padding:6px}.layer-list-hint{font-size:9px;line-height:1.5;color:#828282;margin-top:5px}.layer-properties{border:0;padding:0;margin:0;min-width:0}.layer-properties:disabled{opacity:.55}.layer-lock-notice{margin:4px 0 10px;padding:8px;background:#292929;border-radius:4px}.asset-kind{position:absolute;right:1px;bottom:1px;padding:1px 2px;border-radius:2px;background:#161616b8;font-size:6px;line-height:1.2;color:#ddd}.saved-template-preview{height:200px;flex-shrink:0;margin-bottom:12px;pointer-events:none}.saved-template-preview .stage-holder{height:100%;min-height:0}.saved-template-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.saved-template-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#aaa}.saved-templates .preset-apply{display:flex;flex-direction:column;gap:10px}.saved-template-error{padding:10px 28px;color:#eee;font-size:12px}.saved-templates .preset-detail{width:auto}.saved-templates .preset-content{grid-template-columns:minmax(0,1fr) 320px}@media(max-width:600px){.saved-templates .preset-detail{max-height:55%}}.context-help{margin:8px 0;font-size:11px;line-height:1.5;color:var(--muted)}.context-help summary{cursor:pointer;width:fit-content;color:#aaa;list-style:revert}.context-help summary:hover{color:#eee}.context-help summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.context-help p{margin:8px 0;max-width:48ch}.preview-caption{justify-content:flex-end}.timeline-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.preset-footer .context-help{margin:0}.layer-heading-actions{display:flex;align-items:center;gap:2px}.layer-heading-actions>span{font-size:11px;color:#aaa;margin-right:3px;white-space:nowrap}.layer-heading-actions .icon-button{width:23px;min-width:23px;min-height:26px;padding:0}.layer-row-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0}.layer-row-actions .icon-button{width:23px;padding:0}.layer-select .layer-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.asset-actions{opacity:0;pointer-events:none}.asset:hover .asset-actions,.asset:focus-within .asset-actions{opacity:1;pointer-events:auto}}.library-launcher-label{display:flex;align-items:center;gap:10px;min-width:0}.library-launcher-label>svg{flex-shrink:0;color:#aaa}.add-layer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.add-layer-option{display:flex;align-items:center;justify-content:center;min-height:100px;border:1px solid var(--line);border-radius:10px;background:#242424;color:#ccc;padding:16px}.add-layer-option:hover:not(:disabled){background:#333;border-color:#888;color:#fff}.add-layer-option:focus-visible{outline:2px solid #fff;outline-offset:3px}.add-layer-options:has(>button:only-child){grid-template-columns:1fr}.preset-unified-gallery{padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.preset-visual-filters{flex-shrink:0;padding:16px 20px 12px;margin:0;border-bottom:1px solid #383838}.preset-visual-filters .preset-family-list{flex-wrap:nowrap;overflow-x:auto;padding:3px;gap:6px}.preset-visual-filters .preset-family-list button{flex:0 0 66px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px}.preset-filter-art{width:56px;height:32px;background:#111;overflow:hidden;border-radius:2px;pointer-events:none}.preset-filter-art .motion-preview{width:100%;height:100%}.preset-visual-filters .preset-family-list button:first-child{flex-basis:86px}.preset-visual-filters .preset-family-list button:first-child span{font-variant-numeric:tabular-nums}.preset-unified-gallery>.preset-grid{overflow:auto;min-height:0;padding:18px 20px;align-content:start;overscroll-behavior:contain}.preset-unified-gallery>.preset-empty{padding:24px}@media(max-width:600px){.preset-unified-gallery{padding:0}.preset-visual-filters{padding:10px}.preset-unified-gallery>.preset-grid{padding:12px}}.preset-direct-library>.preset-content{grid-template-columns:minmax(0,1fr)}.preset-direct-library .preset-grid{grid-auto-rows:max-content}.preset-direct-tile .preset-card-apply{position:absolute;z-index:1;bottom:8px;right:8px;padding:7px 10px;border-radius:4px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none}.preset-direct-tile:hover .preset-card-apply,.preset-direct-tile:focus-within .preset-card-apply{opacity:1;pointer-events:auto}@media(hover:none),(pointer:coarse){.preset-direct-tile .preset-card-apply{opacity:1;pointer-events:auto}}.preset-direct-tile{position:relative;background:#000}.preset-direct-tile .preset-tile-label{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;justify-content:flex-start;gap:8px;background:#000b;pointer-events:none;min-height:44px}.preset-direct-tile .preset-tile-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-direct-tile .preset-tile-label small{margin:0;white-space:nowrap}.preset-direct-tile:hover .preset-tile-label,.preset-direct-tile:focus-within .preset-tile-label{padding-right:112px}@media(hover:none),(pointer:coarse){.preset-direct-tile .preset-card-apply{top:8px;bottom:auto}.preset-direct-tile:hover .preset-tile-label,.preset-direct-tile:focus-within .preset-tile-label{padding-right:12px}}@media(max-width:600px){.preset-direct-tile .preset-card-apply{top:6px;right:6px;bottom:auto;padding:5px 7px;font-size:10px;opacity:1;pointer-events:auto}.preset-direct-tile .preset-tile-label,.preset-direct-tile:hover .preset-tile-label,.preset-direct-tile:focus-within .preset-tile-label{padding:7px 8px;min-height:30px;gap:5px}.preset-direct-tile .preset-tile-label strong{font-size:11px}.preset-direct-tile .preset-tile-label small{font-size:8px}}.save-state{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.topbar{height:auto;min-height:58px}.header-actions{flex-wrap:wrap;min-width:0;justify-content:flex-end;padding:8px 0}.save-state{display:flex;flex-basis:100%;min-width:0;max-width:none;justify-content:flex-end;order:-1}}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:4px;padding-top:10px}.header-actions{flex-basis:100%;padding:0 0 8px}.save-state{justify-content:flex-start}}.app-shell .field output,.app-shell input[type=number],.app-shell .color-field>span,.app-shell .canvas-meta>span,.app-shell .timecode,.app-shell .tick-label,.app-shell .clip-duration,.app-shell .timeline-label,.app-shell .ruler-track-heading small,.app-shell .map-coordinates,.app-shell .motion-cycle,.app-shell .asset-number,.app-shell .version,.app-shell .tool-list code,.app-shell .tool-list>div>span,.app-shell .audit code,.app-shell .audit>div>span,.app-shell .export-summary>span,.app-shell .export-summary>span:first-child small,.app-shell select[aria-label="Export resolution"],.app-shell .preset-visual-filters .preset-family-list button:first-child span{font-family:var(--font-data);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}.app-shell .export-summary small{font-family:var(--font-ui);font-weight:400;letter-spacing:0}.canvas-meta{flex-shrink:0;gap:3px;border-right:1px solid #ffffff20;padding-right:5px}.canvas-toolbar .icon-button{min-height:32px}.canvas-zoom{display:flex;flex-shrink:0;align-items:center;gap:3px;font-size:10px;color:#aaa}.canvas-zoom>button:not(.icon-button){min-height:32px;padding:0 7px;border-radius:5px}.canvas-zoom button:hover{background:#313131;color:#eee}.canvas-zoom button[aria-pressed=true]{background:#333;color:#eee}.canvas-zoom-value{min-width:44px;text-align:center;font-family:var(--font-data,monospace);font-size:10px}.stage-holder.is-panning,.stage-holder.is-panning .canvas-selected,.stage-holder.is-panning .canvas-orientation-ring *{cursor:grab}.stage-holder.is-panning:active{cursor:grabbing}.stage-holder.is-panning{touch-action:none}.stage-holder:focus-visible{outline:1px solid #ffffffa6;outline-offset:-3px}.workspace>.timeline-panel{grid-column:1/-1;grid-row:2}.canvas-layer-rotation{width:160px;height:160px;stroke-dasharray:2 4}.canvas-layer-rotation .canvas-ring-handle{stroke-dasharray:none}.canvas-transform-box{position:absolute;box-sizing:border-box;border:var(--selection-line) solid #eee;pointer-events:auto;cursor:move;touch-action:none}.canvas-resize-handle,.canvas-rotate-handle{position:absolute;box-sizing:border-box;width:var(--handle-size);height:var(--handle-size);min-width:0;min-height:0;padding:0;border:var(--selection-line) solid #333;background:#fff;pointer-events:auto;transform:translate(-50%,-50%)}.canvas-resize-handle.nw{left:0;top:0;cursor:nwse-resize}.canvas-resize-handle.ne{left:100%;top:0;cursor:nesw-resize}.canvas-resize-handle.sw{left:0;top:100%;cursor:nesw-resize}.canvas-resize-handle.se{left:100%;top:100%;cursor:nwse-resize}.canvas-rotate-handle{left:50%;top:calc(-1 * var(--handle-offset));border-radius:50%;cursor:crosshair}.canvas-transform-box:before{content:"";position:absolute;left:50%;top:calc(-1 * var(--handle-offset));height:var(--handle-offset);border-left:var(--selection-line) solid #eee;pointer-events:none}.canvas-resize-handle:focus-visible,.canvas-rotate-handle:focus-visible{outline:calc(2 * var(--selection-line)) solid #fff;outline-offset:calc(3 * var(--selection-line))}.canvas-fit-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--fit-padding);font-size:var(--fit-font-size);line-height:1;color:#fff;background:#181818;border-radius:var(--fit-padding);white-space:nowrap;pointer-events:none}.nudge-dialog{width:min(360px,calc(100vw - 48px));padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.nudge-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.nudge-heading h2{font-size:18px}.nudge-dialog .field{grid-template-columns:1fr 1fr;margin-top:12px}.nudge-dialog .helper{margin-top:14px}.renderer-connection{padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--line)}.renderer-status,.renderer-actions{display:flex;align-items:center;gap:8px;font-size:13px}.renderer-actions{justify-content:space-between;margin-top:10px}.renderer-actions a{color:inherit;text-underline-offset:3px}.renderer-actions button{padding:6px 10px}.renderer-pairing{margin-top:14px}.renderer-pairing p{font-size:13px;margin:6px 0}.renderer-code{font-size:24px;letter-spacing:2px;font-family:var(--font-data)}.canvas-gesture-hint{position:absolute;left:50%;bottom:68px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:6px 10px;border-radius:5px;background:#171717e6;color:#ccc;font-size:10px;line-height:1.5;text-align:center;pointer-events:none}.canvas-group-box{position:absolute;box-sizing:border-box;border:var(--selection-line) dashed #eee;pointer-events:none}.canvas-arrange{display:flex;flex-shrink:0;align-items:center;gap:3px;padding:0 5px;border-left:1px solid #ffffff20;border-right:1px solid #ffffff20}.selection-summary-list{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:4px}.selection-summary-list li{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:#ccc}.selection-summary-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-arrange{display:flex;flex-wrap:wrap;gap:4px}.selection-arrange .icon-button{border:1px solid var(--line);border-radius:6px;min-width:32px;min-height:32px}.selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-actions .outline-button{margin:0}dialog.command-palette-backdrop{align-items:flex-start;padding:14dvh 20px 20px}.command-palette{width:min(560px,100%);max-height:min(520px,72dvh);display:flex;flex-direction:column;border:1px solid #474747;border-radius:12px;background:#1f1f1f;box-shadow:0 30px 100px #0a0a0a44;overflow:hidden}.command-palette-title{margin:0;padding:12px 16px 0;font-size:10px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.command-palette-search{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid var(--line);color:var(--muted)}.command-palette-search input{border:0;padding:6px 0;background:none;font-size:15px}.command-palette-search input:focus{border:0}.command-palette-list{list-style:none;margin:0;padding:6px;overflow:auto}.command-palette-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;font-size:13px;cursor:pointer}.command-palette-option.active{background:#313131}.command-palette-option[aria-disabled=true]{color:#6b6b6b;cursor:default}.command-palette-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-group{font-size:10px;color:var(--muted)}.command-palette-option kbd{min-width:22px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;font-family:var(--font-data);font-size:10px;text-align:center;color:#bbb}.command-palette-empty{padding:0 16px 16px}.version-history-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(420px,60dvh);overflow:auto}.version-history-list li{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--line)}.version-history-list li>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.version-history-list strong{font-weight:500;color:#ddd;overflow-wrap:anywhere}.version-history-list span{flex-shrink:0;color:#aaa;font-variant-numeric:tabular-nums}.version-history-list small{font-size:11px;color:#aaa;overflow-wrap:anywhere}.version-history-confirm{display:flex;flex-direction:column;gap:10px}.version-history-confirm p{font-size:13px;line-height:1.5;color:#ddd}.visual-alternatives-window{display:flex;flex-direction:column;width:min(940px,calc(100vw - 40px));height:min(720px,calc(100dvh - 40px));border:1px solid #484848;border-radius:8px;background:#1b1b1b;overflow:hidden;box-shadow:0 24px 90px #0008}.visual-alternatives-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #383838;flex-shrink:0}.visual-alternatives-header h2{font-size:23px;font-weight:500}.visual-alternatives-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;min-height:0;flex:1}.visual-alternatives-preview{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 20px;background:#202020}.visual-alternatives-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;color:#cfcfcf}.visual-alternatives-preview-heading span:last-child{font-size:9px;color:#888;text-transform:uppercase}.visual-alternatives-stage{min-height:280px;flex:1;overflow:hidden;border:1px solid #363636;border-radius:7px;background-color:#181818;background-image:radial-gradient(#343434 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.visual-alternatives-stage .stage-holder{height:100%;min-height:0}.visual-alternatives-transport{display:grid;grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:10px;padding-top:12px}.visual-alternatives-transport input{min-width:0}.visual-alternatives-transport output{text-align:right;font-family:var(--font-data);font-size:10px;color:#999;font-variant-numeric:tabular-nums}.visual-alternatives-options{min-width:0;padding:18px 16px;border-left:1px solid #383838;overflow:auto}.visual-alternatives-options fieldset{display:flex;flex-direction:column;gap:8px;margin:18px 0 0;padding:0;border:0}.visual-alternatives-options legend{margin-bottom:10px;font-size:10px;color:#929292}.visual-alternative-original{width:100%;padding:10px 12px;border:1px solid #3c3c3c;border-radius:6px;text-align:left;font-size:11px;color:#aaa}.visual-alternative-original:hover{border-color:#666;color:#eee}.visual-alternative-original.selected{border-color:#aaa;background:#2b2b2b;color:#fff}.visual-alternative-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 10px;border:1px solid #3c3c3c;border-radius:6px;background:#222;cursor:pointer}.visual-alternative-option:hover{border-color:#666;background:#292929}.visual-alternative-option.selected{border-color:#bdbdbd;background:#303030}.visual-alternative-option input{width:14px;margin:0;accent-color:#fff}.visual-alternative-option strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;white-space:nowrap}.visual-alternatives-footer{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid #383838;flex-shrink:0}.visual-alternatives-feedback{flex:1;min-width:0;font-size:11px;color:#ccc}.visual-alternatives-feedback p{overflow-wrap:anywhere}.visual-alternatives-footer>button{flex-shrink:0}@media(max-width:680px){.visual-alternatives-window{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.visual-alternatives-header{padding:15px 16px}.visual-alternatives-body{display:flex;flex-direction:column;overflow:auto}.visual-alternatives-preview{flex:1 0 330px;min-height:330px;padding:14px 16px}.visual-alternatives-stage{min-height:220px}.visual-alternatives-options{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;border-top:1px solid #383838;border-left:0;overflow:visible}.visual-alternative-original{width:auto;min-height:58px}.visual-alternatives-options fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:6px;margin:0}.visual-alternatives-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.visual-alternative-option{grid-template-columns:1fr;min-height:58px;padding:8px}.visual-alternative-option input{position:absolute;opacity:0;pointer-events:none}.visual-alternatives-footer{flex-wrap:wrap;padding:12px 16px}.visual-alternatives-feedback{flex-basis:100%}.visual-alternatives-feedback:empty{display:none}.visual-alternatives-footer>button{flex:1;justify-content:center}}.effect-row{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:8px}.effect-row summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:32px;font-size:12px}.effect-row summary:before{content:"›";color:#aaa}.effect-row[open] summary:before{transform:rotate(90deg)}.effect-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.effect-actions input{accent-color:white}.effect-row>.field:has(.noise-size){grid-template-columns:1fr;gap:5px}.noise-size{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px}.noise-size .field{min-width:0;grid-template-columns:12px minmax(0,1fr);margin:0}.noise-size input{width:100%}.noise-size .icon-button[aria-pressed=true]{color:#fff}.effect-scope{color:var(--muted);font-size:10px;white-space:nowrap}.add-effect{width:100%;margin-top:4px}.property-section.background-controls{border-top:0;padding-top:0}.background-source-options button{min-width:0;padding:7px 3px;font-size:10px}.procedural-background-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.procedural-background-option{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:5px;overflow:hidden;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);text-align:left}.procedural-background-option:hover{background:#292929;color:#ececec}.procedural-background-option.selected{background:#303030;border-color:#666;color:#ececec}.procedural-background-option canvas{display:block;flex-shrink:0;width:100%;height:52px;object-fit:cover;border-radius:2px}.procedural-background-option span{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:14px}.linked-format-controls>.field{grid-template-columns:minmax(0,1fr);gap:8px}.canvas-formats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;background:#242424;border-radius:9px}.canvas-format-option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:9px 2px;border-radius:6px;color:var(--muted)}.canvas-format-option:hover{background:var(--line);color:#e9e9e9}.canvas-format-option[aria-pressed=true]{background:#414141;color:var(--accent)}.canvas-format-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-format-icon{display:block;width:28px;max-width:100%;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}.linked-formats-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.linked-formats-status .check-field{margin-top:0}.linked-formats-master{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.linked-format-controls>.outline-button{margin-top:8px;padding:8px}.choreography-mark{position:absolute;top:4px;width:24px;height:24px;padding:0;border:0;background:transparent;transform:translate(-50%);z-index:3;cursor:ew-resize;touch-action:none}.choreography-mark span{display:block;width:7px;height:7px;margin:auto;border:1px solid #929292;background:#363636;transform:rotate(45deg);pointer-events:none}.choreography-mark:hover span,.choreography-mark:focus-visible span{border-color:#fff;background:#aaa}.choreography-mark.current span{border-color:#fff;background:#e8e8e8}.choreography-mark.dragging span{border-color:#fff;background:#fff}.choreography-mark.passive{display:flex;align-items:center;pointer-events:none}.choreography-editing .track-clip button{pointer-events:none}.choreography-editing .clip-handle,.choreography-editing .fade-handle{visibility:hidden}.track-row.locked .choreography-mark{cursor:pointer}.track-clip.muted~.choreography-mark{opacity:.5}.timeline-panel{--timeline-label-width:224px}.timeline-track-scroll{max-height:308px}.timeline-ruler{height:34px}.ruler-track-heading{justify-content:space-between;padding:0 4px 0 8px;gap:6px;white-space:nowrap}.ruler-track-heading>span{display:flex;align-items:center;gap:5px}.ruler-controls{display:flex;align-items:center;gap:8px}.ruler-controls .timeline-toggle{min-height:26px;font-size:10px;padding:0 5px}.track-row{min-height:58px}.track-lane{height:54px}.track-heading{min-width:0;padding:3px 4px 4px;border-radius:5px}.track-row.selected .track-heading{background:#ffffff05}.track-heading-main{display:flex;align-items:center;gap:4px}.track-name{flex:1;justify-content:flex-start;min-height:28px;padding:3px 4px;gap:7px}.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:left}.track-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;pointer-events:none}.track-row:hover .track-actions,.track-row:focus-within .track-actions,.track-actions.open{opacity:1;pointer-events:auto}.track-controls-button{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:5px;color:#858585}.track-controls-button:hover,.track-controls-button.selected{background:#ffffff0d;color:#eee}.track-controls-button.has-states:after{content:"";position:absolute;width:3px;height:3px;right:3px;bottom:3px;border-radius:50%;background:#d4d4d4}.track-timing-fields{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0 4px;border:0}.track-timing-fields .field{display:flex;align-items:center;gap:4px;flex:1.1;min-width:0;min-height:22px;margin:0}.track-timing-fields .field:first-child{flex:.9}.track-timing-fields .field-label{flex-shrink:0;margin:0;font-size:9px;color:#858585}.track-timing-fields .numeric-field{flex:1;gap:2px}.track-timing-fields .numeric-unit{font-size:9px}.track-timing-fields .field input:not([type=range]){width:100%;min-width:0;height:22px;padding:2px 3px;border-color:transparent;background:transparent;font-family:var(--font-data);font-size:10px;color:#bcbcbc;font-variant-numeric:tabular-nums;appearance:textfield}.track-timing-fields input::-webkit-inner-spin-button,.track-timing-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.track-timing-fields input:hover,.track-timing-fields input:focus{border-color:#ffffff26;background:#ffffff05}.track-timing-fields:disabled{opacity:.55}.clip-body{padding-top:24px}.clip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.clip-duration{align-self:center;margin-bottom:0}.clip-fade{height:16px}.clip-handle{top:24px}.clip-drag-feedback{position:absolute;top:26px;z-index:5;max-width:calc(100% - 8px);padding:4px 7px;border:1px solid #777;border-radius:4px;background:#171717;color:#eee;font-family:var(--font-data);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.choreography-mark{top:2px}.timeline-controls-popover{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #454545;border-radius:10px;background:#222;color:#e8e8e8;box-shadow:0 12px 36px #0008;font-family:var(--font-ui)}.timeline-controls-popover::backdrop{background:transparent}.timeline-controls-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.timeline-controls-heading h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.timeline-controls-heading .icon-button{min-width:26px;min-height:26px;padding:3px}.timeline-edit-fields{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;margin:0;padding:0;border:0}.timeline-edit-fields:disabled{opacity:.55}.timeline-controls-popover .timeline-edit-fields>.field{flex:1;min-width:100px;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.timeline-controls-popover .field-label{font-size:10px;white-space:nowrap}.timeline-controls-popover .field input{width:100%;min-width:0;height:32px;padding:5px 8px;font-size:12px;font-variant-numeric:tabular-nums}.timeline-choreography-controls{display:flex;flex-direction:column;gap:12px;min-width:0}.timeline-state-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#b8b8b8}.timeline-state-picker select{min-width:0;width:180px;height:32px;padding:5px 8px;font-size:11px}.timeline-edit-fields>.timeline-state-picker{flex:1;min-width:140px;flex-wrap:wrap;gap:6px}.timeline-edit-fields>.timeline-state-picker select{width:100%}.timeline-controls-popover .timeline-save-state{flex:1;align-self:flex-end;justify-content:center;width:auto;min-height:32px;padding:5px 8px;border-radius:5px;white-space:nowrap;font-size:11px}.timeline-context-hint{font-size:10px;color:var(--muted);white-space:nowrap}.timeline-controls-note{margin:0;font-size:10px;line-height:1.5;color:#aaa}.timeline-easing{display:flex;flex-basis:100%;align-items:center;gap:12px;min-width:0}.timeline-easing-curve{flex:none;width:72px;height:44px;border:1px solid #454545;border-radius:5px;background:#1b1b1b;fill:none;overflow:hidden}.timeline-easing-axis{stroke:#3a3a3a;stroke-dasharray:2 3}.timeline-easing-path{stroke:#e8e8e8;stroke-width:1.5}.timeline-easing>.timeline-state-picker{flex:1;min-width:0}.timeline-easing input{min-width:0;width:100%;height:32px;padding:5px 8px;font-family:var(--font-data);font-size:11px;font-variant-numeric:tabular-nums}.timeline-easing input[aria-invalid=true]{border-color:#ff5c5c}.timeline-controls-popover button:disabled{cursor:default}.timeline-controls-popover :is(input,select,button):focus-visible{outline:1px solid #b9b9b9;outline-offset:2px}@container (max-width:90px){.clip-type-icon{display:none}.clip-body{gap:0}}@media(max-width:850px){.timeline-panel{--timeline-label-width:200px}.timeline-track-scroll{max-height:244px}}@media(max-width:600px){.timeline-panel{--timeline-label-width:172px}.track-title{font-size:10px}.track-name{gap:4px}.track-timing-fields{gap:5px}.track-timing-fields .field{gap:2px}.track-timing-fields .field-label,.track-timing-fields .numeric-unit{font-size:8px}.track-timing-fields .field input:not([type=range]){font-size:9px;padding:2px}.track-controls-button{width:24px;height:26px}.ruler-track-heading{padding-left:4px}.ruler-controls{gap:0}}@media(hover:none),(pointer:coarse){.track-actions{opacity:1;pointer-events:auto}}.brand-lockup{position:relative;display:block;aspect-ratio:2684.199/254.428}.brand-lockup img{position:absolute;display:block;height:auto;filter:invert(1)}.brand-lockup-lettering{left:0;top:2.2475%;width:35.54799%}.brand-lockup-asterisk{left:37.18077%;top:0;width:5.37941%}.brand-lockup-motion{position:absolute;isolation:isolate;left:44.19192%;top:2.52654%;width:55.80808%;aspect-ratio:1498/248}.brand-lockup-motion>span,.brand-lockup-motion:before,.brand-lockup-motion:after{position:absolute;inset:0;-webkit-mask:var(--motion-mask) center/contain no-repeat;mask:var(--motion-mask) center/contain no-repeat;mix-blend-mode:screen;pointer-events:none}.brand-lockup-motion>span{background:#0f0}.brand-lockup-motion:before,.brand-lockup-motion:after{content:"";animation:brand-motion-split 4.5s ease-in-out infinite}.brand-lockup-motion:before{--split-side:-1;background:red}.brand-lockup-motion:after{--split-side:1;background:#00f}@keyframes brand-motion-split{0%,to{transform:translate(calc(var(--split-side)*var(--split-x)/3),calc(var(--split-side)*var(--split-y)/3))}50%{transform:translate(calc(var(--split-side)*var(--split-x)),calc(var(--split-side)*var(--split-y)))}}@media(prefers-reduced-motion:reduce){.brand-lockup-motion:before,.brand-lockup-motion:after{animation:none;transform:translate(calc(var(--split-side)*var(--split-x)),calc(var(--split-side)*var(--split-y)))}}.auth-screen{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#000}.auth-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.auth-brand{width:240px;max-width:100%}.access-card{width:min(100%,440px)}.auth-screen .access-card{background:linear-gradient(135deg,#ffffff08,#ffffff02),#0c0c0c1a;border-color:#ffffff2e;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);box-shadow:0 24px 80px #00000038,inset 0 1px #ffffff1f}.auth-screen .access-form input{background:#0000001a;border-color:#ffffff2e}.auth-screen .access-form input:focus{background:#0000002e;border-color:#fffc}.access-card h1{font-size:24px;margin:28px 0 16px}.access-form{display:grid;gap:16px;margin:20px 0}.access-form label{display:grid;gap:8px;font-size:13px}.access-form input,.access-form textarea{width:100%;padding:10px 12px;font:inherit}.access-form textarea{resize:vertical;overflow-wrap:anywhere}.access-card [role=alert]{font-size:13px;color:#ff6060}.header-actions>.icon-button[aria-label=Account]{display:inline-flex}.account-dialog{width:min(100%,560px)}.account-tabs{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.account-role{margin-top:4px;font-size:12px;color:#aaa}.invite-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:start}.access-form select{width:100%;padding:10px 12px}.team-list,.activity-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(360px,50dvh);overflow:auto}.team-list li{display:grid;grid-template-columns:minmax(0,1fr) 104px 52px;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.team-list strong{display:block;font-size:12px;font-weight:500;color:#ddd;overflow-wrap:anywhere}.team-list select{padding:7px 8px;font-size:12px}.team-list .text-button{padding:0;text-align:right}.team-list small,.activity-list small{display:block;margin-top:3px;font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}.activity-list li{padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.45;color:#ddd;overflow-wrap:anywhere}.activity-list+.outline-button{margin-top:12px}.account-confirm{display:flex;flex-direction:column;gap:10px}.account-confirm p{font-size:13px;line-height:1.5;color:#ddd}.font-list .font-sample{display:block;margin-bottom:4px;font-size:22px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-list .font-edit{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 120px 92px auto auto;gap:8px;align-items:center}.font-edit input,.font-edit select{width:100%;padding:7px 8px;font:inherit;font-size:12px}.font-missing{color:#ff6060}