@font-face{font-family:Avenir;src:url(/fonts/avenir-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/avenir-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Elza;src:url(/fonts/elza-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Elza;src:url(/fonts/elza-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Gelica;src:url(/fonts/gelica-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gelica;src:url(/fonts/gelica-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/gotham-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/gotham-bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Myriad Pro;src:url(/fonts/myriad-pro-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Myriad Pro;src:url(/fonts/myriad-pro-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Neo Sans;src:url(/fonts/neo-sans-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Neo Sans;src:url(/fonts/neo-sans-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/proxima-nova-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/proxima-nova-bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;--font-inter:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-google-sans:"Google Sans","Product Sans",var(--font-inter);--font-sans:var(--font-inter);--font-title:var(--font-google-sans);--font-body:var(--font-inter);--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:56px;--space-12:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(18,18,18,0.06);--shadow-sm:0 8px 24px rgba(18,18,18,0.08);--shadow-md:0 16px 40px rgba(18,18,18,0.10);--shadow-lg:0 24px 64px rgba(18,18,18,0.14);--dur-fast:120ms;--dur-base:200ms;--ease-standard:cubic-bezier(0.2,0,0,1)}*{box-sizing:border-box}body,html{background:var(--surface-subtle)}body{margin:0;min-height:100vh;color:var(--text-primary);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:var(--space-8) 0 var(--space-11);font-family:var(--font-body)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:var(--space-7);gap:var(--space-7);align-items:stretch;margin-bottom:var(--space-7)}.hero>div:first-child,.heroCard,.panel{border:1px solid var(--border-default);background:var(--surface-canvas);box-shadow:var(--shadow-sm)}.hero>div:first-child{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-9)}.hero>div:first-child:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0,rgba(0,117,255,.1),transparent 55%),radial-gradient(80% 80% at 0 100%,rgba(121,20,255,.06),transparent 50%);pointer-events:none}.hero>div:first-child>*{position:relative}.eyebrow{color:var(--text-link);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brandMark,.eyebrow{display:inline-flex;align-items:center;gap:var(--space-3)}.brandName{font-family:var(--font-title);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary-active)}.versionBadge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);background:linear-gradient(140deg,var(--blue-700),var(--color-primary));color:var(--text-on-brand);font-size:.66rem;font-weight:900;letter-spacing:.08em;box-shadow:var(--shadow-xs)}.hero h1{max-width:920px;margin:var(--space-5) 0 var(--space-5);color:var(--text-primary);font-family:var(--font-title);font-size:clamp(2.4rem,5vw,5.2rem);line-height:1;letter-spacing:-.035em}.hero p{max-width:760px;margin:0;color:var(--text-secondary);font-size:1.08rem;line-height:1.7}.heroCard{border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-4);background:linear-gradient(160deg,var(--blue-100),var(--surface-canvas) 88%)}.heroCard span{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.heroCard small{color:var(--text-secondary);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--blue-200)}.heroCard strong{color:var(--color-primary-active);font-family:var(--font-title);font-size:1.45rem;line-height:1.1}.workspace{position:relative;grid-template-columns:430px minmax(0,1fr);grid-gap:var(--space-7);gap:var(--space-7);transition:grid-template-columns var(--dur-normal) var(--ease-standard)}.panel{border-radius:var(--radius-lg)}.sectionHeader{display:flex;gap:var(--space-4);align-items:center}.sectionHeader span{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;background:linear-gradient(140deg,var(--blue-700),var(--color-primary));color:var(--text-on-brand);border:1px solid transparent;box-shadow:var(--shadow-xs);font-weight:900}.sectionHeader h2{margin:0;color:var(--text-primary);font-family:var(--font-title);font-size:1rem}.sectionHeader p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:.88rem}.sectionHeader.compact{margin-top:var(--space-2)}label{display:flex;flex-direction:column;gap:var(--space-3);color:var(--text-secondary);font-size:.9rem;font-weight:750}input,select,textarea{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:13px 14px;background:var(--surface-canvas);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}select{cursor:pointer}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.suggestions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.suggestions button{border:1px solid var(--border-default);color:var(--text-secondary);background:var(--surface-canvas);border-radius:var(--radius-pill);padding:var(--space-3) 10px;font-size:.78rem;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.suggestions button:hover{border-color:var(--color-primary);color:var(--text-link);background:var(--color-primary-subtle)}.fontSelect{position:relative;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.fontSelectLabel{color:var(--text-secondary);font-size:.8rem;font-weight:750}.fontSelectTrigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:11px 12px;background:var(--surface-canvas);color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.fontSelectTrigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.fontSelectTrigger svg{flex:none;color:var(--icon-default);transition:transform var(--dur-fast) var(--ease-standard)}.fontSelectTrigger[aria-expanded=true]{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.fontSelectTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.fontSelectTrigger:hover{border-color:var(--border-strong)}.fontSelectMenu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:max(100%,230px);max-width:300px;max-height:320px;overflow-y:auto;display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3);background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.fontSelectGroup{display:grid;grid-gap:2px;gap:2px}.fontSelectGroupLabel{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-tertiary);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fontSelectOption{border:0;border-radius:var(--radius-sm);padding:9px 10px;background:transparent;color:var(--text-primary);font-size:1.05rem;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.fontSelectOption:hover{background:var(--surface-subtle)}.fontSelectOption.active{background:var(--color-primary-subtle);color:var(--color-primary-active)}.iconFeature{margin-top:var(--space-3);border:1px dashed var(--border-default);background:var(--surface-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.iconFeature strong{color:var(--text-primary);font-size:.95rem}.iconFeature p{color:var(--text-secondary);font-size:.85rem;margin:0}.stage{min-width:0;padding:var(--space-7);min-height:760px}.toolbar{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.toolbarHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-5) var(--space-6)}.creativeReferenceBlock{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle)}.creativeReferenceBlock>div:first-child{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.creativeReferenceBlock>div:first-child strong{color:var(--text-primary);font-size:.88rem}.creativeReferenceBlock>div:first-child small{color:var(--text-secondary);line-height:1.45}.linkButton{border:0;background:transparent;color:var(--text-link);font-weight:800;font-size:.82rem;cursor:pointer;padding:0}.linkButton:hover{text-decoration:underline}.variationStrip{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-5)}.variationStrip button{display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:116px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-canvas);color:var(--text-secondary);font-size:.74rem;font-weight:700;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.variationStrip button img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-subtle)}.variationStrip button.active{border-color:var(--color-primary);box-shadow:var(--focus-ring);color:var(--color-primary-active)}.formatExport{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-6);border-top:1px solid var(--border-default);padding-top:var(--space-5)}.formatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.formatCard{margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-canvas);padding:var(--space-3)}.formatCard img{width:100%;max-height:200px;object-fit:contain;background:var(--surface-subtle);border-radius:var(--radius-sm)}.formatCard figcaption{text-align:center;font-size:.78rem;font-weight:700;color:var(--text-secondary)}.layerPanel{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--blue-200);background:var(--color-primary-subtle);border-radius:var(--radius-lg);display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.canvas{width:min(100%,760px);margin:0 auto;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--border-default);background:var(--surface-muted);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-xs)}.canvas.ratio-1-1{aspect-ratio:1/1}.canvas.ratio-4-5{aspect-ratio:4/5}.canvas.ratio-9-16{aspect-ratio:9/16;width:min(100%,520px)}.canvas.ratio-16-9{aspect-ratio:16/9}.canvas.ratio-3-2{aspect-ratio:3/2}.canvas.ratio-5-4{aspect-ratio:5/4}.canvas img{width:100%;height:100%;object-fit:contain;background:var(--surface-inverse)}.canvas.iconCanvas{aspect-ratio:auto;place-items:stretch;padding:var(--space-5);width:min(100%,760px)}.iconResultGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4);width:100%}.iconResultCard{margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-canvas);padding:var(--space-3)}.iconResultMedia{position:relative}.iconResultCard img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--surface-inverse);border-radius:var(--radius-sm);display:block}.iconBadge{position:absolute;top:var(--space-2);left:var(--space-2);padding:3px 7px;border-radius:var(--radius-pill);background:var(--color-warning-subtle);color:var(--amber-800);border:1px solid var(--amber-200);font-size:.62rem;font-weight:800;letter-spacing:.02em}.iconResultCard figcaption{font-size:.78rem;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconDownload{text-align:center;font-size:.78rem;font-weight:700;text-decoration:none;color:var(--text-link);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2);transition:background .15s ease,border-color .15s ease}.iconDownload:hover{background:var(--surface-subtle);border-color:var(--text-link)}.emptyState{max-width:360px;text-align:center;color:var(--text-secondary);padding:var(--space-8)}.emptyState span{color:var(--text-link);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.emptyState strong{display:block;color:var(--text-primary);font-family:var(--font-title);font-size:1.7rem;line-height:1.05;margin:var(--space-4) 0}.errorBox{margin:var(--space-5) auto 0;max-width:760px;border:1px solid var(--red-200);background:var(--color-danger-subtle);color:var(--color-danger-hover);border-radius:var(--radius-lg);padding:14px var(--space-5)}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.actions a,.actions button{border:0;border-radius:var(--radius-pill);padding:13px var(--space-6);font-weight:900;cursor:pointer;text-decoration:none}.primary{color:var(--text-on-brand);background:linear-gradient(180deg,var(--blue-700),var(--color-primary));box-shadow:var(--shadow-sm);min-width:180px;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.secondary{color:var(--text-on-brand);background:var(--color-secondary)}.secondary:hover{background:var(--color-secondary-hover)}.ghost{color:var(--text-primary);background:var(--surface-muted)}.hint{max-width:760px;margin:0 auto;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px var(--space-5);line-height:1.5}.hint strong{color:var(--text-primary)}.history{margin-top:var(--space-7);border-top:1px solid var(--border-default);padding-top:var(--space-6)}.historyGrid{margin-top:var(--space-5);display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.historyGrid button{overflow:hidden;border:1px solid var(--border-default);background:var(--surface-canvas);border-radius:var(--radius-lg);padding:0;color:var(--text-primary);cursor:pointer}.historyGrid button.selected{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.historyGrid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.historyGrid span{display:block;padding:var(--space-3);color:var(--text-secondary);font-size:.78rem}.studioEditor{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);width:100%;margin-top:var(--space-4);overflow:hidden;border:1px solid #27354a;border-radius:var(--radius-lg);background:#111827;color:#e8eef8;box-shadow:var(--shadow-md)}.pageManager,.projectHeader{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid #27354a;background:#111827}.projectHeader{justify-content:space-between}.projectHeader label{min-width:min(360px,100%);display:grid;grid-gap:4px;gap:4px;color:#8fa1bb;font-size:.68rem;font-weight:700}.addLayerTools select,.pageSettings input,.pageSettings select,.projectHeader input{min-height:36px;border:1px solid #34445e;border-radius:7px;padding:7px 9px;background:#202b40;color:#f4f7fb;font:inherit}.addLayerTools,.pageActions,.projectActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.addLayerTools button,.pageActions button,.projectActions button{min-height:36px;border:1px solid #34445e;border-radius:7px;padding:7px 10px;background:#202b40;color:#dbe7f8;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}.addLayerTools button:hover,.pageActions button:hover:not(:disabled),.projectActions button:hover{border-color:#5f7ba8;background:#293854}.pageManager{align-items:stretch;background:#172033}.pageTabs{min-width:0;flex:1 1 420px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.pageTabs>button{min-width:154px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"number name" "number size";align-items:center;grid-gap:1px 8px;gap:1px 8px;border:1px solid #34445e;border-radius:9px;padding:8px 10px;background:#202b40;color:#dbe7f8;text-align:left;cursor:pointer}.pageTabs>button>span{grid-area:number;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#34445e;color:#b9d7ff;font-size:.68rem;font-weight:800}.pageTabs>button>strong{grid-area:name;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.pageTabs>button>small{grid-area:size;color:#8fa1bb;font-size:.62rem}.pageTabs>button.active{border-color:#1688ff;background:#183b69;box-shadow:inset 0 0 0 1px rgba(22,136,255,.25)}.pageTabs>button.active>span{background:#1688ff;color:#ffffff}.pageSettings{flex:1 1 100%;display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(150px,1fr) repeat(2,minmax(92px,.55fr)) minmax(210px,1.2fr);grid-gap:8px;gap:8px}.pageSettings label{min-width:0;display:grid;grid-gap:4px;gap:4px;color:#8fa1bb;font-size:.65rem;font-weight:700}.editorTopbar button:focus-visible,.layerSelectButton:focus-visible,.layerToggle:focus-visible,.pageManager button:focus-visible,.projectHeader button:focus-visible{outline:2px solid #72b5ff;outline-offset:2px}.editorEmpty{min-height:460px;display:grid;place-content:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-8);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-subtle);color:var(--text-secondary)}.editorEmpty span{color:var(--text-link);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.editorEmpty strong{color:var(--text-primary);font-size:1.3rem}.editorEmpty p{margin:0}.editorTopbar{min-height:58px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid #27354a;background:#172033}.artboardTabs,.editorToolGroup,.editorViewTools,.zoomControls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.editorViewTools{padding:4px;border:1px solid #34445e;border-radius:9px;background:#111827}.editorViewTools>button{border-color:transparent;background:transparent}.editorViewTools>button.active{border-color:#1778ff;background:#17447b;color:#ffffff}.editorViewTools kbd{margin-left:3px;border:1px solid #50617b;border-radius:4px;padding:1px 4px;background:#111827;color:#9fb0c8;font:inherit;font-size:.62rem}.zoomControls{gap:2px;margin-left:2px;padding-left:6px;border-left:1px solid #34445e}.zoomControls button:nth-child(2){min-width:48px}.editorToolGroup select{width:auto}.aiEditPanel button,.copilotPanel button,.editorPanelHead button,.editorTopbar button,.editorTopbar select,.layerActions button{border:1px solid #34445e;border-radius:7px;padding:7px 9px;background:#202b40;color:#dbe7f8;font-size:.72rem;font-weight:750;cursor:pointer}.editorTopbar select{min-height:31px}.aiEditPanel button:hover:not(:disabled),.copilotPanel button:hover:not(:disabled),.editorPanelHead button:hover:not(:disabled),.editorTopbar button:hover:not(:disabled),.layerActions button:hover:not(:disabled){border-color:#5f7ba8;background:#293854}.aiEditPanel button:disabled,.copilotPanel button:disabled,.editorTopbar button:disabled,.layerActions button:disabled{cursor:not-allowed;opacity:.42}.aiEditPanel button.accent,.copilotPanel button.accent,.editorTopbar button.accent{border-color:#1778ff;background:#0765e7;color:#ffffff}.artboardTabs{padding:4px;border:1px solid #34445e;border-radius:9px;background:#111827}.artboardTabs button{border-color:transparent;background:transparent}.artboardTabs button.active{border-color:#1778ff;background:#0765e7;color:#ffffff}.preflightBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin:0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid #34445e;border-radius:8px;font-size:.72rem}.preflightBar.warning{border-color:#9d6a18;background:#33260f;color:#ffd98b}.preflightBar.success{border-color:#277a58;background:#102d24;color:#9ce7c9}.preflightBar ul{display:flex;flex-wrap:wrap;gap:4px var(--space-5);margin:0;padding-left:var(--space-5)}.preflightBar button{border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer}.editorWorkspace{position:relative;height:clamp(660px,72vh,820px);min-height:660px;display:grid;grid-template-columns:232px minmax(360px,1fr) 260px;align-items:stretch;transition:grid-template-columns .22s ease}.editorWorkspace.layersCollapsed{grid-template-columns:0 minmax(360px,1fr) 260px}.editorWorkspace.propertiesCollapsed{grid-template-columns:232px minmax(360px,1fr) 0}.editorWorkspace.layersCollapsed.propertiesCollapsed{grid-template-columns:0 minmax(360px,1fr) 0}.editorWorkspace.focusMode{min-height:clamp(660px,calc(100vh - 130px),820px)}.layersPanel,.propertiesPanel{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#172033;opacity:1;transition:opacity .16s ease,visibility .16s ease}.editorWorkspace.layersCollapsed .layersPanel,.editorWorkspace.propertiesCollapsed .propertiesPanel{visibility:hidden;opacity:0;pointer-events:none}.editorPanelReveal{position:absolute;top:72px;z-index:40;min-height:104px;border:1px solid #3d5272;padding:9px 7px;background:rgba(23,32,51,.96);color:#cfe0f7;font-size:.68rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.3)}.editorPanelReveal.left{left:0;border-left:0;border-radius:0 8px 8px 0}.editorPanelReveal.right{right:0;border-right:0;border-radius:8px 0 0 8px}.editorPanelReveal span{writing-mode:vertical-rl}.editorPanelReveal.left span{transform:rotate(180deg)}.editorPanelReveal:hover{border-color:#1688ff;background:#183b69;color:#ffffff}.layersPanel{border-right:1px solid #27354a}.propertiesPanel{border-left:1px solid #27354a}.editorPanelHead{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid #27354a}.editorPanelHead>div{min-width:0;display:flex;align-items:center;gap:5px}.addLayerTools select{width:100%;font-size:.68rem}.layerCreateTools{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:8px;border-bottom:1px solid #27354a}.layerCreateTools select{grid-column:1/-1}.editorPanelHead>div:first-child{display:grid}.editorAssetInput{display:none}.editorPanelHead strong{font-size:.78rem}.editorPanelHead small{overflow:hidden;color:#8fa1bb;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.layersList{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:7px}.layerRow{width:100%;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;grid-gap:4px;gap:4px;border:1px solid transparent;border-radius:7px;padding:7px 5px;background:transparent;color:#bdcbe0;text-align:left;cursor:-webkit-grab;cursor:grab}.layerRow:active{cursor:-webkit-grabbing;cursor:grabbing}.layerSelectButton{min-width:0;min-height:32px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;grid-gap:5px;gap:5px;border:0;border-radius:5px;padding:0 3px;background:transparent;color:inherit;text-align:left;cursor:pointer}.layerSelectButton:hover{background:rgba(255,255,255,.05)}.layerRow:hover{background:#202b40}.layerRow.selected{border-color:#176ee0;background:#18335c;color:#ffffff}.layerToggle{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:5px;padding:0;background:transparent;color:#8fa1bb;font:inherit;cursor:pointer}.layerToggle:hover{background:#34445e;color:#ffffff}.layerType{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#2a3953;color:#9dc7ff;font-size:.68rem;font-weight:900}.layerName{overflow:hidden;font-size:.7rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.groupBadge{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;color:transparent;font-size:.58rem;font-weight:900}.groupBadge.visible{background:#5b35a8;color:#efe8ff}.layerActions{grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:8px}.layerActions,.snapshotsPanel{display:grid;border-top:1px solid #27354a}.snapshotsPanel{min-height:0;grid-gap:5px;gap:5px;padding:var(--space-3);overflow-y:auto}.snapshotsPanel>strong{color:#8fa1bb;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.snapshotsPanel button{display:flex;justify-content:space-between;gap:4px;border:0;border-radius:6px;padding:7px;background:#202b40;color:#dbe7f8;font-size:.68rem;cursor:pointer}.snapshotsPanel button small{color:#8fa1bb}.editorStage{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:var(--space-5);background:linear-gradient(45deg,#20293a 25%,transparent 0),linear-gradient(-45deg,#20293a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#20293a 0),linear-gradient(-45deg,transparent 75%,#20293a 0),#1b2434;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.editorViewport{position:relative;width:100%;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:none}.editorCanvasFrame{position:absolute;flex:0 0 auto;display:grid;place-items:center;transform-origin:center;transition:transform .12s ease-out;will-change:transform}.editorStage.panReady .editorViewport,.editorStage.panReady .editorViewport *{cursor:-webkit-grab!important;cursor:grab!important}.editorStage.panning .editorViewport,.editorStage.panning .editorViewport *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.editorStage.panning .editorCanvasFrame{transition:none}.editorCanvas{position:relative;container-type:inline-size;width:100%;height:100%;overflow:hidden;background:#ffffff;box-shadow:0 20px 50px rgba(0,0,0,.42);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editorCanvas.masking{cursor:crosshair}.editorCanvas.masking .editorLayer{pointer-events:none}.editorLayer{position:absolute;min-width:2px;min-height:2px;transform-origin:center;cursor:move}.editorLayer.locked{cursor:default}.editorLayer.selected:after{content:"";position:absolute;inset:-2px;z-index:5;border:1.5px solid #1688ff;pointer-events:none}.editorLayer>img,.iconLayer,.lineLayer,.shapeLayer,.textLayer{width:100%;height:100%;display:block}.editorLayer>img,.shapeLayer{pointer-events:none}.iconLayer,.lineLayer{overflow:visible;pointer-events:none}.textLayer{overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}.textLayer.editing{z-index:7;overflow:visible;outline:2px solid #72b5ff;outline-offset:3px;background:rgba(15,23,42,.18);caret-color:currentColor;cursor:text;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.resizeHandle{position:absolute;z-index:8;width:14px;height:14px;border:2px solid #ffffff;border-radius:2px;padding:0;background:#1688ff;transform:translate(-50%,-50%);touch-action:none}.resizeHandleNW{top:0;left:0;cursor:nwse-resize}.resizeHandleNE{top:0;left:100%;cursor:nesw-resize}.resizeHandleSW{top:100%;left:0;cursor:nesw-resize}.resizeHandleSE{top:100%;left:100%;cursor:nwse-resize}.rotationHandle{position:absolute;top:-30px;left:50%;z-index:8;width:18px;height:18px;border:2px solid #ffffff;border-radius:999px;padding:0;background:#7c3aed;cursor:-webkit-grab;cursor:grab;transform:translateX(-50%);touch-action:none}.rotationHandle:after{content:"";position:absolute;top:16px;left:50%;width:1px;height:13px;background:#72b5ff}.editorLiveStatus,.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.exportMenuLabel select{min-width:132px;min-height:34px;border:1px solid #3c4c67;border-radius:7px;padding:7px 30px 7px 10px;background:#0765e7;color:#ffffff;font-size:.72rem;font-weight:800;cursor:pointer}.maskOverlay{inset:0;z-index:100;width:100%;height:100%}.maskOverlay,.smartGuide{position:absolute;pointer-events:none}.smartGuide{z-index:110;display:block;background:#00d8ff}.smartGuide.vertical{top:0;bottom:0;left:50%;width:1px}.smartGuide.horizontal{right:0;left:0;top:50%;height:1px}.editorStatus{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);align-self:end;padding-top:var(--space-3);color:#a9b9cf;font-size:.66rem}.propertyStack{min-height:0;display:grid;align-content:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);overflow-y:auto}.multiSelectionNotice{display:grid;grid-gap:4px;gap:4px;border:1px solid #345b8c;border-radius:8px;padding:10px;background:#172d4a;color:#dbeaff}.multiSelectionNotice strong{font-size:.72rem}.multiSelectionNotice span{color:#a9c3e5;font-size:.65rem;line-height:1.4}.checkboxProperty{grid-template-columns:20px minmax(0,1fr)!important;align-items:center}.checkboxProperty input{width:18px;height:18px}.aiEditPanel label,.propertyStack label{display:grid;grid-gap:5px;gap:5px;color:#9fb0c8;font-size:.67rem;font-weight:700}.aiEditPanel textarea,.copilotPanel textarea,.propertyStack input,.propertyStack select,.propertyStack textarea{width:100%;border:1px solid #34445e;border-radius:6px;padding:7px 8px;background:#111827;color:#e8eef8;font:inherit}.propertyStack input[type=color]{min-height:34px;padding:3px}.propertyGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.panelPlaceholder{margin:0;padding:var(--space-5);color:#8fa1bb;font-size:.75rem;line-height:1.5}.adjustmentPanel,.aiEditPanel,.copilotPanel{display:grid;grid-gap:8px;gap:8px;padding:var(--space-3);border:1px solid #34445e;border-radius:8px;background:#111827}.adjustmentPanel>strong,.aiEditPanel>strong,.copilotPanel>strong{color:#dbe7f8;font-size:.72rem}.aiEditPanel button.active{border-color:#1688ff;background:#17447b}.copilotPlan{display:grid;grid-gap:5px;gap:5px;padding-top:7px;border-top:1px solid #27354a}.copilotPlan span{color:#aec2df;font-size:.68rem;line-height:1.4}.floatingHUD{position:absolute;z-index:50;display:flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(14,20,32,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px rgba(0,80,220,.3);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:hudFadeIn .15s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}@keyframes hudFadeIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.hudBadge{display:flex;align-items:center;gap:4px;padding-right:6px;border-right:1px solid rgba(255,255,255,.12)}.hudType{font-size:.62rem;font-weight:700;text-transform:uppercase;color:#60a5fa;background:rgba(37,99,235,.2);padding:2px 5px;border-radius:4px;letter-spacing:.04em}.hudName{font-size:.68rem;font-weight:600;color:#f1f5f9;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hudActions{display:flex;align-items:center;gap:4px}.hudColorPicker{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;background:transparent;padding:0;box-shadow:0 0 0 1.5px rgba(255,255,255,.3);transition:transform .12s ease}.hudColorPicker:hover{transform:scale(1.1)}.hudColorPicker::-webkit-color-swatch-wrapper{padding:0}.hudColorPicker::-webkit-color-swatch{border:none;border-radius:50%}.hudBtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:rgba(255,255,255,.06);color:#e2e8f0;font-size:.72rem;cursor:pointer;transition:all .12s ease}.hudBtn:hover:not(:disabled){background:rgba(255,255,255,.16);color:#ffffff;border-color:rgba(255,255,255,.2)}.hudBtn:active:not(:disabled){transform:scale(.92)}.hudBtn.active{background:rgba(37,99,235,.35);border-color:rgba(96,165,250,.6);color:#93c5fd}.hudBtn.danger:hover:not(:disabled){background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6);color:#fca5a5}.hudBtn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1180px){.hero,.workspace{grid-template-columns:1fr}.editorWorkspace{grid-template-columns:210px minmax(300px,1fr) 230px}.editorWorkspace.layersCollapsed{grid-template-columns:0 minmax(300px,1fr) 230px}.editorWorkspace.propertiesCollapsed{grid-template-columns:210px minmax(300px,1fr) 0}.editorWorkspace.layersCollapsed.propertiesCollapsed{grid-template-columns:0 minmax(300px,1fr) 0}.pageSettings{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.shell{width:min(100% - 20px,1480px);padding-top:var(--space-4)}.hero>div:first-child,.heroCard,.stage{padding:var(--space-5);border-radius:var(--radius-lg)}.toolbarHead{flex-direction:column;align-items:stretch}.pageManager,.projectHeader{align-items:stretch;padding:var(--space-3)}.pageActions,.projectActions,.projectHeader label{width:100%}.addLayerTools button,.editorTopbar button,.layerActions button,.layerToggle,.pageActions button,.pageTabs>button,.projectActions button{min-height:44px}.pageActions button,.projectActions button{flex:1 1 120px}.pageTabs{flex-basis:100%}.pageTabs>button{min-width:170px}.pageSettings{grid-template-columns:1fr 1fr}.pageSettings label:first-child,.pageSettings label:last-child{grid-column:1/-1}.editorWorkspace,.editorWorkspace.layersCollapsed,.editorWorkspace.layersCollapsed.propertiesCollapsed,.editorWorkspace.propertiesCollapsed{position:relative;grid-template-columns:1fr;min-height:620px;overflow:hidden}.editorWorkspace.focusMode{min-height:620px}.editorStage{height:620px;min-height:520px;padding:var(--space-3)}.layersPanel,.propertiesPanel{position:absolute;top:0;bottom:0;z-index:35;width:min(310px,86vw);border:0;box-shadow:0 16px 42px rgba(0,0,0,.55);transition:transform .2s ease,opacity .16s ease,visibility .16s ease}.layersPanel{left:0}.propertiesPanel{right:0}.editorWorkspace.layersCollapsed .layersPanel{transform:translateX(-105%)}.editorWorkspace.propertiesCollapsed .propertiesPanel{transform:translateX(105%)}.editorPanelReveal{top:64px}.layersList{max-height:none}.editorStatus,.editorTopbar{align-items:stretch;flex-direction:column}.artboardTabs,.editorViewTools,.exportTools{width:100%}.editorViewTools{justify-content:center}.selectionTools{width:100%}}@media (max-width:520px){.pageSettings{grid-template-columns:1fr}.pageSettings label,.pageSettings label:first-child,.pageSettings label:last-child{grid-column:1}.editorToolGroup,.exportTools,.selectionTools{display:grid;grid-template-columns:1fr 1fr}.editorToolGroup select,.selectionTools select{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.primary:hover:not(:disabled){transform:none}}.shell,body,html{background:#0a0f19}.shell{width:100%;min-height:100vh;margin:0;padding:0}.appHeader{position:-webkit-sticky;position:sticky;top:0;z-index:120;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(10,15,25,.94);color:#eef2ff;box-shadow:0 8px 28px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.appHeaderActions,.appIdentity{display:flex;align-items:center;gap:14px}.appHeader .brandName{color:#f8fafc;font-size:1.02rem}.appHeader .versionBadge{background:linear-gradient(135deg,#7c3aed,#2563eb)}.appDescriptor{padding-left:14px;border-left:1px solid rgba(255,255,255,.14);color:#94a3b8;font-size:.78rem}.workspaceStatus{display:inline-flex;align-items:center;gap:7px;color:#94a3b8;font-size:.72rem}.workspaceStatus i{width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.appHeaderActions button{min-height:40px;border:1px solid #334155;border-radius:8px;padding:8px 13px;background:#172033;color:#dbeafe;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.appHeaderActions button.active,.appHeaderActions button:hover{border-color:#7c3aed;background:#262044}.workspace{min-height:calc(100vh - 64px);display:block;padding:12px}.workspace>.stage{width:100%}@keyframes drawer-in{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.stage{min-height:calc(100vh - 88px);padding:10px;border-color:#253148;border-radius:10px;background:#0f172a;box-shadow:0 18px 44px rgba(0,0,0,.28)}.creationSetupBar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 10px;color:#e2e8f0}.creationSetupBar>div:first-child{min-width:0;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;grid-gap:2px 12px;gap:2px 12px}.creationSetupBar .eyebrow{grid-column:1/-1;color:#8b9bb2;font-size:.62rem}.creationSetupBar strong{overflow:hidden;color:#f8fafc;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.creationSetupBar small{color:#94a3b8;font-size:.7rem}.generationSettings{margin:0 0 10px;padding:16px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;color:#172033;box-shadow:0 16px 38px rgba(2,6,23,.26)}.generationSettings .toolbar{margin-bottom:0}.studioEditor{position:relative;margin-top:0;border-color:#293850;border-radius:10px;box-shadow:0 22px 54px rgba(0,0,0,.32)}.pageManager,.projectHeader{flex-wrap:nowrap;padding:8px 10px}.projectHeader label{min-width:min(300px,48vw)}.pageTabs{flex-basis:auto}.pageTabs>button{min-width:142px}.pageActions{flex-wrap:nowrap}.pageActions button.active{border-color:#7c3aed;background:#30245a}.pageSettings{position:absolute;top:112px;right:10px;left:10px;z-index:60;padding:12px;border:1px solid #40516d;border-radius:9px;background:#172033;box-shadow:0 18px 38px rgba(0,0,0,.45)}.editorTopbar{min-height:50px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:7px 10px;scrollbar-width:none}.editorTopbar::-webkit-scrollbar{display:none}.editorTopbar>*{flex:0 0 auto}.editorWorkspace{height:clamp(620px,calc(100vh - 292px),840px);min-height:620px}.editorLoading{min-height:420px;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;border:1px solid #293850;border-radius:10px;background:#111827;color:#cbd5e1}.spinner{width:28px;height:28px;border:3px solid #334155;border-top-color:#8b5cf6;border-radius:999px;animation:studio-spin .7s linear infinite}@keyframes studio-spin{to{transform:rotate(1turn)}}.editorFocusShell .actions,.editorFocusShell .appHeader,.editorFocusShell .creationSetupBar,.editorFocusShell .formatExport,.editorFocusShell .generationSettings,.editorFocusShell .variationStrip{display:none}.editorFocusShell .stage,.editorFocusShell .workspace{min-height:100vh;padding:0;border:0;border-radius:0}.editorFocusShell .studioEditor{min-height:100vh;border:0;border-radius:0}.editorFocusShell .editorWorkspace{height:calc(100vh - 214px);min-height:520px}@media (max-width:820px){.appHeader{min-height:58px;padding:8px 10px}.appDescriptor,.workspaceAccount>span,.workspaceStatus{display:none}.appHeaderActions button{min-height:44px}.workspace{min-height:calc(100vh - 58px);padding:6px}.stage{min-height:calc(100vh - 70px);padding:6px;border-radius:8px}.creationSetupBar{align-items:center;flex-direction:row;padding:8px}.creationSetupBar>div:first-child{display:none}.pageManager,.projectHeader{flex-wrap:wrap}.pageActions{width:100%;overflow-x:auto}.pageActions button{flex:0 0 auto}.pageSettings{top:164px;grid-template-columns:1fr 1fr}.editorStatus,.editorTopbar{align-items:center;flex-direction:row}.editorTopbar{height:54px;min-height:54px;flex-wrap:nowrap;overflow-x:auto}.editorToolGroup,.exportTools,.selectionTools{width:auto;display:flex;flex-wrap:nowrap;grid-template-columns:none}.editorTopbar button,.editorTopbar select{min-height:40px}.editorWorkspace,.editorWorkspace.layersCollapsed,.editorWorkspace.layersCollapsed.propertiesCollapsed,.editorWorkspace.propertiesCollapsed{min-height:560px}.editorStage{height:560px;min-height:500px}.layerSelectButton,.layerToggle{min-height:44px}}.commandPaletteTrigger{min-width:286px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:7px 10px!important;text-align:left}.commandPaletteTrigger>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;padding:4px;border-radius:7px;background:rgba(124,58,237,.18);color:#c4b5fd}.commandPaletteTrigger>span{min-width:0;display:grid;grid-gap:1px;gap:1px}.commandPaletteTrigger small,.commandPaletteTrigger strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commandPaletteTrigger strong{color:#f8fafc;font-size:.78rem}.commandPaletteTrigger small{color:#94a3b8;font-size:.65rem;font-weight:550}.commandPaletteHelp kbd,.commandPaletteTrigger kbd,.commandSearch kbd{border:1px solid #40516d;border-bottom-color:#526582;border-radius:6px;padding:3px 6px;background:#0f172a;color:#a8b5c8;font-family:inherit;font-size:.62rem;font-weight:750;line-height:1;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}.studioDialogBackdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;background:rgba(2,6,23,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:dialog-backdrop-in .18s ease-out}.studioDialogPanel{width:min(760px,calc(100vw - 48px));max-height:min(900px,calc(100vh - 48px));overflow:hidden;display:flex;flex-direction:column;border:1px solid #3a4861;border-radius:14px;background:#111827;color:#e5edf8;box-shadow:0 32px 100px rgba(0,0,0,.62);animation:dialog-panel-in .19s ease-out}.studioDialogHeader{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 22px 18px;border-bottom:1px solid #2a3850;background:radial-gradient(80% 180% at 0 0,rgba(124,58,237,.14),transparent 58%),#111827}.studioDialogHeader>div{min-width:0}.studioDialogEyebrow{display:block;margin-bottom:5px;color:#a78bfa;font-size:.64rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.studioDialogHeader h2{margin:0;color:#f8fafc;font-family:var(--font-title);font-size:1.2rem;line-height:1.2}.studioDialogHeader p{max-width:700px;margin:6px 0 0;color:#9cabbe;font-size:.8rem;line-height:1.45}.studioDialogClose{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid #34435c;border-radius:9px;background:#172033;color:#cbd5e1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.studioDialogClose:hover{border-color:#7c3aed;background:#262044;color:#ffffff}.studioDialogClose svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.studioDialogBody{min-height:0;overflow:auto;overscroll-behavior:contain}.studioDialogFooter{flex:none;padding:12px 18px;border-top:1px solid #2a3850;background:#0f172a}.generationSettingsDialog{width:min(1120px,calc(100vw - 48px))}.generationSettingsDialogBody{background:#f6f8fb;color:#172033}.editorFocusShell .studioDialogPanel .generationSettings,.generationSettingsDialog .generationSettings{display:block;margin:0;padding:22px;border:0;border-radius:0;box-shadow:none}.commandPaletteBody{padding:14px;background:#0c1322}.commandSearch{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:0 12px;border:1px solid #40516d;border-radius:10px;background:#111827}.commandSearch:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.22)}.commandSearch>svg{width:20px;height:20px;fill:none;stroke:#8fa0b7;stroke-width:1.8;stroke-linecap:round}.commandSearch input{min-height:50px;padding:0;border:0;border-radius:0;background:transparent;color:#f8fafc;box-shadow:none}.commandSearch input:focus-visible{border:0;box-shadow:none}.commandResults{display:grid;grid-gap:14px;gap:14px;margin-top:14px}.commandGroup{display:grid;grid-gap:5px;gap:5px}.commandGroupLabel{padding:0 8px 3px;color:#7f90a8;font-size:.63rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.commandGroup button{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid transparent;border-radius:10px;padding:9px 11px;background:transparent;color:#dce6f5;text-align:left;cursor:pointer}.commandGroup button.active,.commandGroup button:hover,.commandGroup button[aria-selected=true]{border-color:#495a75;background:#172033}.commandGroup button.active .commandIcon,.commandGroup button[aria-selected=true] .commandIcon{border-color:#7c3aed;background:rgba(124,58,237,.2);color:#c4b5fd}.commandGroup button:disabled{cursor:not-allowed;opacity:.45}.commandIcon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #34435c;border-radius:9px;background:#111827;color:#9fb0c6}.commandIcon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.commandCopy{min-width:0;display:grid;grid-gap:3px;gap:3px}.commandCopy small,.commandCopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commandCopy strong{color:#f1f5f9;font-size:.82rem}.commandCopy small{color:#91a0b5;font-size:.7rem;font-weight:500}.commandBadge{border:1px solid #40516d;border-radius:999px;padding:5px 8px;background:#111827;color:#aebbd0;font-size:.62rem;font-weight:750}.commandEmpty{min-height:140px;display:grid;place-content:center;justify-items:center;grid-gap:5px;gap:5px;color:#94a3b8;text-align:center}.commandEmpty strong{color:#e2e8f0}.commandPaletteHelp{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding:10px 8px 0;border-top:1px solid #253148;color:#7f90a8;font-size:.64rem}.commandPaletteHelp span{display:inline-flex;align-items:center;gap:4px}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.studioDialogBackdrop,.studioDialogPanel{animation:none}}@media (max-width:820px){.commandPaletteTrigger{min-width:0;grid-template-columns:24px auto;padding:8px 10px!important}.commandPaletteTrigger kbd,.commandPaletteTrigger small{display:none}.studioDialogBackdrop{padding:0}.generationSettingsDialog,.studioDialogPanel{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.studioDialogHeader{padding:14px 14px 12px}.studioDialogHeader h2{font-size:1.05rem}.studioDialogHeader p{font-size:.72rem}.generationSettingsDialog .generationSettings{position:static;inset:auto;width:100%;padding:16px;border-radius:0}.commandPaletteBody{padding:10px}.commandGroup button{min-height:66px;grid-template-columns:38px minmax(0,1fr)}.commandBadge{display:none}.commandCopy small{white-space:normal}}:root{--config-background:#f3f6fa;--config-surface:#ffffff;--config-surface-muted:#edf2f7;--config-border:#d8e1ec;--config-border-strong:#b9c6d8;--config-text:#142033;--config-text-muted:#5f6f85;--config-accent:#0b6ff2;--config-accent-hover:#0759c9;--config-accent-soft:#e6f0ff;--config-accent-text:#0648a6;--config-summary-background:#eef3f9;--config-shadow:0 18px 48px rgba(15,23,42,0.10)}:root[data-theme=dark]{color-scheme:dark;--config-background:#0c1322;--config-surface:#111827;--config-surface-muted:#172033;--config-border:#2e3d56;--config-border-strong:#465874;--config-text:#edf4ff;--config-text-muted:#9cabbe;--config-accent:#2563eb;--config-accent-hover:#1d4ed8;--config-accent-soft:#172e52;--config-accent-text:#bfdbfe;--config-summary-background:#0f172a;--config-shadow:0 24px 64px rgba(0,0,0,0.38)}:root[data-theme=light]{color-scheme:light}.themeToggle{min-width:92px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.themeToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.themeToggle span{font-size:.72rem;font-weight:750}.generationSettingsDialogV2{width:min(1180px,calc(100vw - 48px));max-height:min(920px,calc(100vh - 32px));border-color:var(--config-border);background:var(--config-surface);color:var(--config-text);box-shadow:var(--config-shadow)}.generationSettingsDialogBodyV2{background:var(--config-background);color:var(--config-text)}.generationConfigurator{display:grid;grid-template-columns:282px minmax(0,1fr);align-items:start;min-height:600px}.generationConfigSummary{position:-webkit-sticky;position:sticky;top:0;display:grid;grid-gap:16px;gap:16px;padding:20px;border-right:1px solid var(--config-border);background:var(--config-summary-background)}.generationPreviewCard{display:grid;justify-items:center;grid-gap:7px;gap:7px;padding:18px;border:1px solid var(--config-border);border-radius:12px;background:var(--config-surface);text-align:center}.generationSummaryLabel{justify-self:start;color:var(--config-text-muted);font-size:.68rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.generationRatioPreview{position:relative;width:min(116px,70%);max-height:144px;display:grid;align-content:end;grid-gap:6px;gap:6px;margin:8px 0 4px;overflow:hidden;border:1px solid color-mix(in srgb,var(--config-accent) 42%,var(--config-border));border-radius:7px;padding:12px;background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--config-accent) 28%,transparent),transparent 32%),linear-gradient(145deg,var(--config-accent-soft),var(--config-surface));box-shadow:0 9px 24px color-mix(in srgb,var(--config-accent) 13%,transparent)}.generationRatioPreview>span{position:absolute;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--config-accent);color:#ffffff}.generationChoiceCheck svg,.generationChoiceIcon svg,.generationConfigFooter svg,.generationConfigSection>header svg,.generationRatioPreview svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.generationRatioPreview svg{width:16px;height:16px}.generationRatioPreview>i{display:block;height:7px;border-radius:999px;background:color-mix(in srgb,var(--config-text) 24%,transparent)}.generationRatioPreview>i:nth-of-type(2){width:76%}.generationRatioPreview>i:nth-of-type(3){width:54%;background:var(--config-accent)}.generationPreviewCard>strong{color:var(--config-text);font-size:.88rem}.generationPreviewCard>small{color:var(--config-text-muted);font-size:.72rem}.generationSummaryList{display:grid;grid-gap:0;gap:0;margin:0;border-top:1px solid var(--config-border)}.generationSummaryList>div{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:10px;gap:10px;padding:10px 2px;border-bottom:1px solid var(--config-border)}.generationSummaryList dd,.generationSummaryList dt{margin:0;font-size:.72rem;line-height:1.35}.generationSummaryList dt{color:var(--config-text-muted)}.generationSummaryList dd{overflow:hidden;color:var(--config-text);font-weight:750;text-align:right;text-overflow:ellipsis;white-space:nowrap}.generationPreparationStatus{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--config-border);border-radius:10px;background:var(--config-surface)}.generationPreparationStatus span{color:var(--config-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.generationPreparationStatus strong{color:var(--config-text);font-size:.75rem}.generationPreparationStatus small{color:var(--config-text-muted);font-size:.72rem;line-height:1.4}.generationConfigSections{display:grid;grid-gap:14px;gap:14px;padding:20px}.generationConfigSection{display:grid;grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--config-border);border-radius:12px;background:var(--config-surface)}.generationConfigSection>header{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;grid-gap:11px;gap:11px}.generationConfigSection>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--config-accent-soft);color:var(--config-accent-text)}.generationConfigSection>header svg{width:19px;height:19px}.generationConfigSection h3,.generationConfigSection p{margin:0}.generationConfigSection h3{color:var(--config-text);font-size:.9rem;line-height:1.25}.generationConfigSection header p{margin-top:3px;color:var(--config-text-muted);font-size:.74rem;line-height:1.4}.generationObjectiveGrid,.generationOutputGrid{display:grid;grid-gap:9px;gap:9px}.generationOutputGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.generationObjectiveGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.generationChoiceCard{position:relative;min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:start;grid-gap:10px;gap:10px;border:1px solid var(--config-border);border-radius:10px;padding:12px;background:var(--config-surface);color:var(--config-text);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.generationChoiceCard:hover{border-color:var(--config-border-strong);background:var(--config-surface-muted)}.generationChoiceCard.active{border-color:var(--config-accent);background:var(--config-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--config-accent) 16%,transparent)}.generationChoiceCard>span:not(.generationChoiceIcon){min-width:0;display:grid;grid-gap:4px;gap:4px}.generationChoiceCard strong{color:var(--config-text);font-size:.74rem;line-height:1.3}.generationChoiceCard small{color:var(--config-text-muted);font-size:.72rem;font-weight:500;line-height:1.4}.generationChoiceIcon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--config-border);border-radius:8px;background:var(--config-surface-muted);color:var(--config-text-muted)}.generationChoiceCheck svg,.generationChoiceIcon svg{width:16px;height:16px}.generationChoiceCard.active .generationChoiceIcon{border-color:var(--config-accent);background:var(--config-accent);color:#ffffff}.generationChoiceCheck{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--config-border-strong);border-radius:999px;color:transparent}.generationChoiceCard.active .generationChoiceCheck{border-color:var(--config-accent);background:var(--config-accent);color:#ffffff}.generationFieldGroup{min-width:0;display:grid;grid-gap:8px;gap:8px}.generationFieldGroup>span{color:var(--config-text);font-size:.68rem;font-weight:800}.generationRatioOptions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px}.generationRatioOptions button{min-height:64px;display:grid;grid-template-columns:24px auto;place-content:center;align-items:center;grid-gap:8px;gap:8px;border:1px solid var(--config-border);border-radius:9px;background:var(--config-surface);color:var(--config-text-muted);cursor:pointer}.generationRatioOptions button i{width:20px;max-height:30px;border:2px solid;border-radius:3px}.generationRatioOptions button strong{font-size:.72rem}.generationRatioOptions button.active,.generationRatioOptions button:hover,.generationSegmented button.active,.generationSegmented button:hover{border-color:var(--config-accent);background:var(--config-accent-soft);color:var(--config-accent-text)}.generationDirectionColumns,.generationFormatRow,.generationLayerColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.generationSegmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;border:1px solid var(--config-border);border-radius:10px;background:var(--config-surface-muted)}.generationSegmented button{min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--config-text-muted);font-size:.72rem;font-weight:800;cursor:pointer}.generationSegmented button.active{background:var(--config-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--config-text) 9%,transparent)}.generationInlineNotice{padding:10px 12px;border-left:3px solid var(--config-accent);border-radius:0 8px 8px 0;background:var(--config-accent-soft);color:var(--config-accent-text);font-size:.7rem;line-height:1.45}.generationCompactChoices{display:grid;grid-gap:6px;gap:6px}.generationCompactChoices button{min-height:50px;display:grid;grid-gap:2px;gap:2px;border:1px solid var(--config-border);border-radius:9px;padding:9px 11px;background:var(--config-surface);color:var(--config-text);text-align:left;cursor:pointer}.generationCompactChoices button.active,.generationCompactChoices button:hover{border-color:var(--config-accent);background:var(--config-accent-soft)}.generationCompactChoices strong{color:var(--config-text);font-size:.71rem}.generationCompactChoices small{color:var(--config-text-muted);font-size:.7rem}.generationLayerColumns fieldset{min-width:0;margin:0;border:1px solid var(--config-border);border-radius:10px;padding:12px}.generationLayerColumns legend{padding:0 5px;color:var(--config-text);font-size:.68rem;font-weight:800}.generationChipGrid{display:flex;flex-wrap:wrap;gap:6px}.generationChipGrid button{min-height:36px;border:1px solid var(--config-border);border-radius:999px;padding:7px 10px;background:var(--config-surface-muted);color:var(--config-text-muted);font-size:.66rem;font-weight:750;cursor:pointer}.generationChipGrid button.active{border-color:var(--config-accent);background:var(--config-accent-soft);color:var(--config-accent-text)}.generationChipGrid button.locked{border-color:#7c3aed;background:color-mix(in srgb,#7c3aed 12%,var(--config-surface));color:color-mix(in srgb,#7c3aed 78%,var(--config-text))}.generationInstructionField{display:grid;grid-gap:7px;gap:7px;color:var(--config-text);font-size:.68rem;font-weight:800}.generationInstructionField textarea{width:100%;resize:vertical;border:1px solid var(--config-border);border-radius:9px;padding:11px 12px;background:var(--config-surface);color:var(--config-text);font-size:.72rem;font-weight:500;line-height:1.5}.generationConfigFooter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.generationConfigFooter>span{min-width:0;display:flex;align-items:center;gap:9px}.generationConfigFooter>span>i{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--config-accent-soft);color:var(--config-accent-text)}.generationConfigFooter svg{width:16px;height:16px}.generationConfigFooter>span>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.generationConfigFooter strong{color:var(--config-text);font-size:.72rem}.generationConfigFooter small{color:var(--config-text-muted);font-size:.7rem}.generationConfigFooter>div{flex:0 0 auto;display:flex;gap:8px}.generationConfigFooter button{min-height:42px;border:1px solid var(--config-border-strong);border-radius:8px;padding:8px 16px;background:var(--config-surface);color:var(--config-text);font-weight:800;cursor:pointer}.generationConfigFooter button.primary{border-color:var(--config-accent);background:var(--config-accent);color:#ffffff}.generationConfigFooter button.primary:hover{background:var(--config-accent-hover)}.generationConfigFooter button:disabled{cursor:not-allowed;opacity:.5}:root[data-theme=light],:root[data-theme=light] .shell,:root[data-theme=light] body{background:#f1f4f8}:root[data-theme=light] .appHeader{border-bottom-color:#dbe3ee;background:rgba(255,255,255,.94);color:#172033;box-shadow:0 8px 28px rgba(15,23,42,.08)}:root[data-theme=light] .appHeader .brandName,:root[data-theme=light] .commandPaletteTrigger strong{color:#0f172a}:root[data-theme=light] .appDescriptor{border-left-color:#d8e1ec;color:#607087}:root[data-theme=light] .commandPaletteTrigger small,:root[data-theme=light] .workspaceStatus{color:#64748b}:root[data-theme=light] .appHeaderActions button{border-color:#cfd9e6;background:#ffffff;color:#24324a}:root[data-theme=light] .appHeaderActions button.active,:root[data-theme=light] .appHeaderActions button:hover{border-color:#8b5cf6;background:#f3efff}:root[data-theme=light] .commandPaletteTrigger>svg{background:#eee8ff;color:#6d28d9}:root[data-theme=light] .commandPaletteHelp kbd,:root[data-theme=light] .commandPaletteTrigger kbd,:root[data-theme=light] .commandSearch kbd{border-color:#cfd9e6 #cfd9e6 #b9c6d8;background:#f4f7fb;color:#52627a;box-shadow:inset 0 -1px 0 rgba(15,23,42,.06)}:root[data-theme=light] .stage{border-color:#d8e1ec;background:#eef2f7;box-shadow:0 18px 44px rgba(15,23,42,.1)}:root[data-theme=light] .creationSetupBar{color:#1e293b}:root[data-theme=light] .creationSetupBar .eyebrow,:root[data-theme=light] .creationSetupBar small{color:#64748b}:root[data-theme=light] .creationSetupBar strong{color:#0f172a}:root[data-theme=light] .studioEditor{border-color:#cfd9e6;background:#ffffff;color:#172033;box-shadow:0 20px 48px rgba(15,23,42,.12)}:root[data-theme=light] .editorTopbar,:root[data-theme=light] .layersPanel,:root[data-theme=light] .pageManager,:root[data-theme=light] .projectHeader,:root[data-theme=light] .propertiesPanel{border-color:#d8e1ec;background:#ffffff;color:#172033}:root[data-theme=light] .editorTopbar,:root[data-theme=light] .pageManager{background:#f7f9fc}:root[data-theme=light] .aiEditPanel label,:root[data-theme=light] .editorPanelHead small,:root[data-theme=light] .pageSettings label,:root[data-theme=light] .panelPlaceholder,:root[data-theme=light] .projectHeader label,:root[data-theme=light] .propertyStack label,:root[data-theme=light] .snapshotsPanel>strong{color:#64748b}:root[data-theme=light] .addLayerTools select,:root[data-theme=light] .aiEditPanel textarea,:root[data-theme=light] .copilotPanel textarea,:root[data-theme=light] .pageSettings input,:root[data-theme=light] .pageSettings select,:root[data-theme=light] .projectHeader input,:root[data-theme=light] .propertyStack input,:root[data-theme=light] .propertyStack select,:root[data-theme=light] .propertyStack textarea{border-color:#cfd9e6;background:#ffffff;color:#172033}:root[data-theme=light] .addLayerTools button,:root[data-theme=light] .aiEditPanel button,:root[data-theme=light] .copilotPanel button,:root[data-theme=light] .editorPanelHead button,:root[data-theme=light] .editorTopbar button,:root[data-theme=light] .editorTopbar select,:root[data-theme=light] .layerActions button,:root[data-theme=light] .pageActions button,:root[data-theme=light] .projectActions button{border-color:#cfd9e6;background:#ffffff;color:#26354d}:root[data-theme=light] .addLayerTools button:hover,:root[data-theme=light] .aiEditPanel button:hover:not(:disabled),:root[data-theme=light] .copilotPanel button:hover:not(:disabled),:root[data-theme=light] .editorPanelHead button:hover:not(:disabled),:root[data-theme=light] .editorTopbar button:hover:not(:disabled),:root[data-theme=light] .layerActions button:hover:not(:disabled),:root[data-theme=light] .pageActions button:hover:not(:disabled),:root[data-theme=light] .projectActions button:hover{border-color:#9db0c8;background:#edf2f7}:root[data-theme=light] .pageTabs>button{border-color:#ccd7e5;background:#ffffff;color:#24324a}:root[data-theme=light] .pageTabs>button>span{background:#e5ebf3;color:#245ea8}:root[data-theme=light] .pageTabs>button>small{color:#64748b}:root[data-theme=light] .pageActions button.active,:root[data-theme=light] .pageTabs>button.active{border-color:#0b6ff2;background:#e7f1ff;color:#0648a6}:root[data-theme=light] .pageSettings{border-color:#cbd7e6;background:#ffffff;box-shadow:0 18px 38px rgba(15,23,42,.16)}:root[data-theme=light] .artboardTabs,:root[data-theme=light] .editorViewTools{border-color:#cfd9e6;background:#edf2f7}:root[data-theme=light] .editorViewTools kbd{border-color:#b9c6d8;background:#ffffff;color:#52627a}:root[data-theme=light] .aiEditPanel button.accent,:root[data-theme=light] .artboardTabs button.active,:root[data-theme=light] .copilotPanel button.accent,:root[data-theme=light] .editorTopbar button.accent,:root[data-theme=light] .editorViewTools>button.active{border-color:#0b6ff2;background:#0b6ff2;color:#ffffff}:root[data-theme=light] .layersPanel{border-right-color:#d8e1ec}:root[data-theme=light] .propertiesPanel{border-left-color:#d8e1ec}:root[data-theme=light] .editorPanelHead,:root[data-theme=light] .layerActions,:root[data-theme=light] .layerCreateTools,:root[data-theme=light] .snapshotsPanel{border-color:#d8e1ec}:root[data-theme=light] .layerRow{color:#41516a}:root[data-theme=light] .layerRow:hover,:root[data-theme=light] .layerSelectButton:hover{background:#edf2f7}:root[data-theme=light] .layerRow.selected{border-color:#0b6ff2;background:#e5f0ff;color:#123f79}:root[data-theme=light] .layerToggle{color:#64748b}:root[data-theme=light] .layerToggle:hover{background:#dbe5f1;color:#172033}:root[data-theme=light] .layerType{background:#e2ebf6;color:#1764bd}:root[data-theme=light] .snapshotsPanel button{background:#edf2f7;color:#24324a}:root[data-theme=light] .snapshotsPanel button small{color:#64748b}:root[data-theme=light] .editorStage{background:linear-gradient(45deg,#dfe5ed 25%,transparent 0),linear-gradient(-45deg,#dfe5ed 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dfe5ed 0),linear-gradient(-45deg,transparent 75%,#dfe5ed 0),#eef2f6;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}:root[data-theme=light] .editorStatus{color:#596b83}:root[data-theme=light] .adjustmentPanel,:root[data-theme=light] .aiEditPanel,:root[data-theme=light] .copilotPanel{border-color:#d8e1ec;background:#f7f9fc}:root[data-theme=light] .adjustmentPanel>strong,:root[data-theme=light] .aiEditPanel>strong,:root[data-theme=light] .copilotPanel>strong,:root[data-theme=light] .copilotPlan span{color:#41516a}:root[data-theme=light] .multiSelectionNotice{border-color:#9ac4f5;background:#e7f2ff;color:#123f79}:root[data-theme=light] .multiSelectionNotice span{color:#486b96}:root[data-theme=light] .editorPanelReveal{border-color:#b9c8da;background:rgba(255,255,255,.96);color:#334761;box-shadow:0 8px 24px rgba(15,23,42,.14)}:root[data-theme=light] .editorPanelReveal:hover{border-color:#0b6ff2;background:#e7f1ff;color:#0648a6}:root[data-theme=light] .editorLoading{border-color:#d8e1ec;background:#ffffff;color:#52627a}:root[data-theme=light] .spinner{border-color:#7c3aed #d8e1ec #d8e1ec}:root[data-theme=light] .studioDialogBackdrop{background:rgba(30,41,59,.42)}:root[data-theme=light] .studioDialogPanel{border-color:#cdd8e6;background:#ffffff;color:#172033;box-shadow:0 32px 90px rgba(15,23,42,.26)}:root[data-theme=light] .studioDialogHeader{border-bottom-color:#d8e1ec;background:radial-gradient(80% 180% at 0 0,rgba(124,58,237,.08),transparent 58%),#ffffff}:root[data-theme=light] .studioDialogEyebrow{color:#6d28d9}:root[data-theme=light] .studioDialogHeader h2{color:#0f172a}:root[data-theme=light] .studioDialogHeader p{color:#5f6f85}:root[data-theme=light] .studioDialogClose{border-color:#cfd9e6;background:#f4f7fb;color:#52627a}:root[data-theme=light] .studioDialogClose:hover{border-color:#7c3aed;background:#f1ebff;color:#5b21b6}:root[data-theme=light] .studioDialogFooter{border-top-color:#d8e1ec;background:#f7f9fc}:root[data-theme=light] .commandPaletteBody{background:#f3f6fa}:root[data-theme=light] .commandSearch{border-color:#cbd7e6;background:#ffffff}:root[data-theme=light] .commandSearch>svg{stroke:#64748b}:root[data-theme=light] .commandSearch input{color:#172033}:root[data-theme=light] .commandGroupLabel,:root[data-theme=light] .commandPaletteHelp{color:#64748b}:root[data-theme=light] .commandPaletteHelp{border-top-color:#d8e1ec}:root[data-theme=light] .commandGroup button{color:#334155}:root[data-theme=light] .commandGroup button.active,:root[data-theme=light] .commandGroup button:hover,:root[data-theme=light] .commandGroup button[aria-selected=true]{border-color:#cbd7e6;background:#ffffff}:root[data-theme=light] .commandIcon{border-color:#cfd9e6;background:#ffffff;color:#52627a}:root[data-theme=light] .commandGroup button.active .commandIcon,:root[data-theme=light] .commandGroup button[aria-selected=true] .commandIcon{border-color:#7c3aed;background:#eee8ff;color:#6d28d9}:root[data-theme=light] .commandCopy strong,:root[data-theme=light] .commandEmpty strong{color:#172033}:root[data-theme=light] .commandCopy small,:root[data-theme=light] .commandEmpty{color:#64748b}:root[data-theme=light] .commandBadge{border-color:#cbd7e6;background:#ffffff;color:#52627a}:root[data-theme=light] .generationSettingsDialogBody{background:#f3f6fa;color:#172033}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#64748b;opacity:1}:root[data-theme=light] .generationDialogFooterContent>span strong{color:#172033}:root[data-theme=light] .generationDialogFooterContent>span small{color:#64748b}:root[data-theme=light] .generationDialogFooterContent button{border-color:#cbd7e6;background:#ffffff;color:#24324a}:root[data-theme=light] .generationDialogFooterContent button.primary{border-color:#0b6ff2;background:#0b6ff2;color:#ffffff}:root[data-theme=light] .preflightBar.warning{border-color:#e7b04a;background:#fff7e6;color:#714006}:root[data-theme=light] .preflightBar.success{border-color:#79c7a8;background:#eafaf3;color:#14533c}@media (max-width:980px){.generationConfigurator{grid-template-columns:230px minmax(0,1fr)}.generationObjectiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.generationRatioOptions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.themeToggle{min-width:44px;padding:8px!important}.themeToggle span{display:none}.generationSettingsDialogV2{width:100vw;height:100dvh;max-height:100dvh}.generationConfigurator{display:block;min-height:0}.generationConfigSummary{position:static;grid-template-columns:112px minmax(0,1fr);align-items:center;padding:14px;border-right:0;border-bottom:1px solid var(--config-border)}.generationPreviewCard{grid-row:1/span 2;padding:10px}.generationPreparationStatus,.generationPreviewCard .generationSummaryLabel,.generationPreviewCard>small,.generationPreviewCard>strong{display:none}.generationRatioPreview{width:58px;max-height:78px;margin:0;padding:7px}.generationRatioPreview>span{top:6px;right:6px;width:20px;height:20px}.generationRatioPreview svg{width:12px;height:12px}.generationSummaryList{border-top:0}.generationSummaryList>div{grid-template-columns:76px minmax(0,1fr);padding:6px 0}.generationConfigSections{padding:12px}.generationConfigSection{padding:14px}.generationDirectionColumns,.generationFormatRow,.generationLayerColumns,.generationObjectiveGrid,.generationOutputGrid{grid-template-columns:1fr}.generationRatioOptions{grid-template-columns:repeat(3,minmax(0,1fr))}.generationChoiceCard{min-height:76px}.generationChipGrid button,.generationSegmented button{min-height:44px}.generationConfigFooter>span{display:none}.generationConfigFooter>div{width:100%;display:grid;grid-template-columns:1fr 1.25fr}.generationConfigFooter button{min-height:44px}}@media (max-width:480px){.generationConfigSummary{grid-template-columns:86px minmax(0,1fr)}.generationSummaryList>div:nth-child(n+4){display:none}.generationRatioOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}.commandPaletteLayer{position:fixed;inset:64px 0 auto;z-index:110;pointer-events:none}.commandPalettePopover{width:min(560px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 76px));display:flex;flex-direction:column;margin:10px 12px 0 auto;overflow:hidden;border:1px solid var(--config-border);border-radius:14px;background:var(--config-surface);color:var(--config-text);box-shadow:0 24px 72px rgba(2,6,23,.34);pointer-events:auto;animation:command-popover-in .17s ease-out}.commandPaletteHeader{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px 14px;border-bottom:1px solid var(--config-border);background:radial-gradient(80% 180% at 0 0,color-mix(in srgb,#7c3aed 12%,transparent),transparent 58%),var(--config-surface)}.commandPaletteHeader>div{min-width:0}.commandPaletteHeader span{display:block;margin-bottom:3px;color:#7048d6;font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}:root[data-theme=dark] .commandPaletteHeader span{color:#c4b5fd}.commandPaletteHeader h2{margin:0;color:var(--config-text);font-size:1.05rem}.commandPaletteHeader p{margin:4px 0 0;color:var(--config-text-muted);font-size:.72rem;line-height:1.4}.commandPaletteClose{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--config-border);border-radius:9px;background:var(--config-surface-muted);color:var(--config-text-muted);cursor:pointer}.commandPaletteClose:hover{border-color:var(--config-accent);color:var(--config-accent-text)}.commandPaletteClose svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.commandPalettePopover .commandPaletteBody{min-height:0;overflow:auto;overscroll-behavior:contain}.commandPaletteTrigger[aria-expanded=true]{border-color:#7c3aed;background:#262044}:root[data-theme=light] .commandPaletteTrigger[aria-expanded=true]{border-color:#7c3aed;background:#f2edff}@keyframes command-popover-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.workspace>.stage{min-width:0}@keyframes preparation-panel-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1080px){.workspace{display:block}}@media (max-width:820px){.commandPaletteLayer{inset:58px 0 auto}.commandPalettePopover{width:100vw;height:calc(100dvh - 58px);max-height:calc(100dvh - 58px);margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0}.commandPaletteHeader{padding:14px}.commandPalettePopover button,.commandPalettePopover input{min-height:44px}}@media (prefers-reduced-motion:reduce){.commandPalettePopover{animation:none}}.loginShell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(1100px 520px at 12% -10%,var(--config-accent-soft),transparent 62%),var(--config-background);color:var(--config-text)}.loginCard{width:100%;max-width:420px;gap:20px;padding:32px;border:1px solid var(--config-border);border-radius:18px;background:var(--config-surface);box-shadow:var(--config-shadow)}.loginCard,.loginHeader{display:flex;flex-direction:column}.loginHeader{gap:10px}.loginMark{width:46px;height:46px;border-radius:12px}.loginHeader h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--config-text)}.loginHeader p{margin:0;font-size:14px;line-height:1.5;color:var(--config-text-muted)}.loginButton{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid var(--config-border-strong);border-radius:12px;background:var(--config-surface);color:var(--config-text);font-size:15px;font-weight:600;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.loginButton svg{width:19px;height:19px;flex:none}.loginButton:hover{background:var(--config-surface-muted);border-color:var(--config-accent)}.loginButton:active{transform:translateY(1px)}.loginButton:focus-visible{outline:2px solid var(--config-accent);outline-offset:2px}.loginAlert,.loginNotice{margin:0;padding:12px 14px;border-radius:10px;font-size:13.5px;line-height:1.5}.loginAlert{border:1px solid #f0b4b4;background:#fdeced;color:#8c1d1d}:root[data-theme=dark] .loginAlert{border-color:#5f2b2b;background:#2a1414;color:#f6c6c6}.loginNotice{border:1px solid var(--config-border);background:var(--config-summary-background);color:var(--config-text-muted)}.loginNotice code{font-size:12.5px;color:var(--config-accent-text)}.loginFootnote{margin:0;font-size:13px;line-height:1.5;color:var(--config-text-muted)}.loginFootnote strong{color:var(--config-text)}.workspaceAccount{display:inline-flex;align-items:center;gap:10px}.workspaceAccount>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--config-text-muted)}.workspaceAccount form{margin:0}@media (max-width:520px){.loginCard{padding:24px 20px}.loginHeader h1{font-size:23px}}