/* Shared visual system for inspiration, image and video. Loaded last. */
:root{color-scheme:dark;--paper:#1b1d20;--canvas:#111214;--surface:#202226;--ink:#f1f2f3;--secondary:#b5b8be;--muted:#8d929a;--line:#303338;--border:#303338;--accent:#d3f88f;--hover:#292c31;--selected:#2b3130;--radius:12px}
html,body{background:var(--canvas);color:var(--ink)}body{font-family:Inter,'Microsoft YaHei',system-ui,sans-serif}button,input,select,textarea{font:inherit;color:var(--ink);border-color:var(--line);background:var(--surface)}button{transition:background .16s,border-color .16s,transform .16s;cursor:pointer}button:hover:not(:disabled){background:var(--hover);border-color:#53575f}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}button[hidden],section[hidden],div[hidden],label[hidden],span[hidden]{display:none!important}a{color:inherit}small,.muted,.dialog-intro{color:var(--muted)}
.sidebar{width:216px;background:#17181b;border-color:var(--line);padding:24px 12px 18px}.brand{color:var(--ink);font-size:22px;padding:0 10px}.brand-icon{background:var(--accent);color:#17210c;border-radius:10px;width:30px;height:30px}.brand-en{color:var(--muted);font-size:9px}.sidebar .new-project{margin:26px 0 20px;background:none;border:0;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:14px;border-radius:9px}.sidebar .new-project:hover{background:var(--hover)}.sidebar-label{font-size:11px;color:var(--muted);padding:0 12px}.sidebar nav{padding:0}.sidebar .project-row{border-radius:9px;margin-bottom:4px}.project-row:hover,.project-row.active{background:var(--hover)}.project-select{color:var(--secondary);font-size:12px;padding:11px 12px}.project-row.active .project-select{color:var(--ink)}.project-more{opacity:0;transition:opacity .15s;color:var(--secondary)}.project-row:hover .project-more,.project-row:focus-within .project-more{opacity:1}.project-menu{background:#25272c;border:1px solid var(--line);box-shadow:0 12px 36px #0006}.project-menu button{color:var(--ink)}.sidebar-bottom,.sidebar-bottom a,.account,.account button{color:var(--secondary);border-color:var(--line)}.project-row.unread .project-select:before{background:var(--accent)}main{margin-left:216px;width:calc(100% - 216px)}
.topbar{height:68px;padding:0 24px;background:var(--canvas);border-color:var(--line);gap:16px}.surface-nav{gap:24px}.surface-nav .surface-brand{font-size:20px;margin-right:8px}.surface-nav button{font-size:13px;color:var(--muted);padding:21px 0}.surface-nav button[aria-current=true]{color:var(--ink);box-shadow:0 2px var(--accent)}.top-actions{gap:10px}.top-actions button,.wallet-chip{font-size:12px;border-color:var(--line);color:var(--secondary);background:transparent}.top-actions .local-badge{display:none}.surface-tasks{display:none!important}.top-actions #refreshdesktop{border:0}.wallet-chip{border-radius:20px}.surface-brand{display:none}body[data-surface=inspiration] .surface-brand,body[data-surface=image] .surface-brand{display:inline}.top-actions #openmaterials{background:var(--surface)}
body[data-surface=image] .sidebar,body[data-surface=image] #sidebartoggle,body[data-surface=image] #desktop{display:none!important}body[data-surface=image] main,body[data-surface=inspiration] main{margin-left:0;width:100%}body[data-auth=login] #imageworkspace{display:none!important}body[data-auth=login]{background:var(--canvas)}body[data-auth=login] #login{background:var(--paper);border-color:var(--line)}#login h1,#login h2{color:var(--ink)}#login p{color:var(--secondary)}#login .login-story{background:#202529}.login-sheet{background:#2b3033;border-color:#404748}.login-sheet span{color:var(--secondary)}#login input{background:#111315;border-color:var(--line)}
.desktop{grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 68px);background:var(--canvas)}.conversation{background:var(--canvas);min-height:0}.conversation-top{padding:18px 28px;color:var(--secondary)}.conversation-select,.conversation-top button{background:transparent;color:var(--secondary);border-color:var(--line)}.chatstream{padding:0 28px 16px;min-height:80px}.welcome{margin:40px 0}.welcome h1{color:var(--ink);font-size:28px}.welcome p,.welcome .eyebrow{color:var(--muted)}.quick-prompts button{background:var(--paper);color:var(--secondary);border-color:var(--line)}.message.user,.message-user,.chat-message.user{background:#232629;color:var(--ink);border-color:var(--line)}.message.assistant{color:var(--secondary)}.material-mention{background:#303832;color:#dfedce}.material-mention img{border-radius:5px}
.composer-wrap{padding:12px 24px 18px}.composer{background:var(--paper);border:1px solid #3b3e44;border-radius:17px;box-shadow:0 10px 32px #0002}.composer-heading{padding:16px 16px 0;color:var(--secondary)}.composer-heading span{color:var(--muted)}.prompt-editor{color:var(--ink);padding:12px 16px;min-height:98px;font-size:14px}.prompt-editor:empty:before{color:#777e87}.composer-bottom{border-color:var(--line);margin:0 12px;gap:6px}.composer-bottom button,.preference-chip{background:#282a2f;color:var(--secondary);border:1px solid #383b40;border-radius:9px;min-height:36px}.composer-bottom .attach{width:36px;height:36px}.composer-bottom .model-picker>button{font-size:12px}.creation-action{padding:12px 14px;border-color:var(--line)}.creation-action>span{font-size:11px;color:var(--muted)}.creation-action .send,.primary,#loginbutton,.inspiration-primary{background:var(--accent);color:#18220f;border-color:var(--accent);font-weight:600}.creation-action .send:hover,.primary:hover{background:#e0ffad;color:#18220f}.count-picker{color:var(--muted);margin-left:auto}.count-picker input{background:#282a2f;border-color:var(--line);width:42px}.composer-hint,.more-preferences,.quote-preview p,.quote-preview summary{color:var(--muted);font-size:11px}.quote-preview button{background:var(--paper);color:var(--secondary);border-color:var(--line)}.task-status,.task-progress{color:var(--secondary);border-color:var(--line);background:transparent}.task-progress{font-size:11px;border-radius:10px}.task-progress [aria-current=step]{color:var(--accent)}.materials-heading{color:var(--secondary);font-size:11px}.material-guidance{color:var(--muted)}.material-tile{min-width:130px;max-width:190px}.material-card{background:#1e2024;border:1px solid var(--line);padding:7px;border-radius:10px;min-height:56px;color:var(--secondary)}.material-thumb{width:34px;height:42px}.material-card .asset-meta{color:var(--muted);font-size:10px}.material-remove{background:#363a40;color:#ddd}.asset-strip{gap:8px}.model-menu,.preference-menu,.mention-menu{background:#23262b;border-color:var(--line);box-shadow:0 12px 32px #0006;color:var(--ink)}.model-menu button,.preference-menu button{background:transparent;color:var(--ink)}.model-menu small{color:var(--muted)}.model-menu [aria-selected=true],.preference-menu [aria-selected=true]{background:#354131;color:var(--accent)}.preference-menu button{display:flex;align-items:center;gap:14px}.ratio-glyph{display:inline-block;width:22px;height:22px;border:1.5px solid currentColor;border-radius:3px;flex:none;vertical-align:middle}.ratio-auto{border-style:dashed}.feedback-consent{display:none!important}#attachfolder,#previewresult{display:none!important}
.preview-pane{background:#16181b;border-left:1px solid var(--line);padding:20px 18px;overflow:auto}.preview-pane h2,.preview-pane h3,.generation-timeline h3{color:var(--secondary)}.project-state,#project-state{color:var(--muted);font-size:10px}.preview-stage{background:#0c0d0f;border:1px solid #2c3036;border-radius:14px;height:310px;min-height:0}.preview-stage video{object-fit:contain;background:#0b0c0e}.preview-empty h3,.preview-empty p{color:var(--muted)}.preview-empty button{background:var(--paper);color:var(--secondary);border-color:var(--line)}.video-navigation{margin-top:12px}.video-navigation button{width:30px;height:30px;background:transparent;border-color:var(--line);color:var(--secondary)}.video-navigation span{color:var(--secondary)}.result-downloads button{background:var(--accent);color:#18220f;border-color:var(--accent);font-size:12px}.preview-caption{color:var(--muted);font-size:10px}.generation-timeline{margin-top:20px}.generation-point{background:#202226;color:var(--secondary);border-color:var(--line);border-radius:9px}.generation-point[aria-pressed=true]{background:#2b3429;border-color:#536847;color:#d6e7c9}.work-details,.preview-actions{border-color:var(--line)}.work-details summary,.document-preview{color:var(--muted)}.work-tabs{background:#202226}.work-tabs button[aria-pressed=true]{background:#34373c;color:var(--ink)}
.output-selection-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:12px 0 8px}.output-selection-toolbar button{border:0;background:none;padding:5px;color:var(--secondary);font-size:11px}.output-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:170px;overflow:auto}.output-choice{position:relative;border:1px solid var(--line);border-radius:8px;padding:3px;background:#202226}.output-choice.previewing{border-color:#d9dde5}.output-choice.checked{box-shadow:inset 0 0 0 1px var(--accent)}.output-choice>button{display:block;width:100%;padding:0;border:0;overflow:hidden;border-radius:5px;height:74px;background:#101214}.output-choice img{width:100%;height:100%;object-fit:cover}.output-choice label{margin:3px 0 0;display:flex;gap:5px;align-items:center;color:var(--secondary);font-size:10px;cursor:pointer}.output-choice input{width:13px;height:13px;accent-color:var(--accent);margin:0}.download-row{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.download-row span{color:var(--secondary)}
.inspiration-page{height:calc(100dvh - 68px);padding:30px max(26px,calc((100vw - 1320px)/2));background:var(--canvas)}.inspiration-intro h1{font-size:26px;letter-spacing:-.5px}.inspiration-eyebrow{color:var(--accent);font-size:9px}.inspiration-intro input{background:#1c1e22;color:var(--secondary);border-color:var(--line);border-radius:11px}.inspiration-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:18px 0 28px}.inspiration-feature,.inspiration-image-entry{min-height:250px;border:1px solid #383d42;border-radius:18px;overflow:hidden;text-align:left;position:relative;display:flex;align-items:flex-end;padding:26px;background:#22282b}.inspiration-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.inspiration-feature>div{position:relative;max-width:540px;text-shadow:0 2px 6px #0008}.inspiration-hero small{font-size:10px;letter-spacing:2px;color:var(--accent)}.inspiration-hero h2{font-size:25px;margin:9px 0;color:#f4f5f7}.inspiration-hero p{font-size:12px;color:#bdc4cb}.inspiration-hero span,.inspiration-hero strong{font-size:12px;color:var(--accent)}.inspiration-image-entry{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#28252f}.inspiration-image-entry h2{font-size:23px}.inspiration-tabs{gap:24px}.inspiration-tabs button{font-size:15px;color:var(--muted)}.inspiration-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink)}.inspiration-filters button{background:#202226;color:var(--secondary);border:1px solid var(--line);border-radius:20px;font-size:11px;padding:6px 13px}.inspiration-filters button[aria-pressed=true]{background:var(--accent);color:#18220f;border-color:var(--accent)}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.inspiration-card{background:#1b1d21;border:1px solid var(--line);border-radius:13px;overflow:hidden;padding:0 0 15px}.inspiration-card:hover{border-color:#65704f;transform:translateY(-3px)}.inspiration-cover{background:#24272c;aspect-ratio:4/3;border-radius:0;min-height:130px}.inspiration-cover img{width:100%;height:100%;object-fit:cover}.inspiration-card h3,.inspiration-card>p{margin-left:14px;margin-right:14px}.inspiration-card h3{color:var(--ink)}.inspiration-placeholder{color:#89909a;font-size:12px}.inspiration-badge{background:#111a;color:#ddd;border:1px solid #ffffff1a}.inspiration-about,.inspiration-cta{background:var(--paper);border-color:var(--line);border-radius:14px}.inspiration-about h3,.inspiration-cta h3{color:var(--ink)}.inspiration-player{background:#090b0d;border-color:var(--line)}.inspiration-detail-heading h1{color:var(--ink)}
.image-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);height:calc(100dvh - 68px);background:var(--canvas)}.image-side{padding:24px 16px;background:#17191c;border-right:1px solid var(--line)}.image-side h3{font-size:14px}.image-side p{font-size:11px;color:var(--muted)}.image-side>button,.image-side>select{display:block;width:100%;margin:10px 0;font-size:12px;border-radius:8px}.image-main{display:flex;flex-direction:column;min-height:0;max-width:1400px;width:100%;margin:auto;height:100%;padding:20px 30px}.image-workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:600}.image-workspace-heading small{font-weight:400;font-size:11px}.image-output-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;overflow:auto;min-height:0;flex:1;padding-bottom:14px;align-content:start}.image-result-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.image-preview{width:100%;height:240px;padding:0;border:0;background:#0b0d10;display:block}.image-preview img{width:100%;height:100%;object-fit:contain}.image-result-card>div{padding:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.image-result-card strong{font-size:12px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-result-card button{font-size:11px}.image-composer{background:var(--paper);border:1px solid #3b3e44;border-radius:17px;padding:14px 16px;margin-top:10px}.image-composer textarea{width:100%;background:transparent;border:0;resize:vertical;min-height:80px;max-height:180px;margin:0}.image-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.image-controls select{width:auto;font-size:12px;padding:7px;border-radius:8px;min-height:34px}.image-controls>.primary{margin-left:auto}.image-controls .image-add{width:34px;height:34px;padding:0;font-size:23px}.image-composer p{font-size:11px;color:var(--muted);margin:8px 0 0}.image-custom-size{display:flex;align-items:center;gap:4px}.image-custom-size input{width:74px;font-size:12px;padding:6px}.image-reference-list{display:flex;gap:7px;overflow:auto}.image-reference{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:11px;flex-shrink:0}.image-reference img{width:26px;height:34px;object-fit:contain}.image-full{display:block;max-width:100%;max-height:70vh;margin:auto}.image-empty{grid-column:1/-1;align-self:center;padding:80px 30px;text-align:center;color:var(--muted);font-size:14px}
.object-mapping-summary{display:flex;align-items:center;gap:12px;margin:9px 0;font-size:11px;color:var(--muted)}.object-mapping-summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-mapping-summary>button{margin-left:auto;white-space:nowrap;font-size:11px;padding:7px 10px;border-radius:8px}.object-marker-dialog{width:min(1000px,94vw)}.marker-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:24px}.marker-layout section{min-width:0}.marker-layout select,.marker-layout input{font-size:12px}.marker-player{display:block;width:100%;height:90px;background:#0b0d10;margin:8px 0;object-fit:contain}.marker-canvas{display:block;width:auto;height:auto;max-height:320px;max-width:100%;margin:auto;cursor:crosshair;border-radius:9px}.marker-layout input[type=range]{width:100%;accent-color:var(--accent)}.marker-layout p{font-size:11px;color:var(--muted)}.marker-layout h3{font-size:13px}.marker-layout section>button{font-size:11px;margin:4px}.marker-object-list{display:flex;gap:6px;flex-wrap:wrap}.marker-object-row button{border-left:4px solid var(--marker);font-size:12px}.marker-object-row [aria-pressed=true]{background:#394251}.marker-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;max-height:310px;overflow:auto}.marker-reference{padding:5px;border:1px solid var(--line);border-radius:9px;min-width:0}.marker-reference[aria-pressed=true]{border-color:var(--accent);background:#2c3529}.marker-reference img{width:100%;height:112px;object-fit:contain;background:#101215}.marker-reference span{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-keyframes{width:100%;display:flex;gap:4px;flex-wrap:wrap}.marker-keyframes span{display:inline-flex}.marker-keyframes button{font-size:10px;padding:4px 6px}.object-marker-dialog .primary{display:block;margin:14px 0 0 auto}
dialog{background:#1b1d21;color:var(--ink);border:1px solid #3a3e44;border-radius:17px;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#050608b8;backdrop-filter:blur(6px)}dialog .dialog-heading{border-color:var(--line)}dialog .dialog-heading h2{color:var(--ink)}dialog .dialog-body{max-height:calc(90dvh - 100px);overflow:auto}.panel,.task-progress,.library-add{background:#202226;border-color:var(--line)}.archive-card,.archive-generation,.archive-video-card,.library-project-card,.user-asset-card{background:#202226;color:var(--ink);border-color:var(--line)}.archive-thumbnail,.archive-preview-button{background:#101215}.library-tabs button[aria-pressed=true]{background:#36422d;color:var(--accent)}.dialog-intro,.panel p{color:var(--secondary)}pre{background:#111315;color:var(--secondary)}#notice,#studio-tooltip{background:#353b31;color:#eef7e8;border:1px solid #536347}#studio-tooltip{box-shadow:0 5px 24px #0006}.drop-cover{background:#1c241eee;border-color:var(--accent);color:var(--accent)}
@media(min-width:1500px){.desktop{grid-template-columns:minmax(0,1fr) 390px}.preview-stage{height:390px}.image-preview{height:300px}}
@media(max-height:790px) and (min-width:1001px){.preview-stage{height:240px}.composer-wrap{padding-top:6px;padding-bottom:10px}.prompt-editor{min-height:65px;max-height:160px;overflow:auto}.composer-heading{padding-top:10px}.task-progress{padding:9px}.chatstream{min-height:40px}.conversation-top{padding-top:12px;padding-bottom:12px}.image-preview{height:190px}.image-composer textarea{min-height:60px}.inspiration-feature,.inspiration-image-entry{min-height:215px}}
@media(max-width:1100px){.surface-nav{gap:16px}.topbar{padding:0 16px}.desktop{grid-template-columns:minmax(0,1fr) 300px}.sidebar{width:185px}main{margin-left:185px;width:calc(100% - 185px)}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-wrap{padding-left:16px;padding-right:16px}.image-main{padding:18px}.image-workspace{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1000px){.desktop{display:block;height:auto}.conversation{min-height:650px}.chatstream{max-height:55vh}.preview-pane{border-top:1px solid var(--line)}.preview-stage{height:360px}.output-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){main{margin:0;width:100%}.sidebar{width:240px}.topbar{height:auto;min-height:62px;padding:10px 12px;flex-wrap:wrap}.surface-nav{gap:15px}.surface-nav button{font-size:12px;padding:10px 0}.surface-nav .surface-brand{display:none!important}.top-actions{gap:5px}.wallet-chip{font-size:10px}.inspiration-page{height:calc(100dvh - 100px);padding:22px 16px}.inspiration-intro{display:block}.inspiration-intro input{width:100%}.inspiration-hero{grid-template-columns:1fr}.inspiration-feature,.inspiration-image-entry{min-height:180px;padding:22px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-card h3{font-size:13px}.inspiration-cover{min-height:90px}.image-workspace{display:block;height:auto}.image-side{display:flex;gap:8px;align-items:center;padding:10px 14px;flex-wrap:wrap;border-right:0}.image-side p{display:none}.image-side h3{margin:0}.image-side>button,.image-side>select{width:auto;margin:0;font-size:11px}.image-main{height:calc(100dvh - 165px);min-height:500px;padding:14px}.image-workspace-heading small{display:none}.image-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview{height:180px}.image-composer{padding:10px}.marker-layout{grid-template-columns:1fr}.marker-canvas{max-height:240px}.marker-reference img{height:90px}.output-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.download-row{grid-template-columns:1fr auto}.download-row span{grid-column:1/-1}.project-more{opacity:1}.object-mapping-summary>span{max-width:60%}.image-controls{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Override legacy sticky dialog headers in all three surfaces. */
dialog>.dialog-heading{background:var(--paper);color:var(--ink)}
body[data-surface=image] #refreshdesktop{display:none!important}

/* Stable ratio columns and explicit object-to-reference links. */
.preference-menu button.ratio-option{display:grid;grid-template-columns:32px minmax(48px,1fr) 16px;gap:12px;min-height:48px;padding:8px 12px}
.ratio-icon-slot{width:32px;height:28px;display:flex;align-items:center;justify-content:center}
.preference-option-label{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left}
.preference-menu button.ratio-option:after{content:'';width:16px}
.preference-menu button.ratio-option[aria-selected=true]:after{content:'✓'}
.marker-object-row{width:100%}.marker-object-row button{width:100%;text-align:left;padding:10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.marker-map-detail{font-size:11px;color:var(--secondary);flex:1;min-width:100px;overflow-wrap:anywhere}
.marker-map-thumb{width:32px;height:40px;object-fit:cover;border-radius:4px}
.marker-reference-state{display:block;font-size:10px;font-weight:500;margin:5px 0;color:var(--secondary)}
.marker-reference[aria-pressed=true] .marker-reference-state{color:var(--accent)}
.marker-mapping-hint{min-height:30px}.marker-layout section>button{min-height:36px}

/* Project materials: thumbnails only; names remain in tooltips and accessible labels. */
#assetstrip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:3px 0 8px}
#assetstrip .material-tile{flex:0 0 72px;width:72px;min-width:72px;max-width:72px}
#assetstrip .material-card{display:block;width:72px;height:88px;min-height:0;max-width:none;padding:0;margin:0;gap:0;border:0;background:transparent;border-radius:8px;box-shadow:none;overflow:hidden}
#assetstrip .material-card>span:not(.material-thumb){display:none}
#assetstrip .material-card .material-thumb{display:block;width:72px;height:88px;border-radius:8px;object-fit:cover;background:#23262b;padding:0;margin:0}
#assetstrip .material-card span.material-thumb{display:grid;place-items:center;font-size:25px;color:var(--secondary)}
#assetstrip .material-card:hover{filter:brightness(1.12)}
#assetstrip .material-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#assetstrip .material-remove{top:3px;right:3px;border:0;opacity:0;transition:opacity .12s ease;background:#17191ed9}
#assetstrip .material-tile:hover .material-remove,#assetstrip .material-tile:focus-within .material-remove{opacity:1}
@media(hover:none){#assetstrip .material-remove{opacity:1}}
@media(prefers-reduced-motion:reduce){#assetstrip .material-remove{transition:none}}
/* Accepted Taste direction: neutral surfaces, media first, one action hierarchy. */
:root{--canvas:#101112;--paper:#191b1d;--surface:#252729;--ink:#f2f2ee;--secondary:#b5b7b4;--muted:#9b9e9a;--line:#323436;--border:#323436;--accent:#d3ee9a;--hover:#2a2c2e;--selected:#252a21}
body{font-family:'Microsoft YaHei',system-ui,sans-serif;font-size:14px}button,input,textarea,select{font-size:14px}button{min-height:36px}h1,h2,h3{font-weight:600;letter-spacing:0}button:active:not(:disabled){transform:none}
.sidebar{background:var(--canvas);padding:22px 12px}.brand-icon{background:var(--ink);color:var(--canvas)}.project-select{font-size:14px}.sidebar-label{font-size:12px}.sidebar .new-project{margin:22px 0 24px}.topbar{height:64px}.surface-nav button{font-size:14px;padding:20px 0}.top-actions button,.wallet-chip{font-size:12px}.surface-nav button[aria-current=true]{box-shadow:0 2px var(--ink)}
.primary,.creation-action .send,.result-downloads button,.inspiration-primary,#loginbutton{background:var(--ink);border-color:var(--ink);color:#141614;font-weight:600}.primary:hover:not(:disabled),.creation-action .send:hover:not(:disabled),.result-downloads button:hover:not(:disabled),.inspiration-primary:hover:not(:disabled){background:#dfe2db;border-color:#dfe2db;color:#141614}
.desktop{height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) 330px}.conversation-top{padding:16px 24px}.chatstream{padding:0 24px 12px}.welcome h1{font-size:24px}.welcome p{font-size:14px;line-height:1.8}.quick-prompts button{font-size:12px}.composer{box-shadow:none;border-radius:14px}.composer-wrap{padding:10px 24px 16px}.composer-heading{font-size:12px;padding:12px 14px 0}.prompt-editor{min-height:76px;padding:12px 14px;font-size:14px;line-height:1.75}.composer-bottom .model-picker>button{font-size:12px}.composer-bottom button,.preference-chip{min-height:36px;background:transparent;border-color:var(--line)}.preference-chip{display:inline-flex;gap:10px;align-items:center;justify-content:center;white-space:nowrap}.preference-chip .ratio-glyph{max-width:22px;max-height:18px}.creation-action{padding:10px 12px}.creation-action .send{border-radius:9px;min-height:38px}.composer-hint,.more-preferences,.quote-preview p,.quote-preview summary,.task-progress,.materials-heading,.object-mapping-summary{font-size:12px}.material-guidance{font-size:12px}#assetstrip{gap:8px;max-height:100px;overflow:auto}#assetstrip .material-tile{flex-basis:60px;width:60px;min-width:60px;max-width:60px}#assetstrip .material-card,#assetstrip .material-card .material-thumb{width:60px;height:72px}.object-mapping-summary{margin:5px 0 8px}.task-status{font-size:12px}.task-progress{padding:10px 12px}.task-progress p{margin:6px 0 0}.more-preferences{float:right}.composer-hint{display:none}.quote-preview{margin:6px 0}
.preview-pane{background:#151617;padding:20px 18px}.preview-stage{height:320px;border-radius:10px;background:#090a0b}.preview-pane h2{font-size:16px}.preview-pane h3{font-size:14px}.project-state,#project-state,.preview-caption{font-size:12px}.output-selection-toolbar,.output-selection-toolbar button{font-size:12px}.output-selection-toolbar{gap:8px}.output-choices{grid-template-columns:repeat(4,minmax(0,1fr));max-height:180px}.output-choice{border-radius:7px;background:var(--paper)}.output-choice label{font-size:12px;min-height:24px}.output-choice.checked{border-color:var(--accent)}.output-choice>button{height:68px}.output-choice.previewing>button{outline:1px solid var(--ink);outline-offset:-1px}.result-downloads button{min-height:38px}.generation-point{font-size:12px;background:transparent}.generation-point[aria-pressed=true]{border-color:#53584b;background:#23271f}.generation-timeline{margin-top:22px}.output-choice img{object-fit:cover}
.inspiration-page{height:calc(100dvh - 64px);padding:30px max(28px,calc((100vw - 1320px)/2))}.inspiration-intro h1{font-size:24px}.inspiration-intro p{font-size:14px}.inspiration-eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}.inspiration-hero{grid-template-columns:1fr;margin:22px 0 26px}.inspiration-feature{min-height:190px;padding:26px 30px;border-radius:12px;background:var(--paper);border-color:var(--line)}.inspiration-feature>img{opacity:.5}.inspiration-hero h2{font-size:24px}.inspiration-hero p{font-size:14px;line-height:1.7}.inspiration-hero small,.inspiration-hero span{font-size:12px}.inspiration-feature>div{max-width:620px}.inspiration-feature:not(:has(img))>div{text-shadow:none}.inspiration-tabs button{font-size:16px}.inspiration-filters button{font-size:12px;padding:6px 14px}.inspiration-filters button[aria-pressed=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.inspiration-grid{gap:24px 18px}.inspiration-card{border:0;border-radius:0;background:transparent;padding-bottom:0}.inspiration-card:hover{transform:none;background:transparent}.inspiration-cover{border-radius:10px;background:var(--paper);aspect-ratio:4/3}.inspiration-card:hover .inspiration-cover{outline:1px solid #62665c;outline-offset:2px}.inspiration-card h3,.inspiration-card>p{margin-left:0;margin-right:0}.inspiration-card h3{font-size:16px;margin-top:12px;margin-bottom:6px}.inspiration-card>p{font-size:12px;line-height:1.7;color:var(--muted)}.inspiration-placeholder{font-size:12px}.inspiration-about p{font-size:14px;line-height:1.85}.inspiration-about h3{font-size:16px}.inspiration-player{border-radius:10px}.inspiration-detail-heading h1{font-size:24px}.inspiration-requirement{font-size:14px}.inspiration-about,.inspiration-cta{border-radius:10px}
.image-workspace{height:calc(100dvh - 64px);grid-template-columns:180px minmax(0,1fr) 270px}.image-side{background:var(--canvas);padding:22px 16px}.image-side p,.image-side>button,.image-side>select{font-size:12px}.image-main{padding:22px 26px;max-width:none}.image-workspace-heading{font-size:18px}.image-workspace-heading small{font-size:12px}.image-output-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:18px;align-content:start}.image-preview{height:220px;border-radius:8px}.image-result-card{border:0;background:transparent;overflow:visible}.image-result-card>div{padding:9px 0}.image-result-card strong{font-size:12px;color:var(--secondary)}.image-preview img{border-radius:8px;object-fit:cover}.image-preview[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.image-asset-detail{padding:22px 18px;border-left:1px solid var(--line);background:#151617;overflow:auto;min-width:0}.image-asset-detail h3{font-size:16px;margin:0 0 20px}.image-asset-detail h4{font-size:14px;overflow-wrap:anywhere}.image-asset-detail p{font-size:12px;color:var(--muted);line-height:1.8}.image-detail-preview{width:100%;padding:0;border:0;background:transparent}.image-detail-preview img{width:100%;max-height:340px;object-fit:contain;border-radius:8px}.image-asset-detail>button:not(.image-detail-preview){width:100%;margin-top:10px;border-radius:8px}.image-composer{border-radius:14px;padding:12px 14px}.image-composer textarea{font-size:14px;min-height:76px}.image-composer p{font-size:12px}.image-controls .preference-chip{font-size:12px}.image-controls .preference-menu{bottom:calc(100% + 8px);top:auto}.image-reference img{width:38px;height:46px;border-radius:5px}.image-reference{background:transparent;border:0}.image-reference span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.object-marker-dialog{width:min(1060px,94vw)}.marker-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:28px}.marker-layout section{min-width:0}.marker-player{display:none!important}.marker-canvas{margin:14px auto 12px;max-height:min(48vh,450px);border-radius:8px}.marker-transport{display:flex;align-items:center;gap:12px}.marker-transport input{flex:1;min-width:0}.marker-playback{min-width:60px}.marker-layout p,.marker-layout input,.marker-layout select,.marker-map-detail{font-size:12px}.marker-layout h3{font-size:14px}.marker-map-detail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-object-row button{background:transparent;min-height:56px}.marker-object-row [aria-pressed=true]{background:var(--surface);outline:1px solid var(--marker);outline-offset:-1px}.marker-references{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.marker-reference{background:transparent;border-radius:8px}.marker-reference img{height:100px;border-radius:5px}.marker-reference-state{font-size:12px}.marker-reference span{font-size:12px}.marker-keyframes{margin:8px 0}.marker-keyframes button{font-size:12px}.marker-mapping-hint{line-height:1.7}.marker-layout section>input,.marker-layout section>select{max-width:48%;min-height:36px}.dialog-intro{font-size:14px;line-height:1.8}.studio-dialog .dialog-heading h2{font-size:18px}
#remix-preparation{background:var(--paper);border-color:var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px}.remix-heading h3{font-size:14px;margin:4px 0}.remix-heading small,#remix-preparation>p{font-size:12px;color:var(--muted)}.remix-heading button{font-size:12px}.remix-materials summary{font-size:12px;cursor:pointer;min-height:28px;color:var(--secondary)}.remix-slots{margin-top:12px}.remix-slot{background:transparent;border-color:var(--line);font-size:12px}.remix-slot button,.remix-slot select{font-size:12px}.remix-binding{background:var(--surface);color:var(--ink)}
@media(min-width:1500px){.desktop{grid-template-columns:minmax(0,1fr) 370px}.preview-stage{height:390px}.image-preview{height:270px}}
@media(max-height:850px) and (min-width:1001px){.preview-stage{height:270px}.composer-wrap{padding-top:6px;padding-bottom:10px}.prompt-editor{min-height:58px;max-height:110px;overflow:auto}.composer-heading{padding-top:9px}.task-progress{padding:8px 10px}.image-preview{height:190px}.welcome{margin:20px 0}.conversation-top{padding-top:12px;padding-bottom:12px}}
@media(max-width:1200px){.image-workspace{grid-template-columns:160px minmax(0,1fr) 220px}.image-main{padding:20px}.image-workspace-heading small{display:none}.image-controls{gap:6px}.image-controls .primary{width:100%;margin:4px 0 0}.image-output-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media(max-width:1000px){.desktop{display:block;height:auto}.conversation{min-height:650px}.preview-stage{height:360px}.image-workspace{grid-template-columns:minmax(0,1fr) 230px}.image-side{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 18px;border-right:0;border-bottom:1px solid var(--line)}.image-side>button,.image-side>select{width:auto;margin:0}.image-side p{display:none}.image-side h3{margin:0}.image-main{min-height:580px}.image-asset-detail{min-height:580px}.surface-nav{gap:18px}}
@media(max-width:700px){.topbar{height:auto;padding:10px 12px}.surface-nav button{padding:10px 0;font-size:12px}.surface-nav{gap:16px}.top-actions button{font-size:12px}.inspiration-page{height:calc(100dvh - 100px);padding:22px 16px}.inspiration-feature{padding:20px;min-height:170px}.inspiration-hero h2{font-size:20px}.inspiration-grid{gap:22px 14px}.inspiration-card h3{font-size:14px}.inspiration-intro h1{font-size:24px}.inspiration-hero p{font-size:12px}.image-workspace{display:block;height:auto}.image-main{padding:20px 16px;height:680px;min-height:0}.image-asset-detail{min-height:0;border-left:0;border-top:1px solid var(--line)}.image-detail-preview img{max-height:260px}.image-preview{height:210px}.image-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-wrap{padding-left:16px;padding-right:16px}.chatstream{padding-left:16px;padding-right:16px}.material-guidance{display:none}.marker-layout{grid-template-columns:1fr}.marker-canvas{max-height:280px}.marker-references{max-height:220px}.marker-layout{gap:18px}.preview-stage{height:360px}.object-mapping-summary>span{max-width:58%}.image-controls .primary{width:auto;margin-left:auto}.image-controls{flex-wrap:wrap}}


.object-marker-dialog .marker-canvas{max-height:min(40vh,360px)}.object-marker-dialog .dialog-body>.primary{position:sticky;bottom:0;z-index:2;box-shadow:0 0 0 8px var(--paper)}.marker-reference:disabled{background:transparent!important;border-color:var(--line)!important}.output-poster-fallback{display:grid;place-items:center;height:100%;color:var(--muted);font-size:12px;padding:5px}.image-output-grid{padding:4px 4px 14px}.remix-materials{padding-top:4px}


.intent-plan,.intent-plan>summary{background:transparent;color:var(--secondary);border-color:var(--line);font-size:12px}.intent-plan select,.intent-plan input{background:var(--surface);color:var(--ink);border-color:var(--line)}.intent-plan p{color:var(--muted)}#imageplanner{display:none!important}


/* Image submission feedback stays beside the action; old task rows are folded. */
.image-jobs{flex:none;margin-bottom:12px;min-height:0}.image-history>summary{font-size:12px;color:var(--secondary);cursor:pointer;padding:6px 0}.image-history>div{max-height:220px;overflow:auto}.image-task{padding:12px 0;border-bottom:1px solid var(--line)}.image-task>p{margin:0 0 6px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.image-task-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--secondary)}.image-task>a{display:inline-block;margin-top:8px;font-size:12px}.image-task-error{color:var(--secondary)}.image-composer .image-submission{font-size:14px;line-height:1.5;color:var(--text,#f4f4f4);margin:0 0 12px;padding:10px 12px;background:var(--canvas);border-radius:8px;overflow-wrap:anywhere}.image-submission[data-state=pending]:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:currentColor;animation:image-status-pulse 1.4s ease-in-out infinite}.image-submission[data-state=error]{border-left:2px solid #dd9d88}.image-composer{flex:none}.image-output-grid{min-height:120px}.image-workspace-heading>div{font-weight:600}
@keyframes image-status-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.image-submission[data-state=pending]:before{animation:none}}@media(max-width:700px){.image-main{height:auto;min-height:580px;gap:0}.image-output-grid{flex:none;max-height:340px;min-height:120px;overflow:auto}.image-composer{margin-bottom:16px}.image-history>div{max-height:180px}}
/* Reference attachment is a thumbnail with a separate keyboard-accessible cancel action. */
.image-reference-list .image-reference{position:relative;display:inline-flex;flex-direction:column;gap:5px;padding:5px 10px 0 0;background:transparent;border:0}
.image-reference-list .image-reference img{width:64px;height:72px;object-fit:cover;border-radius:7px}
.image-reference-list .image-reference span{font-size:12px;color:var(--secondary)}
.image-reference-list .image-reference-remove{position:absolute;top:0;right:0;width:24px;height:24px;min-height:24px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--text);font-size:18px;line-height:20px}
.image-composer.image-drop-active{outline:2px solid var(--secondary);outline-offset:3px;background:var(--paper)}
.material-edit-preview{width:80px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:12px}
.material-edit-form{display:grid;gap:16px}.material-edit-form label{display:grid;gap:7px;font-size:14px;margin:0;color:var(--secondary)}.material-edit-form input:not([type=checkbox]),.material-edit-form select,.material-edit-form textarea{width:100%;min-width:0}.material-edit-form input[type=checkbox]{width:auto;justify-self:start}.material-voice-fields{display:grid;gap:10px}.material-voice-fields[hidden]{display:none}.material-voice-fields audio{max-width:100%}
@media(max-width:700px){.image-reference-list .image-reference-remove{width:32px;height:32px;min-height:32px;right:-4px;top:-3px}}

.image-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.image-detail-actions>button{min-height:40px;width:100%;padding:8px 5px;font-size:12px;white-space:nowrap}.image-detail-actions>button:disabled{opacity:1;color:var(--secondary);background:transparent;border-color:var(--line)}.image-download-options{display:grid;gap:12px}.image-download-option{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.image-download-option:hover{background:var(--surface)}

/* Official audio planning shares the workbench's readable dark controls. */
.production-audio input:not([type="checkbox"]),
.production-audio select,
.production-audio textarea {
  background: #292c2d;
  color: #f1f2ef;
  border: 1px solid #454849;
  border-radius: 10px;
  padding: 10px 12px;
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0;
  font: inherit;
}
.production-audio textarea { min-height: 86px; resize: vertical; }
.production-audio input::placeholder,
.production-audio textarea::placeholder { color: #a3aaa8; opacity: 1; }
.production-audio select option { background: #292c2d; color: #f1f2ef; }
.production-audio input:focus-visible,
.production-audio select:focus-visible,
.production-audio textarea:focus-visible { outline: 2px solid #d6e9aa; outline-offset: 2px; }
.production-audio .audio-plan-details { margin-top: 16px; }

/* Native preview playback with a transparent marker overlay. */
.object-marker-dialog .marker-viewport{position:relative;width:fit-content;max-width:100%;margin:14px auto 12px;line-height:0}.object-marker-dialog .marker-viewport .marker-player{display:block!important;width:auto;height:auto;max-width:100%;max-height:min(40vh,360px);margin:0;border-radius:8px}.object-marker-dialog .marker-viewport .marker-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;background:transparent}.marker-reference .marker-reference-state{display:block;white-space:normal;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}.marker-reference .marker-reference-action{display:block;white-space:normal;font-size:11px;line-height:1.5;margin-top:4px}.marker-reference[aria-pressed=true] .marker-reference-state{color:var(--accent)}