/* Implemented from the Higgsfield optical-glass study, not a flat painted theme. */
:root {
 --dw-bg:var(--clear-night);--dw-panel:rgba(18,20,24,.28);--dw-raised:rgba(255,255,255,.09);
 --dw-fg:var(--clear-white);--dw-muted:var(--clear-secondary);--dw-ice:#e5eaf0;--dw-earth:#d2d6dc;--dw-border:var(--clear-line);
 --rail-width:0px;--studio-nav:80px;--studio-header:38px;--dw-ease:ease;
}
body{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--studio-nav) var(--studio-header) auto 1fr;font-size:16px;background:var(--dw-bg)}
.app-rail{grid-column:1;grid-row:1;position:sticky;top:0;display:flex;flex-direction:row;align-items:center;width:100%;height:var(--studio-nav);min-height:0;padding:12px 28px;gap:24px;border:0;border-bottom:1px solid var(--clear-line);background:var(--clear-plane);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur);box-shadow:var(--clear-edge);z-index:20}
.brand-link{gap:10px;justify-content:center;padding:0;font-size:15px}.brand-link img{width:29px;height:35px}.brand-link>span{position:static;width:auto;height:auto;clip-path:none;white-space:nowrap}
.tool-nav{flex:1;flex-direction:row;justify-content:center;align-self:stretch;gap:6px;margin:0;min-width:0}
.tool-nav a{position:relative;flex-direction:row;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:500;line-height:1.5;color:var(--dw-muted)}
.tool-nav a>.icon{display:inline-block;width:19px;height:19px}.tool-nav a[data-tool=cinema]{margin:0}
.tool-nav a:hover{background:rgba(255,255,255,.06);color:var(--dw-fg)}
.tool-nav a[aria-current=page]{background:var(--clear-control);border-color:var(--clear-control-line);color:var(--dw-fg);box-shadow:var(--clear-edge)}
.tool-nav a.is-pending{background:rgba(255,255,255,.1)}
.rail-footer{display:flex;flex-direction:row;gap:8px;padding:0;margin:0}.rail-footer>.button{min-height:44px;padding:8px 10px;font-size:12px;gap:7px}
.account-button{flex:none;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--clear-control)}
.account-button>span:not(.account-avatar){display:none}.account-avatar{width:32px;height:32px;border-color:var(--clear-control-line);background:transparent;border-radius:50%}
.workspace-header{grid-column:1;grid-row:2;height:var(--studio-header);min-height:var(--studio-header);padding:0 42px;gap:20px;background:transparent;border:0}
.button.project-selector{width:auto;max-width:240px;min-height:44px;padding:8px 13px;gap:10px;border:1px solid var(--clear-control-line);border-radius:10px;background:var(--clear-control);color:var(--dw-fg);font-size:13px;box-shadow:var(--clear-edge)}
.button.project-selector:hover{background:var(--clear-action);border-color:rgba(255,255,255,.8)}
.project-selector #projectEyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-selector .selector-chevron{width:13px;height:13px;color:var(--dw-muted)}
.workspace-location{gap:12px;font-size:12px}.workspace-location>span:nth-child(2){display:none}.workspace-location strong{color:var(--dw-muted);font-weight:400}
.route-status,.save-status{color:var(--dw-muted);font-size:11px}
.project-context{grid-column:1;grid-row:3;background:transparent;border-color:var(--clear-line);padding-inline:42px}.workspace-tabs{gap:30px}.workspace-tabs .button{font-size:12px;color:var(--dw-muted)}
.workspace-tabs .button[aria-selected=true]{color:var(--dw-fg)}.workspace-tabs .button[aria-selected=true]::after{background:#e5eaf0}
.workspace-content{grid-column:1;grid-row:4;max-width:1460px;padding:38px 42px 70px}
.discover-intro{align-items:flex-start;margin-bottom:30px;gap:24px}.discover-intro h1{font-size:34px;font-weight:500;line-height:1.65;letter-spacing:0}.discover-intro p{max-width:65ch;margin-top:8px;color:var(--dw-muted);font-size:14px;line-height:1.9}.discover-intro>.button{display:inline-flex;margin-top:10px}
.creation-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:none;border:0;border-radius:0;overflow:visible}
.creation-route{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;min-height:178px;min-width:0;padding:26px;background:var(--clear-control);border:1px solid rgba(205,219,239,.28);border-radius:14px;color:var(--dw-fg);font:inherit;text-align:start;box-shadow:inset 0 1px 0 rgba(221,231,245,.09),inset 0 -1px 0 rgba(0,0,0,.65),0 12px 28px -12px rgba(0,0,0,.85);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur);transition:background 160ms,border-color 160ms;overflow:hidden}
.creation-route::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(140deg,rgba(213,224,239,.03),transparent 36%,transparent 75%,rgba(213,224,239,.025));clip-path:polygon(0 0,62% 0,0 90%)}
.creation-route::after{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;opacity:.32;background:linear-gradient(135deg,#dce8f8a6,#acdce322 22%,#dcc3e722 47%,#e7dfb522 72%,#dce8f866);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.creation-route:hover:not(:disabled){background:var(--clear-action);border-color:rgba(221,231,245,.5)}.creation-route:active:not(:disabled){background:rgba(213,224,239,.08)}.creation-route:focus-visible{outline-offset:4px}.creation-route[aria-busy=true]{background:rgba(255,255,255,.15)}
.creation-route__icon{display:grid;place-items:center;width:30px;height:30px;color:#cad4e2}.creation-route__icon .icon{width:27px;height:27px}.creation-route__copy{display:grid;gap:6px;min-width:0}.creation-route__copy>strong{font-size:22px;font-weight:500;line-height:1.6}.creation-route__copy>span{color:var(--dw-muted);font-size:13px;line-height:1.8}
.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:38px;margin-bottom:18px}.directory-heading h2{font-size:21px;font-weight:500}.directory-heading p{font-size:13px;color:var(--dw-muted)}
.studio-directory{padding:24px 28px;background:var(--clear-plane);border:1px solid var(--clear-line);border-radius:20px;box-shadow:var(--clear-edge);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur)}
.catalog-toolbar{padding-bottom:12px}.catalog-search{background:rgba(8,10,13,.32);border-color:var(--clear-control-line);border-radius:10px}.catalog-filter{color:var(--dw-muted);border-radius:9px;font-size:13px}.catalog-filter[aria-pressed=true]{background:var(--clear-control);color:var(--dw-fg);box-shadow:var(--clear-edge)}.catalog-filter:hover{background:rgba(255,255,255,.06)}.catalog-count{margin-top:8px;color:var(--dw-muted);font-size:12px}
.catalog-group{border-color:var(--clear-line);padding-block:12px}.catalog-group>h3{color:#d6dce4;font-size:13px}.catalog-tile{padding:18px 10px;min-height:88px;border-color:var(--clear-line);border-radius:8px}.catalog-tile:hover:not(:disabled){background:rgba(255,255,255,.06)}.catalog-tile>.icon,.catalog-launch>.icon{color:#d0d6df}.catalog-copy>strong{font-size:14px;font-weight:500;color:var(--dw-fg)}.catalog-copy>span,.catalog-tag{color:var(--dw-muted);font-size:12px}
.project-shortcuts,.studio-examples{margin-top:26px;border-color:var(--clear-line)}.project-shortcuts summary,.studio-examples summary{color:#d0d6df;min-height:44px}.project-shortcuts>.row{padding-top:14px;gap:12px}
.button{border-radius:10px;transition:background 160ms,color 160ms,border-color 160ms}.button.primary{background:var(--clear-action);color:var(--dw-fg);border-color:var(--clear-control-line);box-shadow:var(--clear-edge)}.button.primary:hover:not(:disabled){background:var(--clear-control);border-color:rgba(221,231,245,.6)}
.workspace-content .button:not(.quiet):not(.primary){background:var(--clear-control);border-color:var(--clear-control-line);color:var(--dw-fg);box-shadow:var(--clear-edge)}.workspace-content .button:not(.quiet):not(.primary):hover:not(:disabled){background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.8)}.button.primary:active:not(:disabled),.button:active:not(:disabled){background:rgba(255,255,255,.18)}
.button.quiet{color:#d0d6df}.button.quiet:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--dw-fg)}.discover-intro>.button{background:var(--clear-action);border-color:var(--clear-control-line);box-shadow:var(--clear-edge);padding:10px 20px}
input,textarea,select{background:rgba(8,10,13,.5);border-color:var(--clear-control-line);color:var(--dw-fg)}input:hover,textarea:hover,select:hover{border-color:rgba(255,255,255,.8)}input::placeholder,textarea::placeholder{color:#c2c9d2}select option{background:#181a20;color:var(--dw-fg)}.catalog-search>input{background:transparent;border:0}
.segmented{background:rgba(10,12,16,.25);border-color:var(--clear-line);border-radius:12px;padding:4px;gap:4px}.workspace-content .segmented .button:not(.primary){min-height:40px;background:transparent;border-color:transparent;color:var(--dw-muted);box-shadow:none}.workspace-content .segmented .button[aria-selected=true]{background:var(--clear-control);border-color:var(--clear-control-line);color:var(--dw-fg);box-shadow:var(--clear-edge)}
.universe-intro{margin-bottom:30px}.universe-intro h1{font-size:30px;font-weight:500}.universe-intro p{color:var(--dw-muted);line-height:1.9;max-width:65ch}
.project-summary{border-color:var(--clear-line);background:var(--clear-plane);border-radius:20px;backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur);box-shadow:var(--clear-edge)}.project-visual,.project-empty-mark{background:rgba(6,8,12,.2)}.project-empty-mark{min-height:250px}.project-next{padding:34px}.project-next h2{font-size:24px;font-weight:500}.project-next>p{color:var(--dw-muted);line-height:1.9}.project-facts{border-color:var(--clear-line);gap:28px}.project-facts b{color:#e0e5ec;font-weight:500}.project-work{gap:42px;margin-top:36px}.mission-stages li,.project-file,.project-chat-link,.dependency-row{border-color:var(--clear-line)}.stage-index{background:rgba(255,255,255,.05);border-color:var(--clear-line);color:#e0e5ec}.stage-state,.project-files__empty p,.project-chat-link p{color:var(--dw-muted)}
.cinema-topbar{margin-bottom:28px;gap:18px}.cinema-create{grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);gap:30px;align-items:start}.cinema-composer{background:var(--clear-plane);border-color:var(--clear-line);padding:26px;border-radius:20px;gap:24px;box-shadow:var(--clear-edge);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur)}.cinema-composer h2{font-size:23px;font-weight:500}.cinema-composer textarea{min-height:156px;background:rgba(8,10,15,.32);border-color:var(--clear-control-line)}.output-stage{width:100%;min-width:0;background:rgba(6,8,12,.4);border-color:var(--clear-line);border-radius:16px;min-height:390px}.output-stage img,.output-stage video{max-height:calc(100dvh - 310px)}.output-toolbar{padding-block:16px}.advanced-panel{border-color:var(--clear-line)}.advanced-panel summary{color:#d0d6df;min-height:44px}.stage-label{background:linear-gradient(transparent,rgba(6,8,12,.92))}.example-stamp{background:rgba(12,14,18,.78);border:1px solid var(--clear-line);color:#edf0f5}
.edit-inspector,.timeline-panel{background:var(--clear-plane);border-color:var(--clear-line)}
.workspace-content[data-surface=design],.workspace-content[data-surface=chat]{padding:0;max-width:none;height:calc(100dvh - var(--studio-nav) - var(--studio-header) - 44px)}.workspace-content[data-surface=chat]{height:calc(100dvh - var(--studio-nav) - var(--studio-header))}
.design-workspace{grid-template-columns:280px minmax(0,1fr);gap:0}.design-conversation{background:var(--clear-plane);border-color:var(--clear-line);padding:26px 20px;backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur)}.design-editor-panel{background:rgba(8,10,13,.3);border-color:var(--clear-line)}.design-editor-panel>iframe{min-height:0;flex:1 1 0;height:0}.design-editor-top{background:rgba(15,17,21,.45);border-color:var(--clear-line);padding-inline:20px;height:52px;min-height:52px}.design-compose{background:var(--clear-control);border-color:var(--clear-control-line)}.design-compose textarea{background:transparent}.design-showcase{background:var(--clear-plane);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur)}.design-starter{background:var(--clear-control);border-color:var(--clear-line)}.design-workspace{background:transparent}.design-note{background:rgba(255,255,255,.05);border-color:var(--clear-line)}.chat-frame{background:transparent}
.project-menu{top:72px;inset-inline-start:240px;inset-inline-end:auto;background:rgba(20,23,29,.92);border-color:var(--clear-control-line);box-shadow:var(--clear-edge),var(--clear-shadow);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur);border-radius:16px}.project-menu .project-option.primary{background:rgba(255,255,255,.12);color:var(--dw-fg)}
dialog{background:rgba(20,23,29,.94);border-color:var(--clear-control-line);border-radius:20px;box-shadow:var(--clear-edge),var(--clear-shadow);backdrop-filter:var(--clear-blur);-webkit-backdrop-filter:var(--clear-blur)}#notice{background:rgba(31,34,40,.94);color:var(--dw-fg);border-color:var(--clear-control-line)}::selection{background:#e5eaf03b;color:#fff}:focus-visible{outline:2px solid #edf1f6}
@media(min-width:1680px){.workspace-content{padding-top:48px}.discover-intro h1{font-size:38px}}
@media(max-width:1200px) and (min-width:761px){.app-rail{padding-inline:22px;gap:16px}.brand-link>span,.rail-footer{display:none}.tool-nav a{padding-inline:12px}.button.project-selector{max-width:230px}.workspace-content{padding:32px 28px 48px}.workspace-header,.project-context{padding-inline:28px}.creation-route{gap:16px;padding:24px 20px}.creation-route__copy>strong{font-size:20px}.cinema-create{grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr);gap:20px}.cinema-composer{padding:20px}.design-workspace{grid-template-columns:250px minmax(0,1fr)}.output-stage{min-height:300px}}
@media(max-width:960px) and (min-width:761px){.app-rail{gap:12px;padding-inline:16px}.tool-nav a{flex-direction:column;padding:5px 8px;gap:4px;font-size:11px}.button.project-selector{max-width:210px}.creation-routes{gap:12px}.creation-route{padding:22px 16px}.creation-route__copy>strong{font-size:18px}.creation-route__copy>span{font-size:12px}}
@media(max-width:760px){
 :root{--studio-nav:148px;--studio-header:34px}body{display:flow-root}
 .app-rail{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:48px 58px;align-items:center;gap:10px 12px;width:calc(100% - 20px);height:auto;min-height:128px;margin:10px 10px 0;padding:10px 12px;border:1px solid var(--clear-line);border-radius:18px;overflow:visible}
 .app-rail>.brand-link,.app-rail>.rail-footer{display:none}.app-rail>.project-selector{grid-column:1;grid-row:1;width:100%;max-width:none;min-height:44px;font-size:13px}
 .tool-nav{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;align-items:stretch;width:100%;gap:3px;margin:0;overflow:visible}.tool-nav a{flex:1;min-width:0;min-height:58px;padding:5px 3px;gap:5px;flex-direction:column;font-size:11px;border-radius:10px}.tool-nav a>.icon{display:inline-block;width:18px;height:18px}
 .account-button{grid-column:2;grid-row:1;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0}.workspace-header{height:34px;min-height:34px;padding:0 22px;gap:12px}.workspace-location{gap:9px;font-size:11px}.route-status{display:none}.project-context{height:44px;min-height:44px;padding-inline:20px}.workspace-tabs{min-height:44px;gap:24px}.workspace-tabs .button{min-height:44px;white-space:nowrap;font-size:11px}
 .workspace-content{padding:26px 20px 48px}.discover-intro{margin-bottom:24px;gap:16px;flex-wrap:wrap}.discover-intro h1{font-size:27px}.discover-intro p{font-size:13px;line-height:1.9}.discover-intro>.button{display:inline-flex;padding:10px 16px;min-height:44px;font-size:12px;margin:0}
 .creation-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creation-route{min-height:162px;padding:22px 20px;gap:14px;border-radius:13px}.creation-route__icon{width:28px;height:28px}.creation-route__icon .icon{width:23px;height:23px}.creation-route__copy>strong{font-size:18px}.creation-route__copy>span{font-size:12px}
 .directory-heading{display:block;margin-top:32px;margin-bottom:18px}.directory-heading h2{font-size:20px}.directory-heading p{margin-top:4px}.studio-directory{padding:20px 16px;border-radius:18px}.catalog-tile{min-height:84px}.catalog-copy>strong{font-size:14px}.catalog-copy>span{font-size:12px}.catalog-search{min-height:44px}.catalog-tile:nth-last-child(-n+2){border-color:var(--clear-line)}
 .project-menu{top:72px;inset-inline-start:22px;max-width:calc(100vw - 44px)}.universe-intro h1{font-size:25px}.project-next{padding:24px}.project-next h2{font-size:21px}.project-empty-mark{min-height:190px}.project-work{gap:30px}.cinema-topbar{margin-bottom:20px}.cinema-create{display:flex;flex-direction:column;gap:22px}.cinema-composer{width:100%;padding:20px;gap:20px}.cinema-output{width:100%}.output-stage{min-height:225px}
 .workspace-content[data-surface=design]{height:auto}.workspace-content[data-surface=chat]{height:calc(100dvh - var(--studio-nav) - var(--studio-header))}.design-workspace{display:flex;flex-direction:column-reverse}.design-editor-panel{min-height:500px;height:65dvh}.design-conversation{padding:24px 20px}.design-editor-top{padding-inline:12px}
}
@media(max-width:360px){.app-rail{width:calc(100% - 12px);margin-inline:6px;padding-inline:9px;gap:10px 8px}.tool-nav a{font-size:10px;padding-inline:1px}.workspace-content{padding-inline:14px}.workspace-header{padding-inline:16px}.creation-route{padding:20px 14px}.studio-directory{padding:18px 12px}}
@media(pointer:coarse){.button,.catalog-filter,.workspace-content .segmented .button:not(.primary){min-height:44px}input,textarea,select,.catalog-search>input{font-size:16px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--clear-plane:rgba(17,19,24,.94);--clear-control:rgba(34,37,43,.96);--clear-action:rgba(49,53,60,.96)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}