.frame-studio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-bg:var(--ftc-studio);--studio-panel:var(--ftc-panel);--studio-canvas:var(--ftc-monitor);--studio-ink:var(--ftc-studio-ink);--studio-muted:var(--ftc-studio-muted);--studio-line:var(--ftc-studio-rule);--studio-blue:#405fdf;--studio-amber:var(--ftc-amber);background:var(--studio-bg);color:var(--studio-ink);min-width:0;min-height:100svh;font-size:14px}.frame-studio :focus-visible{outline-offset:3px;outline:2px solid #9eafff}.frame-studio :is(button,select,input,textarea):disabled{opacity:.56}.frame-studio input[type=range]{width:100%;accent-color:var(--studio-amber);cursor:pointer}.studio-bar{background:var(--studio-panel);border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:12px;min-height:69px;padding:12px clamp(16px,3vw,42px);display:flex}.studio-brand,.studio-bar-actions,.studio-local{align-items:center;gap:10px;display:flex}.studio-brand{color:var(--studio-ink);white-space:nowrap;font-size:16px;font-weight:700}.studio-local{color:var(--studio-muted);white-space:nowrap;margin-right:8px;font-size:12px}.studio-local i{background:var(--studio-amber);border-radius:50%;width:7px;height:7px}.studio-bar>.studio-brand{letter-spacing:-.02em;gap:10px;display:flex}.studio-bar-actions>[data-slot=button][data-variant=default]:last-child{background:var(--ftc-blue);color:#fff}.studio-bar-actions>[data-slot=button][data-variant=default]:last-child:hover:not(:disabled){background:#3655d5}.studio-bar-actions>[data-slot=button]:not(:last-child){background:var(--studio-bg);color:var(--studio-ink);border:1px solid var(--studio-line)}.studio-bar-actions>[data-slot=button]:not(:last-child):hover:not(:disabled){background:#303b36}.studio-bar-actions select{min-height:36px;padding-inline:9px}.studio-workspace{grid-template-columns:minmax(225px,280px) minmax(0,1fr) minmax(235px,286px);align-items:start;max-width:1700px;margin-inline:auto;display:grid}.studio-source,.studio-inspector,.studio-main{min-width:0;padding:24px clamp(14px,1.6vw,26px)}.studio-source,.studio-inspector{background:var(--studio-panel);min-height:calc(100svh - 69px)}.studio-source{border-right:1px solid var(--studio-line)}.studio-inspector{border-left:1px solid var(--studio-line)}.studio-source h2,.studio-inspector h2{align-items:center;gap:8px;margin-bottom:16px;font-weight:700;display:flex}.studio-source-actions{flex-wrap:wrap;gap:6px;display:flex}.frame-studio [data-slot=button]{white-space:normal;cursor:pointer;min-width:0;min-height:36px}.studio-source [data-slot=button][data-variant=outline],.studio-inspector [data-slot=button][data-variant=outline]{color:var(--studio-ink);border-color:var(--studio-line);background:#252d28}.studio-player{aspect-ratio:16/9;border:1px solid var(--studio-line);background:var(--studio-canvas);border-radius:8px;margin-top:14px;overflow:hidden}.studio-player :is(video,img){object-fit:contain;width:100%;height:100%;display:block}.studio-source-empty,.studio-cover-empty{text-align:center;height:100%;color:var(--studio-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.studio-source-name{white-space:nowrap;text-overflow:ellipsis;color:var(--studio-muted);margin:8px 0;font-size:12px;overflow:hidden}.studio-time{font:11px var(--font-noto-sans-mono),monospace;color:var(--studio-amber);justify-content:space-between;display:flex}.studio-frame-list h3,.studio-layers h3{margin:18px 0 8px;font-size:12px;font-weight:700}.studio-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.studio-frame-grid button{border:1px solid var(--studio-line);cursor:pointer;background:#222925;border-radius:5px;overflow:hidden}.studio-frame-grid button[aria-pressed=true]{border-color:var(--studio-amber)}.studio-frame-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.studio-frame-grid small{color:var(--studio-muted);overflow-wrap:anywhere;padding:0 5px 5px;font-size:10px;display:block}.studio-frame-grid span{font:10px var(--font-noto-sans-mono),monospace;color:var(--studio-amber);padding:4px 0;display:block}.studio-note{color:var(--studio-muted);margin-top:19px;font-size:12px}.studio-workspace-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.studio-workspace-heading{font:700 clamp(23px,2.3vw,33px)/1.12 var(--font-bricolage-grotesque),sans-serif;letter-spacing:-.035em}.studio-workspace-title span{color:var(--studio-muted);font-size:12px}.studio-workspace-controls{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.studio-mode{border:1px solid var(--studio-line);border-radius:7px;flex-wrap:wrap;padding:3px;display:flex}.studio-mode button{cursor:pointer;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding-inline:9px;display:flex}.studio-mode button:hover:not([aria-pressed=true]){background:var(--studio-panel)}.studio-mode button[aria-pressed=true]{color:var(--studio-ink);box-shadow:inset 0 -1px var(--studio-amber);background:#303b36}.studio-board,.studio-compare{background:var(--studio-canvas);border:1px solid var(--studio-line);border-radius:10px;padding:clamp(8px,1.5vw,22px)}.studio-cover{aspect-ratio:16/9;background:#232b25;border-radius:5px;width:100%;position:relative;overflow:hidden}.studio-cover canvas:not([hidden]){width:100%;height:100%;display:block}.studio-board .studio-cover{outline:1px solid var(--studio-line);max-width:1080px;margin-inline:auto}.studio-variants,.studio-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,12px);display:grid}.studio-variants{margin-top:14px}.studio-variants button,.studio-comparison{border:1px solid var(--studio-line);background:var(--studio-panel);text-align:left;cursor:pointer;border-radius:8px;min-width:0;padding:6px}.studio-variants button[aria-pressed=true],.studio-comparison[aria-pressed=true]{border-color:var(--studio-amber)}.studio-variants button>span{color:var(--studio-muted);overflow-wrap:anywhere;align-items:center;gap:5px;margin:5px 2px 0;font-size:10px;display:flex}.studio-variants b,.studio-variant-index{color:var(--studio-amber);font-size:12px;font-weight:700}.studio-variant-index{margin-bottom:5px;display:block}.studio-badge{color:#fff;background:#141414;border-radius:3px;padding:2px 4px;font-size:9px;position:absolute;bottom:4px;right:4px}.studio-feed-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.7em;margin-top:7px;font-size:12px;font-weight:700;display:-webkit-box;overflow:hidden}.studio-compare p,.studio-feedback{color:var(--studio-muted);margin-top:10px;font-size:12px}.studio-feedback{min-height:1.4em}.studio-feedback[role=alert]{color:#ffb4a6}.studio-fields{gap:11px;display:grid}.studio-field{color:var(--studio-muted);gap:5px;font-size:12px;display:grid}.studio-field span{justify-content:space-between;gap:6px;display:flex}.studio-field :is(input:not([type=range]),textarea,select),.studio-bar select{border:1px solid var(--studio-line);min-width:0;color:var(--studio-ink);font:inherit;background:#151b17;border-radius:6px;font-size:14px}.studio-field :is(input:not([type=range]),textarea,select){width:100%;padding:6px 9px}.studio-field input[type=color]{height:33px;padding:3px}.studio-field textarea{resize:vertical}.studio-range span span{color:var(--studio-amber)}.studio-color-fields{grid-template-columns:minmax(0,1fr) minmax(66px,35%);align-items:start;gap:10px;display:grid}.studio-layers>span{border-top:1px solid var(--studio-line);color:var(--studio-muted);align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.studio-layers b{min-width:15px;color:var(--studio-ink)}.studio-single{width:100%;margin-top:14px}@media (max-width:1100px){.studio-workspace{grid-template-columns:minmax(205px,245px) minmax(0,1fr)}.studio-source{grid-row:span 2;height:100%}.studio-inspector{border:0;border-top:1px solid var(--studio-line);min-height:0}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.studio-bar{flex-wrap:wrap;align-items:start;padding:10px 14px}.studio-bar-actions{flex-wrap:wrap;margin-left:auto}.studio-local{display:none}.studio-workspace{flex-direction:column;display:flex}.studio-workspace>*{border:0;width:100%;min-height:0}.studio-source{border-bottom:1px solid var(--studio-line)}.studio-inspector{border-top:1px solid var(--studio-line)}.studio-source,.studio-inspector,.studio-main{padding:16px}.studio-player{max-width:340px}.studio-field :is(input:not([type=range]),textarea,select){font-size:16px}.studio-compare-grid{grid-template-columns:1fr}}@media (max-width:385px){.studio-fields{grid-template-columns:1fr}}.studio-context{margin:0 0 14px}.studio-comparison-origin{color:var(--studio-muted);font:11px var(--font-noto-sans-mono),monospace}.studio-compare-grid[data-context=search],.studio-compare-grid[data-context=sidebar]{grid-template-columns:minmax(0,1fr)}.studio-compare-grid:not([data-context=mobile]) .studio-comparison{grid-template-columns:1.5rem minmax(0,42%) minmax(0,1fr);align-items:start;gap:8px;display:grid}.studio-compare-grid[data-context=sidebar] .studio-comparison{grid-template-columns:1.5rem minmax(0,160px) minmax(0,1fr)}@media (max-width:650px){.studio-compare-grid .studio-comparison[aria-pressed=false]{display:none}}.studio-compare-grid:not([data-context=mobile]) .studio-comparison-origin{grid-column:3}.studio-review-heading{margin-top:16px;font-weight:700}.studio-checklist{gap:6px;margin-top:8px;display:grid}.studio-review-item{border:1px solid var(--studio-line);border-radius:6px;grid-template-columns:1.5em minmax(0,1fr);align-items:start;gap:8px;padding:7px 9px;font-size:12px;display:grid}.studio-review-item p{margin:0}.studio-checklist button{text-align:start;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;display:flex}.studio-checklist button:hover span{text-decoration:underline}.studio-checklist svg{flex-shrink:0}.studio-export-selection{align-items:center;gap:8px;margin-top:16px;padding-top:5px;display:flex}.studio-export-selection legend{color:var(--studio-muted);font-size:12px}.studio-export-selection label{border:1px solid var(--studio-line);border-radius:6px;align-items:center;gap:7px;min-height:36px;padding-inline:12px;font-weight:650;display:inline-flex}.studio-save-state{color:var(--studio-muted);flex-wrap:wrap;align-items:center;gap:5px 8px;max-width:320px;font-size:12px;display:flex}.studio-save-state button{text-underline-offset:3px;text-decoration:underline}.studio-fields{min-width:0}.studio-history{position:relative}.studio-history summary{cursor:pointer}.studio-history ul{z-index:2;border:1px solid var(--studio-line);background:var(--studio-panel);min-width:82px;max-height:245px;color:var(--studio-ink);border-radius:6px;padding:5px;position:absolute;right:0;overflow-y:auto}.studio-history a{padding:6px 8px;display:block}.studio-history a[aria-current=page]{color:var(--studio-amber)}.studio-layer-tools{flex-wrap:wrap;gap:5px;margin-block:5px;display:flex}.studio-layer-tools>button:not([data-slot=button]),.studio-layers li>button:not(.studio-layer-select){border:1px solid var(--studio-line);border-radius:5px;place-items:center;min-width:33px;min-height:33px;display:inline-grid}.studio-layers li{grid-template-columns:minmax(0,1fr) auto auto;gap:4px;margin-block:4px;display:grid}.studio-layer-select{border:1px solid var(--studio-line);text-align:start;border-radius:5px;align-content:center;min-width:0;min-height:36px;padding:4px 7px;font-size:12px;display:grid}.studio-layer-select[aria-pressed=true]{border-color:var(--studio-amber)}.studio-layer-select small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-layer-fields,.studio-layer-fields label{gap:4px;min-width:0;font-size:12px;display:grid}.studio-layer-fields{gap:8px;margin-block:10px}.studio-layer-fields>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.studio-layer-fields :is(input:not([type=range]),select,textarea){border:1px solid var(--studio-line);background:var(--studio-bg);width:100%;color:var(--studio-ink);border-radius:5px;padding:5px 7px}.studio-layer-fields input[type=color]{height:34px}.studio-layer-handle{box-sizing:border-box;cursor:move;touch-action:none;border:1px dashed #f2b64d;min-width:12px;min-height:12px;position:absolute}.studio-layer-guide{z-index:1;pointer-events:none;background:#68def1;position:absolute;box-shadow:0 0 0 1px #071d27b3}.studio-layer-guide-x{width:1px;inset-block:0}.studio-layer-guide-y{height:1px;inset-inline:0}@media (max-width:650px){.studio-layers li>button,.studio-layer-tools>button:not([data-slot=button]){min-height:44px}.studio-layers li>button:not(.studio-layer-select){min-width:44px}.studio-layer-fields :is(input:not([type=range]),select,textarea){font-size:16px}}.studio-draft-actions{margin-block:8px 12px}.studio-subject-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.studio-subject-image{cursor:crosshair;touch-action:none;background:#141820;margin-inline:auto;position:relative;overflow:hidden}.studio-subject-image canvas{width:100%;height:auto;display:block}.studio-subject-image span{pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #18191d,0 0 0 100vmax #090a0d66}.studio-mask-preview{touch-action:manipulation;border-radius:5px;width:100%}.studio-mask-preview:focus-visible{outline-offset:2px;outline:2px solid #2947c8}.studio-mask-preview canvas{height:100%}.studio-mask-preview svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-subject-edges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.studio-subject-edges label{min-width:0}.studio-subject-edges label>span{justify-content:space-between;gap:.25rem;display:flex}.studio-subject-edges input{width:100%;height:1.5rem;display:block}.studio-subject-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.studio-export-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.studio-export-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.studio-export-options label,.studio-export-prefix,.studio-export-quality{gap:.4rem;display:grid}.studio-export-options select,.studio-export-prefix input{border:1px solid var(--input);background:var(--background);width:100%;min-height:2.25rem;color:var(--foreground);border-radius:.4rem;padding:.35rem .55rem}.studio-export-quality label>span{justify-content:space-between;display:flex}.studio-export-quality input[type=range]{width:100%;height:1.5rem;display:block}.studio-export-limit{align-items:center;gap:.55rem;display:flex}.studio-export-names{color:var(--muted-foreground);overflow-wrap:anywhere;gap:.15rem;display:grid}.studio-pair-tools{flex-wrap:wrap;gap:.5rem;margin-block:.85rem;display:flex}.studio-template-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.studio-template-card{border:1px solid var(--border);text-align:start;border-radius:.45rem;flex-direction:column;gap:.45rem;min-width:0;padding:.45rem;display:flex}.studio-template-card:not(:disabled){cursor:pointer}.studio-template-card:not(:disabled):is(:hover,:focus-visible){border-color:#5271ed}.studio-template-card:disabled{opacity:.65}.studio-template-card .studio-cover{width:100%}.studio-template-card>span{color:var(--muted-foreground);font-size:.75rem}.studio-copy-targets{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:520px){.studio-template-grid{grid-template-columns:minmax(0,1fr)}}.studio-cues{border-top:1px solid var(--studio-line);margin-top:1rem;padding-top:.75rem}.studio-cues summary{cursor:pointer;font-weight:650}.studio-cues label{gap:.35rem;margin-top:.6rem;display:grid}.studio-cues textarea{border:1px solid var(--studio-line);background:var(--studio-canvas);resize:vertical;border-radius:.35rem;width:100%;padding:.45rem}.studio-cues p{color:var(--studio-muted);margin-block:.55rem;font-size:.75rem}.studio-cues ul{gap:.25rem;max-height:12rem;display:grid;overflow:auto}.studio-cues button{border:1px solid var(--studio-line);text-align:start;overflow-wrap:anywhere;border-radius:.35rem;align-items:start;gap:.5rem;width:100%;min-height:2rem;padding:.35rem;font-size:.75rem;display:flex}.studio-cues button span:first-child{color:var(--studio-amber);font-variant-numeric:tabular-nums}.studio-brand,.studio-brand-picker{justify-items:start;gap:6px;display:grid}.studio-brand small{color:var(--studio-muted);overflow-wrap:anywhere}.studio-brand-picker select{border:1px solid var(--studio-line);border-radius:5px;width:100%;min-height:44px;padding-inline:10px}.studio-brand-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-ai-review{border:1px solid var(--studio-line);background:var(--studio-panel);color:var(--studio-muted);border-radius:8px;gap:8px;padding:14px;display:grid}.studio-ai-review h2,.studio-ai-review b,.studio-ai-summary{color:var(--studio-ink)}.studio-ai-review h2{font-weight:750}.studio-ai-review ul,.studio-ai-review li{gap:8px;display:grid}.studio-ai-review li{border-block-start:1px solid var(--studio-line);padding-block-start:10px}.studio-ai-review button{justify-self:start}.studio-source-ai{gap:6px;display:grid}.studio-source-ai p{color:var(--studio-muted);font-size:.8rem}.studio-source-ai button{justify-self:start}@media (max-width:680px){.studio-workspace-controls :is(button,a),.studio-context button,.studio-bar-actions>:is(button,select){min-height:44px}}