.studio-asset-upload-placeholder{box-sizing:border-box;border-radius:inherit;background:var(--studio-surface-inset,var(--muted));width:100%;min-width:0;height:100%;min-height:0;color:var(--studio-ink-soft,var(--muted-foreground));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;line-height:1.2;display:flex}.studio-asset-upload-placeholder>svg{flex:none}.studio-asset-upload-placeholder.is-large{font-size:var(--font-size-small);flex-direction:column;gap:.65rem}.studio-upload-thumbnail{box-sizing:border-box;border:1px solid var(--studio-border,var(--border));border-radius:10px;flex:none;width:3rem;height:3rem;display:block;overflow:hidden}.studio-reference-card>.studio-asset-upload-placeholder{aspect-ratio:16/9;border-radius:11px;height:auto;min-height:8rem}.studio-asset-picker-upload-placeholder{aspect-ratio:1;border:1px solid var(--studio-border,var(--border));border-radius:9px;min-width:0;min-height:8rem;position:relative;overflow:hidden}.studio-asset-picker-upload-placeholder>.studio-asset-upload-placeholder,.studio-outfit-upload>.studio-asset-upload-placeholder{position:absolute;inset:0}
.ui-select{vertical-align:middle;min-width:0;max-width:100%;display:inline-flex}.ui-select-trigger{border:1px solid var(--border);background:var(--surface,var(--background));width:100%;min-height:36px;color:var(--foreground);font:inherit;font-size:var(--font-size-small);cursor:pointer;box-shadow:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:7px 11px;line-height:1.4;transition:none;display:inline-flex}.ui-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select-trigger>svg{color:var(--muted-foreground);flex-shrink:0}.ui-select-trigger:focus,.ui-select-trigger:focus-visible{box-shadow:none;outline:none}.ui-select-trigger:hover:not(:disabled){border-color:var(--border-strong,var(--muted-foreground));background:var(--surface-hover,var(--muted))}.ui-select-trigger:focus-visible{border-color:var(--foreground)}.ui-select-trigger:disabled{cursor:not-allowed;opacity:.5}.ui-select-menu{z-index:1500;border:1px solid var(--border);background:var(--surface,var(--background));width:max-content;max-width:calc(100vw - 16px);color:var(--foreground);box-shadow:0 8px 24px var(--shadow-color,#0002);overscroll-behavior:contain;font-family:var(--font-sans);font-size:var(--font-size-small);border-radius:12px;padding:5px;line-height:1.4;position:fixed;overflow-y:auto}.ui-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;min-height:34px;padding:7px 9px;display:flex}.ui-select-option>span{overflow-wrap:anywhere;min-width:0}.ui-select-option>svg{color:var(--muted-foreground);flex-shrink:0}.ui-select-option.is-active:not([aria-disabled=true]){background:var(--surface-hover,var(--muted))}.ui-select-option[aria-selected=true]{font-weight:500}.ui-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
.studio-video-player{--video-surface:var(--studio-surface-raised,var(--surface));--video-ink:var(--studio-ink,var(--foreground));--video-muted:var(--studio-ink-soft,var(--muted-foreground));--video-border:var(--studio-border,var(--border));--video-accent:#fff;isolation:isolate;border-radius:inherit;color:var(--video-ink);background:#08090b;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.studio-video-player>video{object-fit:contain;width:100%;height:100%;display:block}.studio-video-player:focus-visible{outline:2px solid var(--video-accent);outline-offset:-3px}.studio-video-player>.studio-video-drag-surface{z-index:1;position:absolute;inset:0}.studio-video-controls{--video-ink:#fff;--video-muted:#ffffffb8;--video-border:#ffffff40;z-index:3;color:var(--video-ink);text-shadow:0 1px 3px #000d;background:0 0;align-items:center;gap:6px;padding:0;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:auto 8px 6px}.studio-video-button{width:24px;height:24px;color:var(--video-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.studio-video-button>svg{filter:drop-shadow(0 1px 2px #000d)}.studio-video-button:hover:enabled,.studio-video-button.studio-video-play{color:var(--video-ink)}.studio-video-controls :is(button,input):focus-visible,.studio-video-message>button:focus-visible{outline:2px solid var(--video-accent);outline-offset:2px}.studio-video-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:11px;line-height:1;display:flex}.studio-video-time-divider,.studio-video-time>span:last-child{color:var(--video-muted)}.studio-video-volume{align-items:center;gap:2px;display:flex}.studio-video-range{--video-buffered:0%;appearance:none;width:100%;min-width:0;height:14px;color:var(--video-accent);cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:3px;margin:0;padding:0;display:block}.studio-video-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--video-accent) var(--video-progress),transparent var(--video-progress)),linear-gradient(to right,color-mix(in srgb,var(--video-ink) 30%,transparent) var(--video-buffered),var(--video-border) var(--video-buffered));border-radius:3px;height:3px}.studio-video-range::-moz-range-track{background:linear-gradient(to right,var(--video-accent) var(--video-progress),transparent var(--video-progress)),linear-gradient(to right,color-mix(in srgb,var(--video-ink) 30%,transparent) var(--video-buffered),var(--video-border) var(--video-buffered));border-radius:3px;height:3px}.studio-video-range::-webkit-slider-thumb{appearance:none;background:var(--video-accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--video-accent) 15%,transparent);border:0;border-radius:50%;margin-top:-3px}.studio-video-range::-moz-range-thumb{background:var(--video-accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--video-accent) 15%,transparent);border:0;border-radius:50%}.studio-video-range:disabled{opacity:.4;cursor:default}.studio-video-seek{filter:drop-shadow(0 1px 2px #000a);flex:1;width:0;min-width:24px}.studio-video-volume-range{width:48px}.studio-video-loading{z-index:2;color:#fff;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.studio-video-message{z-index:2;color:#e5e5e5;text-align:center;background:#08090be6;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex;position:absolute;inset:0 0 36px}.studio-video-message>button{border:1px solid var(--video-border);background:var(--video-surface);color:var(--video-ink);border-radius:7px;align-items:center;gap:6px;padding:7px 11px;display:flex}.studio-video-player:fullscreen{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;position:fixed;inset:0}.studio-video-player:fullscreen>.studio-video-controls{left:max(20px,50% - 480px);right:max(20px,50% - 480px);bottom:max(20px,env(safe-area-inset-bottom))}.studio-video-player:fullscreen .studio-video-time{font-size:13px}.studio-video-player:fullscreen .studio-video-button{width:34px;height:34px}.studio-video-player:fullscreen .studio-video-volume-range{width:72px}.studio-media-viewer>.studio-video-player:not(:fullscreen){flex:1;width:100%;min-height:0;position:relative;inset:auto}@media (hover:hover){.studio-video-player.is-playing:not(:hover):not(:focus-within)>.studio-video-controls{opacity:0;pointer-events:none;transform:translateY(5px)}}@container (max-width:340px){.studio-video-controls{inset-inline:6px;gap:3px;bottom:4px}.studio-video-volume-range{display:none}}@container (max-width:220px){.studio-video-time>span:not(:first-child){display:none}.studio-video-controls{inset-inline:4px;bottom:4px}}@container (max-width:180px){.studio-video-time{display:none}}@media (prefers-reduced-motion:reduce){.studio-video-controls{transition:none}.studio-video-loading>.studio-spin{animation:none}}
.studio-media-viewer{z-index:1600;background:var(--studio-surface-inset,#08090bf5);color:var(--studio-ink,#eee);flex-direction:column;gap:1rem;padding:1.5rem;animation:.2s ease-out studio-viewer-arrive;display:flex;position:fixed;inset:0}.studio-media-viewer>header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;display:flex}.studio-media-viewer strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-body);overflow:hidden}.studio-media-viewer>img{object-fit:contain;flex:1;width:100%;min-height:0}.studio-media-viewer>header>button{background:var(--studio-surface-raised,#282828);border:1px solid var(--studio-border,#494949);width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .2s;display:grid}.studio-media-viewer>header>button:hover{background:var(--studio-surface-hover,#3f3f3f);transform:rotate(90deg)}.studio-fullscreen-button:focus-visible{outline:2px solid var(--studio-accent-border,#aeaeae);outline-offset:3px}.studio-preview-fullscreen{color:#ececec;cursor:pointer;z-index:3;background:#151515c9;border:1px solid #ffffff35;border-radius:8px;place-items:center;width:2.1rem;height:2.1rem;transition:background .18s,transform .18s;display:grid;position:absolute;bottom:3.2rem;right:.7rem}.studio-preview-fullscreen:hover{background:#515151;transform:scale(1.08)}.studio-media:fullscreen{aspect-ratio:auto;background:var(--studio-surface-inset,#000);border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;max-height:none;display:flex}.studio-media:fullscreen>img{object-fit:contain;width:100%;height:100%}@keyframes studio-viewer-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.studio-media-viewer{animation:none}.studio-media-viewer>header>button{transition:none}}
.studio-template-input-range{border:1px solid var(--studio-blue,#8bb5ff);background:color-mix(in srgb,var(--studio-blue,#8bb5ff) 13%,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 2px}.studio-template-input-empty{border:1px dashed var(--studio-blue,#8bb5ff);color:var(--studio-ink-soft,#999);-webkit-user-select:none;user-select:none;border-radius:4px;padding:0 5px;font-size:.85em;display:inline-block}
.image-storyboard-fields{width:100%;min-width:0;color:inherit}.image-storyboard-fields>p{font-size:var(--font-size-small);opacity:.72;margin:0 0 .6rem;line-height:1.6}.image-storyboard-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.image-storyboard-scenes>label{min-width:0;font-size:var(--font-size-small);flex-direction:column;gap:.3rem;display:flex}.image-storyboard-scenes textarea{resize:vertical;border:1px solid var(--studio-border,var(--border));width:100%;min-height:5.5rem;color:inherit;font:inherit;background:0 0;border-radius:.5rem;outline:none;padding:.55rem;line-height:1.6}.image-storyboard-scenes textarea:focus-visible{border-color:currentColor}.studio-storyboard-panel{max-height:70vh;overflow:auto}.studio-storyboard-panel>.image-storyboard-fields{margin-top:1.2rem}.studio-storyboard-results{width:100%;color:var(--studio-ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.studio-storyboard-results figure{min-width:0;margin:0;overflow:hidden}.studio-storyboard-results .studio-media{aspect-ratio:16/9;border-radius:5px;width:100%;overflow:hidden}.studio-storyboard-results .studio-media img{object-fit:contain;width:100%;height:100%}.studio-storyboard-results figcaption{font-size:var(--font-size-small);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.studio-storyboard-results button{color:inherit;border:1px solid var(--studio-border);cursor:pointer;font:inherit;background:0 0;border-radius:4px;padding:3px 6px}.studio-storyboard-results>button{grid-column:1/-1}@media (max-width:600px){.image-storyboard-scenes{grid-template-columns:minmax(0,1fr)}}
:root[data-theme=dark] .studio-node-setting{--studio-surface:#262626;--surface:#262626;--studio-surface-hover:#353535;--surface-hover:#353535;--studio-surface-raised:#454545;--card:#454545;--studio-border:#404040;--border:#404040;--studio-border-strong:#555;--border-strong:#555;--studio-ink:#efefef;--foreground:#efefef;--studio-ink-soft:#a3a3a3;--muted-foreground:#a3a3a3;--text-secondary:#e5e5e5;--primary:#efefef;--accent-soft:#454545;--studio-shadow:#0005;--studio-shadow-strong:#0008;color:var(--foreground)}:root[data-theme=dark] .studio-image-output-menu legend{color:var(--muted-foreground)}
.studio-node-setting.is-ratio .studio-node-setting-menu{grid-template-columns:repeat(var(--setting-ratio-columns,7),minmax(0,1fr));width:calc(var(--setting-ratio-columns,7) * 54px + 12px);gap:4px;max-width:calc(100vw - 40px);padding:8px;display:grid}.studio-node-setting.is-ratio .studio-node-setting-menu>button{border:1px solid var(--studio-border,var(--border));text-align:center;min-height:56px;font-size:var(--font-size-caption);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 1px;display:flex;position:relative}.studio-node-setting.is-ratio .studio-node-setting-menu>button[aria-selected=true]{border-color:var(--setting-accent);color:var(--studio-ink,var(--foreground));background:var(--studio-surface-hover,var(--surface-hover))}.studio-node-setting.is-ratio .studio-node-setting-menu>button>span{flex:none;max-width:100%}.studio-node-setting.is-ratio .studio-node-setting-menu>button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-node-setting.is-ratio .studio-node-setting-menu>button>svg{width:10px;height:10px;position:absolute;top:3px;right:3px}.studio-ratio-shape{border:1px solid;border-radius:2px;flex:none;display:block}.studio-node-setting.is-resolution .studio-node-setting-menu{width:max-content;min-width:6rem;max-width:min(14rem,100vw - 40px)}
.generation-credit-estimate{color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-small);white-space:nowrap;cursor:default;font-variant-numeric:tabular-nums;flex-shrink:0;align-self:center;align-items:center;gap:.3rem;line-height:1.4;display:inline-flex}.generation-credit-estimate>svg{flex:none;width:1em;height:1em}.generation-credit-unit{font-size:var(--font-size-caption)}
.studio-node-setting.is-image-output{flex:0 auto;width:max-content}.studio-node-setting.is-image-output .studio-node-setting-trigger>strong{align-items:center;gap:.35rem;display:flex}.studio-output-ratio-shape{border:1px solid;border-radius:2px;flex:none;display:block}.studio-image-output-menu{--output-option-group:var(--studio-surface-hover,var(--surface-hover,#2a2a2a));--output-option-selected:var(--accent-soft,#2a2a2a);z-index:30;background:var(--studio-surface,var(--surface));width:max-content;min-width:100%;max-width:calc(100vw - 40px);color:var(--studio-ink,var(--foreground));box-shadow:0 .6rem 2rem var(--studio-shadow,#0004);border:0;border-radius:1rem;padding:.7rem;position:absolute;bottom:calc(100% + .6rem);left:0}.studio-image-output-menu>fieldset{border:0;min-width:0;margin:0;padding:0}.studio-image-output-menu>fieldset+fieldset{margin-top:.8rem}.studio-image-output-menu legend{color:inherit;font-size:var(--font-size-caption);margin-bottom:.5rem;padding:0;font-weight:500}.studio-image-output-ratios{background:var(--output-option-group);border:0;border-radius:.75rem;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.studio-image-output-ratios>button,.studio-image-output-qualities>button{min-width:0;color:inherit;font:inherit;font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.4rem .1rem;transition:none}.studio-image-output-ratios>button{flex-direction:column;flex:1 0 3rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.25rem;display:flex}.studio-image-output-ratios>button[aria-checked=false],.studio-image-output-qualities>button[aria-checked=false]{color:var(--studio-ink-soft,var(--muted-foreground))}.studio-image-output-ratios>button[aria-checked=true],.studio-image-output-qualities>button[aria-checked=true]{background:var(--output-option-selected);color:var(--setting-accent);font-weight:600}.studio-image-output-ratios>button:focus-visible,.studio-image-output-qualities>button:focus-visible{outline:1px solid var(--setting-accent);outline-offset:-1px}.studio-image-output-ratios>button:hover:enabled,.studio-image-output-qualities>button:hover:enabled{color:var(--studio-ink,var(--foreground))}.studio-image-output-qualities{background:var(--output-option-group);border:0;border-radius:.75rem;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.studio-image-output-qualities>button{flex:1 0 auto;padding:.4rem .6rem;font-weight:500}.studio-image-output-qualities>button:disabled{opacity:.35;cursor:not-allowed}.generation-setting.generation-output-setting .studio-node-setting-trigger{padding-left:.45rem}.generation-output-setting .studio-image-output-menu{--output-option-group:var(--surface-hover);--output-option-selected:var(--accent-soft);background:var(--surface);color:var(--foreground)}.generation-output-setting .studio-image-output-menu button[aria-checked=false]{color:var(--muted-foreground)}.generation-output-setting .studio-image-output-menu button[aria-checked=true]{background:var(--output-option-selected)}.generation-output-setting .studio-image-output-menu button:hover:enabled{color:var(--foreground)}
.studio-node-setting.is-count{flex:none;min-width:4.5rem}.studio-node-setting.is-count .studio-node-setting-menu{width:7rem;min-width:100%;left:auto;right:0}.generation-setting .studio-node-setting.is-count .studio-node-setting-trigger{padding-left:.45rem}.generation-setting .studio-node-setting.is-count .studio-node-setting-menu{width:7rem}
.skill-popover-details{display:inline-block;position:relative}.skill-popover-trigger{background:var(--muted);min-height:2.2rem;color:var(--text-secondary);font-size:var(--font-size-small);white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;border-radius:.625rem;align-items:center;gap:.375rem;padding:.3rem .625rem;font-weight:500;display:inline-flex}.skill-popover-trigger>svg:first-child{color:var(--primary)}.skill-popover-trigger>svg:last-child{opacity:.6}.skill-popover-trigger:disabled{opacity:.5}.skill-popover-panel{z-index:1600;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(25rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--foreground);box-shadow:0 .875rem 2.25rem color-mix(in srgb,var(--shadow-color) 45%,transparent);font-size:var(--font-size-caption);border-radius:1.125rem;padding:.75rem;position:fixed;overflow:hidden auto}.skill-popover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.skill-popover-grid>button{background:var(--muted);min-width:0;min-height:2.6rem;color:var(--foreground);text-align:left;font-size:inherit;border:1px solid #0000;border-radius:.6875rem;align-items:center;gap:.375rem;padding:.5rem .5625rem;font-weight:500;transition:none;display:flex;position:relative}.skill-popover-grid>button>svg{color:var(--muted-foreground);flex:none}.skill-popover-grid>button>span{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.4}.skill-popover-grid>button:hover:enabled,.skill-popover-grid>button[aria-pressed=true]{background:var(--surface-hover);border-color:var(--accent-border)}.skill-popover-grid>button:disabled{cursor:not-allowed;opacity:.4}.skill-popover-reset{color:var(--primary);font-size:inherit;background:0 0;border:0;border-radius:.4375rem;margin-top:.625rem;padding:.375rem .5rem;display:block}.skill-popover-reset:hover{background:var(--accent-soft)}.skill-popover-panel button:focus-visible,.skill-popover-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root[data-theme=light] .skill-popover-trigger{color:#44403c;background:#f3efea}:root[data-theme=light] .skill-popover-panel{background:#faf8f5;border-color:#78716c2e;box-shadow:0 .875rem 2.25rem #1c191724}:root[data-theme=light] .skill-popover-grid>button{background:#f2efe9}:root[data-theme=light] .skill-popover-grid>button:hover:enabled,:root[data-theme=light] .skill-popover-grid>button[aria-pressed=true]{background:#e7e2d8;border-color:#8b5e3440}@media (max-width:420px){.skill-popover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.image-outpaint-setting{flex:none;width:max-content;min-width:0;max-width:100%}.generation-setting.image-outpaint-setting .studio-node-setting.is-count .studio-node-setting-menu{width:min(17rem,100vw - 3rem);left:0;right:auto}.image-outpaint-preview{flex-direction:column;align-items:center;gap:.4rem;min-width:0;max-width:100%;margin:.4rem 0 .7rem;display:flex}.image-outpaint-canvas{background-color:var(--muted);background-image:linear-gradient(45deg,color-mix(in srgb,var(--foreground) 9%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--foreground) 9%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--foreground) 9%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--foreground) 9%,transparent) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:.45rem;max-width:100%;position:relative;overflow:hidden}.image-outpaint-canvas>img{object-fit:fill;max-width:none;display:block;position:absolute}.image-outpaint-preview>figcaption{color:var(--muted-foreground);font-size:.75rem}
.studio-generation-settings-frame>.studio-node-setting.is-skill-output-ratio{--setting-max-width:14rem}.generation-setting.generation-skill-output-group{align-items:center;gap:.35rem;max-width:min(22rem,100%);display:flex}
.video-camera-select{flex:none}.studio-node-setting-trigger.video-camera-trigger>strong{align-items:center;gap:5px;display:inline-flex}.canvas-manager-dialog.video-camera-dialog{width:min(80rem,100vw - 2rem);overflow:hidden}.video-camera-dialog>div{flex-direction:column;max-height:min(85dvh,100dvh - 2rem);display:flex}.video-camera-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:stretch;gap:12px;min-height:0;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.video-camera-grid>li{min-width:0}.video-camera-grid .video-camera-card{border:1px solid var(--border);background:var(--surface);width:100%;height:100%;min-height:140px;color:var(--foreground);text-align:left;white-space:normal;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:16px;transition:border-color .15s;display:flex}.video-camera-grid .video-camera-card:hover,.video-camera-grid .video-camera-card[aria-pressed=true]{border-color:var(--foreground)}.video-camera-card:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.video-camera-card-heading{font-size:var(--font-size-body);justify-content:space-between;align-items:center;gap:8px;font-weight:500;display:flex}.video-camera-card-heading>svg{flex:none}.video-camera-card-description{color:var(--muted-foreground);font-size:var(--font-size-small);overflow-wrap:anywhere;font-weight:400;line-height:1.7;display:block}.video-camera-chip{width:max-content}.video-camera-chip>.video-camera-chip-label{flex:1;justify-content:flex-start}
.image-hover-target{display:contents}.image-hover-preview{z-index:1500;box-sizing:border-box;border:1px solid var(--studio-border,var(--border-strong));background:var(--studio-surface,var(--surface));max-width:calc(100vw - 24px);color:var(--studio-ink,var(--foreground));box-shadow:0 1.4rem 4.5rem var(--studio-shadow-strong,var(--shadow-color));pointer-events:none;border-radius:1rem;padding:5px;position:fixed}.image-hover-preview>header{box-sizing:border-box;align-items:center;gap:.55rem;height:42px;padding:.25rem .75rem;display:flex}.image-hover-preview>header>svg{flex:none}.image-hover-preview>header>strong{font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.image-hover-preview-stage{background:var(--studio-surface-inset,var(--muted));border-radius:.75rem;position:relative;overflow:hidden}.image-hover-preview-stage>img,.image-hover-preview-stage>video,.image-hover-preview-stage>canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}
.generation-wait-status{max-width:100%;color:var(--studio-ink,var(--foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex}.generation-wait-status>strong{font-size:var(--font-size-body);font-weight:500;line-height:1.4}.generation-wait-spinner{color:var(--studio-ink-soft,var(--muted-foreground));flex:none}.generation-wait-details{color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-small);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.2rem;line-height:1.6;display:flex}.studio-generation-wait-overlay{z-index:2;background:color-mix(in srgb,var(--studio-surface,var(--card)) 90%,transparent);pointer-events:none;border-radius:11px;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow:hidden}.studio-generation-preview:has(>.studio-generation-wait-overlay)>.studio-generation-empty>svg{visibility:hidden}
.image-swap-button{width:1.75rem;height:1.75rem;color:var(--studio-ink-soft,var(--muted-foreground));cursor:pointer;background:0 0;border:0;border-radius:.45rem;flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-top:.75rem;padding:0;transition:none;display:inline-flex}.image-swap-button:hover:enabled{background:var(--studio-surface-hover,var(--surface-hover));color:var(--studio-ink,var(--foreground))}.image-swap-button:disabled{opacity:.4;cursor:default}.image-swap-button:focus-visible{outline:2px solid var(--studio-accent-border,var(--primary));outline-offset:2px}
.video-frame-inputs{justify-content:flex-start;align-items:flex-start;gap:12px;width:fit-content;max-width:100%;display:flex}.video-frame-input{flex:0 auto;width:max-content;min-width:0;max-width:100%;margin:0}.video-frame-input>span{color:var(--studio-ink-muted,var(--muted-foreground));margin:0 10px 2px;font-size:12px;line-height:16px;display:block}.video-frame-inputs .video-frame-input>.studio-reference-gallery,.video-frame-inputs .video-frame-input>.studio-reference-gallery.is-empty{min-height:var(--reference-deck-height);margin:0}.video-frame-inputs .video-frame-input>.studio-reference-gallery.is-empty .studio-reference-add-slot{padding:0 10px}.video-frame-inputs>.image-swap-button{align-self:center;margin-top:18px}
.image-lighting-controls{width:100%;min-width:0;color:var(--studio-ink,var(--foreground));font-size:var(--font-size-small);margin:.3rem 0 .65rem;container-type:inline-size}.image-lighting-mode-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.image-lighting-mode{background:var(--studio-surface-inset,var(--muted));border-radius:1rem;flex:none;padding:3px;display:inline-flex}.image-lighting-mode>button{color:var(--studio-ink-soft,var(--muted-foreground));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .85rem;display:inline-flex}.image-lighting-mode>button[aria-pressed=true]{background:var(--studio-ink,var(--foreground));color:var(--studio-surface,var(--background))}.image-lighting-card{background:color-mix(in srgb,var(--studio-ink,var(--foreground)) 5%,var(--studio-surface,var(--card)));border:0;border-radius:.85rem;min-width:0;margin:0;padding:.75rem}.image-lighting-height-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch;gap:.65rem;margin-bottom:.65rem;display:grid}.image-lighting-height>legend{float:left;width:100%;color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-caption);margin:0 0 .5rem;padding:0}.image-lighting-height>div{clear:both;gap:3px;display:flex}.image-lighting-height button{min-width:0;color:var(--studio-ink-soft,var(--muted-foreground));font:inherit;font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:1;padding:.35rem .25rem}.image-lighting-height button[aria-pressed=true]{color:var(--studio-ink,var(--foreground));background:var(--studio-surface,var(--background));box-shadow:0 1px 4px var(--studio-shadow,#0001)}.image-lighting-rim-card{font-size:var(--font-size-caption);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.image-lighting-toggle{border:1px solid var(--studio-border,var(--border));background:var(--studio-surface-hover,var(--muted));cursor:pointer;border-radius:1rem;flex:none;align-items:center;width:2rem;height:1.15rem;padding:2px;display:inline-flex}.image-lighting-toggle>span{background:var(--studio-ink-muted,var(--muted-foreground));border-radius:50%;width:.75rem;height:.75rem;transition:transform .15s}.image-lighting-toggle[aria-checked=true]{background:var(--studio-ink,var(--foreground))}.image-lighting-toggle[aria-checked=true]>span{background:var(--studio-surface,var(--background));transform:translate(.8rem)}.image-lighting-slider-row{align-items:center;gap:.75rem;min-width:0;display:flex}.image-lighting-slider-row>label{width:2.5rem;color:var(--studio-ink-soft,var(--muted-foreground));flex:none}.image-lighting-slider-row>input{width:100%;min-width:0;accent-color:var(--studio-ink,var(--foreground));flex:1;margin:0}.image-lighting-slider-row>output{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:3rem}.image-lighting-brightness{background:color-mix(in srgb,var(--studio-ink,var(--foreground)) 13%,var(--studio-surface,var(--card)));border-radius:1rem;flex:1;min-width:0;height:2rem;position:relative;overflow:hidden}.image-lighting-brightness-fill{border-radius:inherit;background:linear-gradient(90deg,#ffffffd9,currentColor);position:absolute;inset:0 auto 0 0}.image-lighting-brightness>input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.image-lighting-brightness>output{color:var(--studio-ink,var(--foreground));background:color-mix(in srgb,var(--studio-surface,var(--card)) 85%,transparent);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:.3rem;padding:0 .25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.image-lighting-brightness:has(input:focus-visible){outline:2px solid var(--studio-ink-soft,var(--muted-foreground));outline-offset:3px}.image-lighting-color-row{align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.image-lighting-color-row>span{width:2.5rem;color:var(--studio-ink-soft,var(--muted-foreground));flex:none}.image-lighting-swatches{flex:1;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.image-lighting-swatches>button,.image-lighting-custom-color{cursor:pointer;border:1px solid #8885;border-radius:50%;flex:none;width:1.45rem;height:1.45rem;padding:0;position:relative}.image-lighting-swatches>button[aria-pressed=true]{outline:2px solid var(--studio-ink-soft,var(--muted-foreground));outline-offset:3px}.image-lighting-custom-color{background:conic-gradient(#f55,#fc5,#4c9,#5af,#b5e,#f55);place-items:center;margin-left:auto;display:grid}.image-lighting-custom-color>span{background:var(--studio-surface,var(--card));border-radius:50%;width:.6rem;height:.6rem}.image-lighting-custom-color>input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.image-lighting-custom-color:has(input:focus-visible){outline:2px solid var(--studio-ink-soft,var(--muted-foreground));outline-offset:3px}.image-lighting-fine{margin:.8rem 0 .65rem}.image-lighting-fine>summary{color:var(--studio-ink-muted,var(--muted-foreground));font-size:var(--font-size-caption);cursor:pointer;align-items:center;gap:.4rem;padding:.1rem 0;list-style:none;display:flex}.image-lighting-fine>summary>span+span{margin-left:auto}.image-lighting-fine>summary::-webkit-details-marker{display:none}.image-lighting-fine[open]>summary>svg{transform:rotate(180deg)}.image-lighting-fine>fieldset{border:0;min-width:0;margin:0;padding:0}.image-lighting-fine .image-lighting-slider-row{margin-top:.75rem}.image-lighting-bottom{color:var(--studio-ink-muted,var(--muted-foreground));font-size:var(--font-size-caption);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.image-lighting-bottom>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:.3rem;padding:.25rem .15rem;display:inline-flex}.image-lighting-controls button:disabled,.image-lighting-controls fieldset:disabled{opacity:.45;cursor:default}.image-lighting-controls fieldset:disabled button{opacity:1}.image-lighting-controls input:disabled{cursor:default}.image-lighting-controls :is(button,input,summary):focus-visible{outline:2px solid var(--studio-ink-soft,var(--muted-foreground));outline-offset:3px}.studio-outfit-panel.studio-lighting-panel{width:min(28rem,100vw - 32px);position:relative}.studio-lighting-panel>.image-lighting-controls{max-height:max(8rem,calc(var(--lighting-available-height,100dvh) - 18rem));overscroll-behavior:contain;padding:3px 4px;overflow-y:auto}.studio-lighting-panel>.studio-lighting-title{align-items:center;gap:.4rem;margin-bottom:.8rem;font-weight:600;display:flex}.studio-lighting-panel .studio-generation-settings-frame{min-width:0}.studio-lighting-panel .studio-generation-settings{border-top:1px solid var(--studio-border,var(--border));padding-top:.55rem}.generation-lighting-editor{grid-template-columns:minmax(0,1fr) minmax(16rem,1.1fr);align-items:center;gap:2rem;width:100%;min-width:0;padding:.4rem .3rem .6rem;display:grid}.generation-lighting-editor>.image-lighting-controls:only-child{grid-column:1/-1;max-width:28rem}.image-lighting-preview{--lighting-preview-height:18rem;min-width:0}.image-lighting-preview-stage{justify-content:center;align-items:center;min-height:15rem;padding:1.5rem 2.5rem;display:flex}.image-lighting-preview-image{isolation:isolate;width:min(100%,calc(var(--lighting-preview-height) * var(--lighting-image-ratio)));aspect-ratio:var(--lighting-image-ratio);background:var(--studio-surface-inset,var(--muted));border-radius:.75rem;flex:none;position:relative}.image-lighting-preview-image>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.image-lighting-preview>p{color:var(--studio-ink-muted,var(--muted-foreground));font-size:var(--font-size-caption);text-align:center;margin:.5rem 0 0}.studio-media:has(>.studio-lighting-layer){isolation:isolate;overflow:visible}.studio-media:has(>.studio-lighting-layer)>img{border-radius:inherit}:is(.image-lighting-preview-image:has(>.image-lighting-orbit)>img,.studio-media:has(>.studio-lighting-layer .image-lighting-orbit)>img){transition:filter .2s}:is(.image-lighting-preview-image:has(>.image-lighting-orbit.is-previewing)>img,.studio-media:has(>.studio-lighting-layer .image-lighting-orbit.is-previewing)>img){filter:brightness(.88)}:is(.image-lighting-preview-image:has(>.image-lighting-orbit.is-previewing.is-dragging)>img,.studio-media:has(>.studio-lighting-layer .image-lighting-orbit.is-previewing.is-dragging)>img){filter:brightness(.72)contrast(1.08)}.studio-lighting-layer{border-radius:inherit;pointer-events:none;position:absolute}.image-lighting-orbit{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.image-lighting-edge-preview{inset:calc(-2px / var(--lighting-zoom,1));z-index:1;padding:calc(2px / var(--lighting-zoom,1));border-radius:inherit;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.studio-node.is-selected:has(.studio-lighting-layer) :is(.studio-reference-card,.studio-generation-preview,.studio-output-connection-area):before{opacity:0;animation:none}.image-lighting-preview-effects{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.image-lighting-preview-effects>div{pointer-events:none;position:absolute;inset:0}.image-lighting-shade{background:#000}.image-lighting-directional-shade{mix-blend-mode:multiply}.image-lighting-glow{mix-blend-mode:screen}.image-lighting-rim-preview{border-radius:inherit;box-shadow:inset 0 0 1.15rem var(--lighting-color)}.image-lighting-rim-preview.is-enhanced{box-shadow:inset 0 0 2rem var(--lighting-color),inset 0 0 .35rem var(--lighting-color)}.image-lighting-track{fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.image-lighting-track-back-shadow{stroke:#0004;stroke-width:3.2px;stroke-dasharray:4 5}.image-lighting-track-back{stroke:#ffffffa6;stroke-width:1.4px;stroke-dasharray:4 5}.image-lighting-track-front-shadow{stroke:#0005;stroke-width:4.2px}.image-lighting-track-front{stroke:#fffffff2;stroke-width:2.2px}.image-lighting-track-hit{stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:crosshair;touch-action:none}.image-lighting-orbit.is-inactive .image-lighting-track-hit{pointer-events:none}.image-lighting-source{z-index:2;width:calc(2.35rem / var(--lighting-zoom,1));height:calc(2.35rem / var(--lighting-zoom,1));border:calc(1px / var(--lighting-zoom,1)) solid #fffa;color:color-mix(in srgb,var(--lighting-color) 60%,#76511f);background:var(--studio-surface,var(--card));box-shadow:0 0 calc(12px / var(--lighting-zoom,1)) color-mix(in srgb,var(--lighting-color) 65%,transparent),0 calc(3px / var(--lighting-zoom,1)) calc(9px / var(--lighting-zoom,1)) #0004;pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.image-lighting-source>svg{width:calc(1.2rem / var(--lighting-zoom,1));height:calc(1.2rem / var(--lighting-zoom,1))}.image-lighting-source.is-behind{opacity:.82;transform:translate(-50%,-50%)scale(.88)}.image-lighting-orbit.is-dragging .image-lighting-source{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.image-lighting-source:focus-visible{outline:calc(2px / var(--lighting-zoom,1)) solid var(--studio-ink,var(--foreground));outline-offset:calc(4px / var(--lighting-zoom,1))}.image-lighting-angle{bottom:calc(100% + 6px / var(--lighting-zoom,1));padding:calc(.15rem / var(--lighting-zoom,1)) calc(.4rem / var(--lighting-zoom,1));border-radius:calc(.3rem / var(--lighting-zoom,1));color:#fff;font-size:calc(var(--font-size-caption) / var(--lighting-zoom,1));white-space:nowrap;background:#1d1d1de8;position:absolute}.image-lighting-direction-badge,.image-lighting-compare{top:calc(.6rem / var(--lighting-zoom,1));padding:calc(.25rem / var(--lighting-zoom,1)) calc(.5rem / var(--lighting-zoom,1));border:calc(1px / var(--lighting-zoom,1)) solid #ffffff30;border-radius:calc(.4rem / var(--lighting-zoom,1));color:#fff;font-size:calc(var(--font-size-caption) / var(--lighting-zoom,1));background:#202020bd;font-family:inherit;line-height:1.5;position:absolute}.image-lighting-direction-badge{left:calc(.6rem / var(--lighting-zoom,1));align-items:center;gap:calc(.35rem / var(--lighting-zoom,1));max-width:calc(100% - 7rem / var(--lighting-zoom,1));white-space:nowrap;display:flex;overflow:hidden}.image-lighting-direction-badge>span{width:calc(.4rem / var(--lighting-zoom,1));height:calc(.4rem / var(--lighting-zoom,1));border:calc(1px / var(--lighting-zoom,1)) solid #ffffff80;background:var(--lighting-color);border-radius:50%;flex:none}.image-lighting-compare{right:calc(.6rem / var(--lighting-zoom,1));pointer-events:auto;cursor:pointer}.image-lighting-compare:disabled{display:none}.image-lighting-compare:focus-visible{outline:calc(2px / var(--lighting-zoom,1)) solid #fff;outline-offset:calc(2px / var(--lighting-zoom,1))}@container (max-width:340px){.image-lighting-height-row{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:.4rem}.image-lighting-card{padding:.6rem}.image-lighting-swatches{gap:.4rem}.image-lighting-slider-row,.image-lighting-color-row{gap:.5rem}}@media (max-width:760px){.generation-lighting-editor{grid-template-columns:minmax(0,1fr);gap:1rem}.image-lighting-preview{--lighting-preview-height:14rem}.image-lighting-preview-stage{min-height:10rem}}@media (prefers-reduced-motion:reduce){:is(.image-lighting-toggle>span,.image-lighting-preview-image:has(>.image-lighting-orbit)>img,.studio-media:has(>.studio-lighting-layer .image-lighting-orbit)>img){transition:none}}
.studio-mask-toolbar,.studio-mask-prompt{border:1px solid var(--studio-border,#3c3c3c);background:var(--studio-surface,#252525);color:var(--studio-ink,#e2e2e2);box-shadow:0 8px 28px var(--studio-shadow,#0004);font-size:var(--font-size-small);cursor:default}.studio-mask-toolbar{border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 24px);padding:5px 7px;display:flex}.studio-mask-toolbar>button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.studio-mask-toolbar>button:hover:not(:disabled),.studio-mask-toolbar>button[aria-pressed=true]{background:var(--studio-surface-hover,#414141)}.studio-mask-toolbar>button:disabled{opacity:.35;cursor:default}.studio-mask-toolbar>button.studio-mask-exit{width:auto;font:inherit;gap:5px;padding:0 7px 0 2px}.studio-mask-divider{background:var(--studio-border,#424242);flex:none;align-self:stretch;width:1px;margin:3px 4px}.studio-mask-brush-size{color:var(--studio-ink-soft,#b5b5b5);align-items:center;gap:6px;padding:0 4px;display:flex}.studio-mask-brush-size>input{width:68px;accent-color:var(--studio-teal,#72d5d1);cursor:pointer;margin:0}.studio-mask-prompt{width:min(calc(var(--font-size-small) * 58),calc(100vw - 32px));border-radius:18px;padding:14px 16px}.studio-mask-prompt>textarea{width:100%;min-height:calc(var(--font-size-body) * 7.5);max-height:calc(var(--font-size-body) * 16);resize:vertical;color:inherit;font:inherit;font-size:var(--font-size-body);cursor:text;background:0 0;border:0;outline:none;padding:8px 2px 14px;line-height:1.8;display:block}.studio-mask-prompt>textarea::placeholder{color:var(--studio-ink-muted,#838383)}.studio-mask-submit-status{color:var(--studio-ink-muted,#838383);font-size:var(--font-size-caption);margin:.4rem 0}.studio-media:has(>.studio-mask-layer){position:relative}.studio-mask-layer{z-index:5;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.studio-mask-layer>img,.studio-mask-surface{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-mask-layer>img{background:var(--studio-surface-inset,#1e1e1e);pointer-events:none}.studio-mask-surface{touch-action:none;cursor:none;outline:none}.studio-mask-surface.is-rectangle{cursor:crosshair}.studio-reference-card:has(.studio-mask-layer)>.studio-media-node-actions{display:none}.studio-mask-toolbar>button:focus-visible{outline:2px solid var(--studio-accent-border,#ababab);outline-offset:2px}
.studio-canvas-surface .react-flow__nodesselection-rect{border:1px dashed var(--studio-border,#a0a0a0);background:var(--studio-multiselection-background,#ffffff08);border-radius:9px}.studio-canvas-group{border:1px solid color-mix(in srgb,var(--group-color) 45%,transparent);background:color-mix(in srgb,var(--group-color) 15%,transparent);border-radius:9px;width:100%;height:100%}.studio-canvas-group.is-selected{border-color:var(--group-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--group-color) 40%,transparent)}.studio-group-resize-handle.react-flow__resize-control.handle{border:1px solid var(--studio-border-strong,#888);background:var(--studio-surface-raised,#292929);z-index:4;touch-action:none;border-radius:2px;width:8px;height:8px}.studio-group-resize-line.react-flow__resize-control.line{z-index:3;touch-action:none;border-color:#0000}.studio-group-resize-line.react-flow__resize-control.line:is(.left,.right){width:10px}.studio-group-resize-line.react-flow__resize-control.line:is(.top,.bottom){height:10px}.studio-canvas-group>header{height:34px;color:var(--group-color);font-size:var(--font-size-small);align-items:center;gap:7px;padding:7px 14px;display:flex}.studio-canvas-group>header>span{text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden}.studio-canvas-group>header>input{border:1px solid color-mix(in srgb,var(--group-color) 45%,transparent);background:var(--studio-surface-inset,#161616);width:min(320px,100%);min-width:0;color:var(--studio-ink,#ededed);font:inherit;border-radius:5px;outline:none;padding:3px 5px}.studio-selection-toolbar{background:var(--studio-surface-raised,#292929);border:1px solid var(--studio-border,#424242);box-shadow:0 5px 22px var(--studio-shadow,#0006);border-radius:12px;align-items:center;gap:3px;padding:6px;display:flex}.studio-selection-toolbar button{min-height:34px;color:var(--studio-ink,#dedede);white-space:nowrap;font-size:var(--font-size-control);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;display:flex}.studio-selection-toolbar button:enabled:hover,.studio-selection-toolbar button:focus-visible{background:var(--studio-surface-hover,#424242);color:var(--studio-ink,#fff);outline:none}.studio-selection-toolbar button:disabled{opacity:.45;cursor:not-allowed}.studio-group-color-control{position:relative}.studio-group-colors{border:1px solid var(--studio-border,#494949);background:var(--studio-surface,#232323);width:220px;box-shadow:0 8px 24px var(--studio-shadow,#0005);border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.studio-group-colors>button{border:2px solid #0000;border-radius:50%;width:24px;height:24px;min-height:24px;padding:0}.studio-group-colors>button[aria-pressed=true]{border-color:#fff}.studio-group-colors>label{width:100%;color:var(--studio-ink,#c6c6c6);font-size:var(--font-size-small);justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-group-colors input{cursor:pointer;background:0 0;border:0;width:34px;height:26px;padding:0}.studio-collection-backdrop{z-index:2500;background:var(--studio-overlay,#0a0a0ac2);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.studio-collection-dialog{border:1px solid var(--studio-border,#4e4e4e);background:var(--studio-surface,#1e1e1e);width:min(440px,100%);color:var(--studio-ink,#dedede);box-shadow:0 20px 60px var(--studio-shadow-strong,#0008);border-radius:14px;padding:22px}.studio-collection-dialog>header{align-items:center;gap:9px;margin-bottom:23px;display:flex}.studio-collection-dialog h2{font-size:var(--font-size-title);margin:0;font-weight:500}.studio-collection-dialog>header>button{margin-left:auto}.studio-collection-dialog>footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (max-width:700px){.studio-selection-toolbar{flex-wrap:wrap;max-width:calc(100vw - 24px)}.studio-selection-toolbar button{padding:6px 8px}}
.generation-skill-composer .generation-media-inputs{gap:1rem}.image-skill-mask-editor{width:100%;min-width:0}.image-skill-mask-editor>.studio-mask-toolbar{max-width:100%;box-shadow:none;background:0 0;border:0;margin-bottom:.4rem}.image-skill-mask-stage{background:var(--muted);border-radius:.6rem;height:clamp(12rem,35vh,22rem);position:relative;overflow:hidden}.image-skill-mask-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.generation-mask-upload-state{outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:15rem;padding:1rem;display:flex}.generation-mask-upload{border:1px dashed var(--border-strong);background:var(--muted);width:min(20rem,100%);min-height:10rem;color:var(--foreground);font-size:var(--font-size-body);cursor:pointer;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem;display:flex}.generation-mask-upload:hover:enabled{border-color:var(--primary);background:var(--surface-hover)}.generation-mask-upload:disabled{cursor:default;opacity:.6}.generation-mask-library,.generation-mask-reference-actions>button{color:var(--text-secondary);font-size:var(--font-size-caption);background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;padding:.25rem;display:inline-flex}.generation-mask-reference{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.2rem 0 .4rem;display:flex}.generation-mask-preview{border:1px solid var(--border);background:var(--muted);border-radius:.65rem;flex:none;width:9rem;height:7rem;padding:0;position:relative;overflow:hidden}.generation-mask-preview>img,.generation-mask-preview>canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.generation-mask-reference-actions{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.generation-mask-reference-actions>button:hover:enabled,.generation-mask-library:hover:enabled{color:var(--primary)}.generation-mask-input button:focus-visible,.generation-mask-upload-state button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.canvas-manager-dialog.generation-mask-dialog{background:var(--surface);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);border:0;border-radius:0;margin:0;overflow:hidden}.generation-mask-dialog>div{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:1rem 1.5rem;display:flex}.generation-mask-dialog header{flex:none;margin-bottom:.75rem}.generation-mask-dialog .image-skill-mask-editor{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-height:0;display:flex}.generation-mask-dialog .image-skill-mask-editor>.studio-mask-toolbar{background:var(--muted);border-color:var(--border);max-width:100%;color:var(--foreground);box-shadow:none;flex:none}.generation-mask-dialog .studio-mask-toolbar>button:hover:enabled,.generation-mask-dialog .studio-mask-toolbar>button[aria-pressed=true]{background:var(--surface-hover)}.generation-mask-dialog .image-skill-mask-stage{border-radius:.75rem;flex:1;width:100%;height:auto;min-height:0}.generation-mask-dialog .generation-mask-help,.generation-mask-dialog .generation-mask-error{text-align:center;color:var(--muted-foreground);flex:none;margin:.65rem 0 0}.generation-mask-dialog .generation-mask-error{color:var(--danger)}.generation-mask-dialog .canvas-dialog-actions{flex:none;justify-content:center;margin-top:.6rem}.generation-mask-dialog .canvas-dialog-actions>button{min-width:6rem}@media (max-width:600px){.generation-mask-dialog>div{padding:.75rem}}
.canvas-manager-dialog.image-sketch-dialog{width:min(58rem,100vw - 2rem);height:min(90dvh,58rem);max-height:calc(100dvh - 2rem);overflow:hidden}.image-sketch-dialog>div{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:1rem;display:flex}.image-sketch-dialog header{flex:none;margin-bottom:.75rem}.image-sketch-toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:.35rem;padding:0 0 .75rem;display:flex}.image-sketch-toolbar>button{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid}.image-sketch-toolbar>button[aria-pressed=true],.image-sketch-toolbar>button:not(:disabled):hover{background:var(--muted)}.image-sketch-toolbar-spacer{flex:1}.image-sketch-size{font-size:var(--font-size-small);align-items:center;gap:.5rem;margin-left:.35rem;display:flex}.image-sketch-size input{width:clamp(4rem,12vw,8rem);accent-color:var(--primary)}.image-sketch-size output{min-width:2ch}.image-sketch-stage{border:1px solid var(--border);background:var(--muted);border-radius:.65rem;flex:1;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.image-sketch-stage canvas{object-fit:contain;touch-action:none;cursor:crosshair;background:#fff;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.image-sketch-stage canvas:focus-visible{outline-offset:-3px}.image-sketch-footer{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.8rem;padding-top:.85rem;display:flex}.image-sketch-colors{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.image-sketch-colors button,.image-sketch-colors input{cursor:pointer;border:1px solid #00000026;border-radius:50%;width:1.3rem;height:1.3rem;padding:0}.image-sketch-colors button[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:3px}.image-sketch-confirm{background:var(--primary);color:var(--primary-foreground);font-size:var(--font-size-small);cursor:pointer;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;margin-left:auto;padding:.55rem .85rem;display:flex}.image-sketch-dialog button:disabled,.image-sketch-dialog input:disabled{opacity:.45;cursor:default}.image-sketch-dialog .image-sketch-error{color:var(--destructive);font-size:var(--font-size-small);flex:none;margin:.35rem 0 0}.image-sketch-action{min-height:2rem;color:inherit;font:inherit;font-size:var(--font-size-small);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.4rem;flex:none;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.image-sketch-action:not(:disabled):hover{background:var(--muted)}.image-sketch-action:disabled{opacity:.5;cursor:default}@media (max-width:480px){.image-sketch-dialog>div{padding:.75rem}.image-sketch-footer{gap:.65rem}.image-sketch-colors{gap:.4rem}.image-sketch-size{font-size:var(--font-size-caption);gap:.25rem}}
.studio-canvas-skill-fields{min-height:0;max-height:min(24rem,45dvh);color:var(--studio-ink,#dedede);gap:10px;margin-bottom:8px;display:grid;overflow:auto}.studio-canvas-skill-lighting{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.studio-canvas-skill-mask-button{border:1px solid var(--studio-border,#444);background:var(--studio-surface-raised,#292929);color:inherit;font-size:var(--font-size-small);border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:7px 10px;display:flex}.studio-canvas-skill-mask-button:disabled{opacity:.45}.studio-generation-settings-frame>.skill-popover-details>.skill-popover-trigger{min-height:36px;color:var(--studio-ink,#dedede);background:0 0}.studio-generation-settings-frame>.skill-popover-details>.skill-popover-trigger:hover:enabled{background:var(--studio-surface-hover,#353535)}.studio-canvas-skill-fields .image-storyboard-fields{min-width:0}.studio-generation-prompt-panel.is-expanded>.studio-canvas-skill-fields{flex:0 auto;max-height:55%}:root .skill-popover-panel.is-canvas{--primary:var(--studio-ink,#eee);--accent-soft:var(--studio-surface-hover,#353535);background:var(--studio-surface,#262626);border-color:var(--studio-border,#404040);color:var(--studio-ink,#eee);box-shadow:0 12px 35px var(--studio-shadow-strong,#0008)}.skill-popover-panel.is-canvas .skill-popover-grid>button{background:var(--studio-surface-inset,#1f1f1f);color:inherit}.skill-popover-panel.is-canvas .skill-popover-grid>button:hover:enabled,.skill-popover-panel.is-canvas .skill-popover-grid>button[aria-pressed=true]{background:var(--studio-surface-hover,#353535);border-color:var(--studio-border-strong,#555)}.skill-popover-panel.is-canvas .skill-popover-grid>button>svg{color:var(--studio-ink-soft,#aaa)}@media (max-width:700px){.studio-canvas-skill-lighting{grid-template-columns:minmax(0,1fr)}}
.studio-outfit-slot{flex:none;width:3.25rem}.studio-outfit-upload{aspect-ratio:1;border:1px dashed var(--studio-border-strong,var(--border-strong));background:var(--studio-surface-inset,var(--muted));width:100%;color:var(--studio-ink-soft,var(--muted-foreground));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.studio-outfit-upload.has-image{border-style:solid}.studio-outfit-upload>img{object-fit:contain;width:100%;height:100%}.studio-outfit-upload-overlay{background:var(--studio-upload-overlay,color-mix(in srgb,var(--background) 80%,transparent));opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.studio-outfit-upload:not(:disabled):hover>.studio-outfit-upload-overlay,.studio-outfit-upload:focus-visible>.studio-outfit-upload-overlay,.studio-outfit-upload-overlay.is-busy{opacity:1}.studio-outfit-slot-caption{color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-caption);white-space:nowrap;justify-content:center;align-items:center;gap:.125rem;margin-top:4px;display:flex}.studio-outfit-slot-caption>span{flex:none}.studio-outfit-slot-caption>.studio-icon-button{width:1.125rem;height:1.375rem;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-outfit-slot button:disabled{opacity:.5;cursor:default}@media (hover:none){.studio-outfit-upload:not(.has-image)>.studio-outfit-upload-overlay{opacity:1;border-radius:50%;width:20px;height:20px;inset:auto 3px 3px auto}}@media (prefers-reduced-motion:reduce){.studio-outfit-upload-overlay{transition:none}}
.studio-node-action-toolbar{border:1px solid var(--studio-border,#3c3c3c);max-width:calc(100vw - 32px);color:var(--studio-ink,#e2e2e2);background:var(--studio-surface,#252525);box-shadow:0 8px 28px var(--studio-shadow,#0004);font-size:var(--font-size-small);cursor:default;border-radius:9px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.studio-node-action-toolbar>button,.studio-image-action-menu-root>button{min-height:26px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;display:flex}.studio-node-action-toolbar>button:not(:disabled):hover,.studio-node-action-toolbar>button[aria-expanded=true],.studio-image-action-menu-root>button:not(:disabled):hover,.studio-image-action-menu-root>button[aria-expanded=true],.studio-image-action-menu-root>button[data-active=true]{background:var(--studio-surface-hover,#353535)}.studio-node-action-toolbar button:disabled{opacity:.45;cursor:default}.studio-node-action-toolbar button:focus-visible{outline:2px solid var(--studio-ink-soft,#a5a5a5);outline-offset:1px}.studio-node-media-actions{border-left:1px solid var(--studio-border,#3c3c3c);align-items:center;gap:2px;margin-left:auto;padding-left:5px;display:flex}.studio-node-media-actions :is(button,a){width:28px;min-height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:3px;text-decoration:none;display:grid}.studio-node-media-actions :is(button,a):hover{background:var(--studio-surface-hover,#353535)}.studio-node-media-actions a:focus-visible{outline:2px solid var(--studio-ink-soft,#a5a5a5);outline-offset:1px}.studio-node-library-action{margin-left:auto}
.image-crop-surface{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;--crop-zoom:1;--crop-line:calc(1px / var(--crop-zoom));width:100%;height:100%;position:relative}.studio-crop-layer .image-crop-surface{--crop-zoom:inherit}.image-crop-surface>img{object-fit:fill;width:100%;height:100%;max-height:none;transform:scale(var(--crop-scale-x,1),var(--crop-scale-y,1));pointer-events:none;display:block}.image-crop-dim{pointer-events:none;position:absolute;inset:0;overflow:hidden}.image-crop-dim>div{position:absolute;box-shadow:0 0 0 100vmax #0000008c}.image-crop-box{box-sizing:border-box;border:var(--crop-line) solid #fff;box-shadow:0 0 0 var(--crop-line) #0000004d;cursor:move;outline:none;position:absolute}.image-crop-box:focus-visible{outline:calc(2px / var(--crop-zoom)) solid #79bcff}.image-crop-grid{pointer-events:none;position:absolute;inset:0}.image-crop-grid>i{background:#ffffffb8;display:block;position:absolute}.image-crop-grid>i:first-child,.image-crop-grid>i:nth-child(2){width:var(--crop-line);top:0;bottom:0}.image-crop-grid>i:first-child{left:33.3333%}.image-crop-grid>i:nth-child(2){left:66.6667%}.image-crop-grid>i:nth-child(3),.image-crop-grid>i:nth-child(4){height:var(--crop-line);left:0;right:0}.image-crop-grid>i:nth-child(3){top:33.3333%}.image-crop-grid>i:nth-child(4){top:66.6667%}.image-crop-handle{z-index:1;width:calc(10px / var(--crop-zoom));height:calc(10px / var(--crop-zoom));border-radius:var(--crop-line);box-shadow:0 0 calc(2px / var(--crop-zoom)) #0008;touch-action:none;background:#fff;border:0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.image-crop-handle:focus-visible{outline:calc(2px / var(--crop-zoom)) solid #79bcff;outline-offset:calc(2px / var(--crop-zoom))}.image-crop-handle.is-nw{cursor:nwse-resize;top:0;left:0}.image-crop-handle.is-n{width:calc(18px / var(--crop-zoom));height:calc(6px / var(--crop-zoom));cursor:ns-resize;top:0;left:50%}.image-crop-handle.is-ne{cursor:nesw-resize;top:0;left:100%}.image-crop-handle.is-e{width:calc(6px / var(--crop-zoom));height:calc(18px / var(--crop-zoom));cursor:ew-resize;top:50%;left:100%}.image-crop-handle.is-se{cursor:nwse-resize;top:100%;left:100%}.image-crop-handle.is-s{width:calc(18px / var(--crop-zoom));height:calc(6px / var(--crop-zoom));cursor:ns-resize;top:100%;left:50%}.image-crop-handle.is-sw{cursor:nesw-resize;top:100%;left:0}.image-crop-handle.is-w{width:calc(6px / var(--crop-zoom));height:calc(18px / var(--crop-zoom));cursor:ew-resize;top:50%;left:0}.image-crop-controls{color:#f1f1f1;width:max-content;max-width:calc(100vw - 2rem);font-size:var(--font-size-small);background:#252525;border:1px solid #414141;border-radius:.7rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;padding:.3rem;display:flex;box-shadow:0 .25rem 1rem #0003}.image-crop-controls button{min-height:2rem;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.45rem;flex:none;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.image-crop-controls button:hover:not(:disabled),.image-crop-controls button[aria-pressed=true]{background:#414141}.image-crop-controls button:focus-visible{outline-offset:1px;outline:2px solid #a4d3ff}.image-crop-controls button:disabled{opacity:.45;cursor:default}.image-crop-ratios{flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem;display:flex}.image-crop-divider{background:#555;width:1px;height:1.3rem;margin:0 .2rem}.image-crop-controls .image-crop-confirm{color:#171717;background:#f7f7f7;min-width:4.5rem}.image-crop-controls .image-crop-confirm:hover:not(:disabled){background:#e4e4e4}.image-crop-error,.image-crop-status{background:var(--studio-surface,#252525);color:var(--studio-ink,#eee);font-size:var(--font-size-small);text-align:center;border-radius:.4rem;margin:.5rem 0 0;padding:.4rem .7rem}.image-crop-error{color:var(--destructive,#ee7c73)}.studio-crop-layer{z-index:4;position:absolute;inset:0}.studio-node :is(.studio-reference-card,.studio-generation-preview,.studio-output-connection-area):has(>.studio-media>.studio-crop-layer){box-shadow:none;background:0 0;border-color:#0000;border-radius:0;outline:none;transition:none}.studio-node .studio-media:has(>.studio-crop-layer){border-radius:0;overflow:visible}.studio-media:has(>.studio-crop-layer)>img{visibility:hidden}.studio-node:has(.studio-crop-layer) .react-flow__handle{visibility:hidden;pointer-events:none}.studio-node:has(.studio-crop-layer) .studio-media-node-actions{display:none}.studio-node:has(.studio-crop-layer) :is(.studio-reference-card,.studio-generation-preview,.studio-output-connection-area):before{display:none}.studio-crop-toolbar{max-width:calc(100vw - 2rem)}.canvas-manager-dialog.image-crop-dialog{color:#f1f1f1;background:#101010;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden}.image-crop-dialog>div{flex-direction:column;align-items:center;height:100%;min-height:0;padding:1rem 2rem;display:flex}.image-crop-dialog header{flex:none;align-self:stretch;margin-bottom:.75rem}.image-crop-dialog header h2{font-size:var(--font-size-body)}.image-crop-dialog .canvas-dialog-close{color:inherit}.image-crop-dialog-stage{flex:1;place-items:center;width:100%;min-width:0;min-height:0;padding:.4rem;display:grid}.image-crop-dialog>div>.image-crop-controls{flex:none;margin-top:1rem}.image-crop-dialog .image-crop-error{flex:none}.generation-crop-editor{align-items:flex-start;gap:1.5rem;min-height:12rem;padding:1rem 0;display:flex}.generation-crop-result{flex:1;min-width:0}.generation-crop-result>.studio-media{aspect-ratio:auto;max-height:22rem}.generation-crop-result>.studio-media>img{object-fit:contain;height:auto;max-height:22rem}.generation-crop-result-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.65rem;display:flex}.generation-crop-result-actions a,.generation-crop-result-actions button{color:inherit;font:inherit;font-size:var(--font-size-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;display:inline-flex}.generation-crop-composer .generation-composer-actions{align-items:center;gap:.75rem;display:flex}@media (max-width:600px){.image-crop-dialog>div{padding:.75rem}.image-crop-controls{gap:.1rem}.image-crop-controls button{padding:.25rem .35rem}.image-crop-ratios{flex-basis:100%}.image-crop-divider{display:none}.generation-crop-editor{flex-wrap:wrap}.generation-crop-result{flex-basis:100%}}
.studio-video-frame-action{display:flex}.studio-node-action-toolbar .studio-video-frame-trigger{min-height:26px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;display:flex}.studio-node-action-toolbar .studio-video-frame-trigger:hover:enabled,.studio-node-action-toolbar .studio-video-frame-trigger[aria-expanded=true]{background:var(--studio-surface-hover,#353535)}.studio-video-frame-menu{z-index:1600;box-sizing:border-box;border:1px solid var(--studio-border,var(--border));background:var(--studio-surface,var(--surface));width:min(12rem,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--studio-ink,var(--foreground));box-shadow:0 .75rem 2rem var(--studio-shadow,var(--shadow-color));font-size:var(--font-size-small);border-radius:.65rem;padding:5px;position:fixed;overflow:auto}.studio-video-frame-menu>button{width:100%;min-height:2.25rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.5rem .65rem;display:block}.studio-video-frame-menu>button:hover:enabled{background:var(--studio-surface-hover,var(--surface-hover))}.studio-video-frame-menu>button:disabled{opacity:.45;cursor:default}.studio-video-frame-menu>button:focus-visible{outline:2px solid var(--studio-accent-border,var(--primary));outline-offset:-2px}
.studio-generation-results-viewer{z-index:1600;color:var(--studio-ink,#e7e7e7);background:var(--studio-surface-inset,#141414);font-size:var(--font-size-small,13px);flex-direction:column;gap:18px;padding:20px 30px 26px;display:flex;position:fixed;inset:0}.studio-generation-viewer-header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-generation-viewer-controls,.studio-generation-viewer-layout{align-items:center;gap:4px;display:flex}.studio-generation-viewer-controls{flex-wrap:wrap;gap:8px}.studio-generation-viewer-layout{background:var(--studio-surface-raised,#262626);border-radius:7px;padding:2px}.studio-generation-viewer-header button,.studio-generation-viewer-navigation button{background:var(--studio-surface-raised,#262626);min-height:30px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 9px;display:flex}.studio-generation-viewer-header button:hover,.studio-generation-viewer-header button[aria-pressed=true],.studio-generation-viewer-navigation button:hover{background:var(--studio-surface-hover,#363636)}.studio-generation-viewer-header button:disabled{opacity:.5;cursor:wait}.studio-generation-viewer-header>.studio-generation-viewer-close{flex:none;width:32px;height:32px;padding:4px}.studio-generation-viewer-title{color:var(--studio-ink-soft,#999);margin-left:6px;font-size:12px}.studio-generation-viewer-content{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-content:start;gap:10px;min-height:0;display:grid;overflow:auto}.studio-generation-viewer-card{border:2px solid #0000;border-radius:9px;align-self:start;min-width:0;position:relative;overflow:hidden}.studio-generation-viewer-card.is-main{border-color:var(--studio-accent-border,#999)}.studio-generation-viewer-card:focus-visible{outline:2px solid var(--studio-accent-border,#aaa);outline-offset:-2px}.studio-generation-viewer-card>.studio-media{aspect-ratio:16/9;border-radius:6px;width:100%}.studio-generation-viewer-card-overlay{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.studio-generation-viewer-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#15151585;border-radius:4px;flex:none;padding:3px 6px;font-size:11px}.studio-generation-viewer-card .studio-generation-result-buttons{pointer-events:auto;color:#fff;opacity:0;visibility:hidden;background:#151515b8;border-radius:6px;padding:2px;transition:opacity .15s}.studio-generation-viewer-card:hover .studio-generation-result-buttons,.studio-generation-viewer-card:focus-within .studio-generation-result-buttons{opacity:1;visibility:visible}.studio-generation-viewer-card .studio-generation-result-action:hover,.studio-generation-viewer-card .studio-generation-result-action.is-main{background:#ffffff25}.studio-generation-results-viewer.is-single .studio-generation-viewer-content{justify-content:center;align-items:center;display:flex}.studio-generation-results-viewer.is-single .studio-generation-viewer-card{align-self:stretch;width:100%}.studio-generation-results-viewer.is-single .studio-generation-viewer-card>.studio-media{aspect-ratio:auto;height:100%}.studio-generation-viewer-navigation{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:16px;display:flex}.studio-generation-results-viewer :is(button,a):focus-visible{outline:2px solid var(--studio-accent-border,#aaa);outline-offset:2px}@media (min-width:1440px){.studio-generation-viewer-content{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.studio-generation-results-viewer{gap:12px;padding:12px}.studio-generation-viewer-title{display:none}.studio-generation-viewer-controls{gap:4px}}@media (hover:none){.studio-generation-viewer-card .studio-generation-result-buttons{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.studio-generation-viewer-card .studio-generation-result-buttons{transition:none}}
.studio-generation-results{z-index:12;color:var(--studio-ink,#e7e7e7);flex-direction:column;align-items:flex-end;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.studio-generation-preview:has(.studio-generation-results[data-open=true]){z-index:2}.studio-canvas-surface .react-flow__node-studio:has(.studio-generation-results[data-open=true]){z-index:1101!important}.studio-generation-results button{color:inherit;cursor:pointer}.studio-generation-results-pill{border:1px solid color-mix(in srgb,var(--studio-border,#444) 60%,transparent);background:color-mix(in srgb,var(--studio-surface,#202020) 65%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:24px;box-shadow:0 1px 5px var(--studio-shadow-strong,#0002);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:flex}.studio-generation-results-pill .is-open{transform:rotate(180deg)}.studio-generation-results-drawer{border:1px solid var(--studio-border,#444);background:var(--studio-surface,#202020);width:272px;max-width:calc(100vw - 40px);box-shadow:0 8px 24px var(--studio-shadow-strong,#0003);border-radius:12px;margin-top:3px;padding:7px}.studio-generation-results-heading{color:var(--studio-ink-soft,#999);justify-content:space-between;align-items:center;padding:0 1px 5px 5px;font-size:11px;display:flex}.studio-generation-results-list{overscroll-behavior:contain;max-height:208px;overflow-y:auto}.studio-generation-result{border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;margin-bottom:3px;display:flex}.studio-generation-result:last-child{margin-bottom:0}.studio-generation-result:hover{background:var(--studio-surface-hover,#2c2c2c)}.studio-generation-result.is-current{background:var(--studio-surface-raised,#303030);border-color:var(--studio-accent-border,#777)}.studio-generation-result-preview{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;padding:5px;display:flex}.studio-generation-result-preview :is(img,video){object-fit:cover;background:var(--studio-surface-inset,#151515);pointer-events:none;border-radius:4px;flex:none;width:48px;height:30px}.studio-generation-result-preview span{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-generation-result-preview strong{font-size:12px;font-weight:500}.studio-generation-result-preview small{text-overflow:ellipsis;white-space:nowrap;color:var(--studio-ink-soft,#999);font-size:10px;overflow:hidden}.studio-generation-result-buttons{flex:none;align-items:center;gap:1px;padding-right:3px;display:flex}.studio-generation-result-action{width:24px;height:26px;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.studio-generation-result-action:hover,.studio-generation-result-action.is-main{opacity:1;background:var(--studio-surface-hover,#3a3a3a)}.studio-generation-results :is(button,a):focus-visible{outline:2px solid var(--studio-accent-border,#aaa);outline-offset:1px}