:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(92,109,145,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(185,145,93,.16),transparent 34%),#0d1014;color:#f6f3ef}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.site-shell{min-height:100vh;padding:1.5rem}.auth-shell,.dashboard-shell,.download-shell,.section,.site-nav,.success-shell{max-width:1180px;margin:0 auto}.site-nav{justify-content:space-between;padding-bottom:1rem}.brand,.site-nav{display:flex;align-items:center}.brand{gap:.75rem;font-weight:700}.brand-mark{width:2.4rem;height:2.4rem;border-radius:.9rem;background:linear-gradient(135deg,#e4c498,#7187b0)}.account-actions,.button-row,.features-grid,.hero-actions,.nav-actions,.pricing-grid{display:flex;gap:.85rem;flex-wrap:wrap}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:1.2rem;gap:1.2rem;align-items:center;padding:2rem 0 1rem}.account-home-panel,.account-stat-card,.auth-card,.dashboard-card,.download-card,.empty-state-card,.feature-card,.hero-copy,.price-card,.render-history-card,.slider-card,.success-card,.surface{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(15,18,24,.8);box-shadow:0 20px 60px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.account-home-panel,.auth-card,.dashboard-card,.download-card,.empty-state-card,.hero-copy,.success-card,.surface{padding:1.3rem}.hero h1{margin:.35rem 0 .9rem;font-size:clamp(2.6rem,5vw,4.9rem);line-height:.95;letter-spacing:-.05em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#c2c0bb}.muted{color:#c0bcb3}.action-button,.cta-primary,.cta-secondary,.ghost-button,.google-hero-button,.google-nav-button,.pricing-button{border-radius:999px;border:0;padding:.9rem 1.15rem}.action-button,.cta-primary,.pricing-button{background:#dfbb88;color:#17120d}.cta-secondary,.ghost-button{background:rgba(255,255,255,.05);color:#f6f3ef;border:1px solid rgba(255,255,255,.08)}.google-hero-button,.google-nav-button{display:inline-flex;align-items:center;gap:.7rem;background:#ffffff;color:#171717;border:1px solid rgba(255,255,255,.14)}.google-hero-button svg,.google-nav-button svg{width:1rem;height:1rem}.google-hero-button:disabled,.google-nav-button:disabled{opacity:.7;cursor:wait}.section{padding:1rem 0}.section h2{font-size:2rem;margin-bottom:.5rem}.features-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.feature-card,.price-card{padding:1.1rem}.price-card.featured{border-color:rgba(223,187,136,.36);transform:translateY(-6px)}.account-header,.price-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.slider-card{padding:1rem}.slider-frame{position:relative;overflow:hidden;border-radius:20px;min-height:420px}.slider-image{width:100%;height:100%;min-height:420px;object-fit:cover}.slider-image-overlay{position:absolute;inset:0}.slider-divider{position:absolute;top:0;bottom:0;width:3px;background:rgba(255,255,255,.88)}.slider-label{position:absolute;top:1rem;padding:.45rem .75rem;border-radius:999px;background:rgba(7,9,12,.76)}.slider-label-left{left:1rem}.slider-label-right{right:1rem}.slider-input{width:100%;margin-top:1rem}.auth-shell,.dashboard-shell,.download-shell,.success-shell{display:grid;place-items:center;min-height:calc(100vh - 3rem)}.auth-card,.dashboard-card,.download-card,.success-card{width:min(720px,100%)}.download-flow{width:min(920px,100%);display:grid;grid-gap:1rem;gap:1rem}.download-step-card{padding:1.35rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(15,18,24,.82);box-shadow:0 20px 60px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.download-step-heading{display:flex;gap:1rem;align-items:flex-start}.download-step-heading h1,.download-step-heading h2{margin:.2rem 0 0}.download-step-index{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;background:rgba(223,187,136,.16);color:#f3d4a6;font-weight:700}.download-plugin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.download-plugin-card{padding:1.05rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.auth-card-login{display:grid;grid-template-columns:1.1fr .95fr;grid-gap:1.2rem;gap:1.2rem;align-items:stretch}.auth-login-copy{display:grid;align-content:start;grid-gap:.85rem;gap:.85rem}.auth-login-copy h1{margin:0;font-size:clamp(2.3rem,4vw,3.2rem);line-height:.95;letter-spacing:-.05em}.auth-provider-panel{display:grid;grid-gap:.9rem;gap:.9rem;align-content:center;padding:1rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(6,8,12,.55);border:1px solid rgba(255,255,255,.08)}.auth-provider-label{margin:0;font-size:.92rem;color:#d4d0c7}.auth-pill-row{display:flex;flex-wrap:wrap;gap:.6rem}.auth-pill{padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#d8d4cb;font-size:.88rem}.auth-pill,.google-signin-button{display:inline-flex;align-items:center}.google-signin-button{justify-content:center;gap:.9rem;width:100%;min-height:3.5rem;padding:.75rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff;color:#1f1f1f;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.google-signin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.28);background:#f8f9fa}.google-signin-button:disabled{opacity:.7;cursor:wait}.auth-google-shell,.hero-google-shell{display:grid;grid-gap:.6rem;gap:.6rem}.google-identity-slot{display:grid;grid-gap:.55rem;gap:.55rem;justify-items:start}.google-identity-slot>div{min-height:44px}.google-identity-slot-full{justify-items:stretch}.google-identity-slot-full>div{width:100%}.google-identity-status{margin:0;color:#bdb7ac;font-size:.9rem}.google-signin-icon{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#fff}.google-mark{width:1.15rem;height:1.15rem}.auth-helper-text{margin:0;color:#bdb7ac;font-size:.92rem}.field{display:grid;grid-gap:.45rem;gap:.45rem;margin-bottom:1rem}input{width:100%;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(8,11,15,.9);color:#f6f3ef}.account-home-panel,.account-panel{display:grid;grid-gap:1rem;gap:1rem}.account-home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.account-home-header h2{margin:.35rem 0 0;font-size:clamp(2rem,3vw,2.8rem);line-height:.95;letter-spacing:-.05em}.account-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.account-stat-card{padding:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.account-stat-card strong{font-size:2rem;line-height:1}.render-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.render-history-card{overflow:hidden}.render-history-media{aspect-ratio:4/3;overflow:hidden;background:rgba(255,255,255,.04)}.render-history-image{width:100%;height:100%;object-fit:cover}.render-history-copy{display:grid;grid-gap:.65rem;gap:.65rem;padding:1rem}.render-history-copy h3{margin:0;font-size:1rem;line-height:1.35}.render-history-meta{display:flex;gap:.55rem;flex-wrap:wrap}.render-chip{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:999px;background:rgba(255,255,255,.05);color:#d7d2c8;font-size:.78rem}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;background:rgba(4,6,10,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.dialog-card{width:min(520px,100%);padding:1.4rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(15,18,24,.95);box-shadow:0 24px 70px rgba(0,0,0,.35)}.dialog-card-wide{width:min(1040px,100%)}.dialog-card h2{margin:.35rem 0 .75rem;font-size:clamp(2rem,4vw,2.8rem);line-height:.95;letter-spacing:-.05em}.account-avatar{width:3.2rem;height:3.2rem;border-radius:999px;object-fit:cover}.credits-pill{display:inline-flex;gap:.5rem;align-items:center;padding:.55rem .8rem;border-radius:999px;background:rgba(223,187,136,.14)}.error-text{color:#ff9f97}@media (max-width:920px){.account-stat-grid,.auth-card-login,.download-plugin-grid,.features-grid,.hero,.pricing-grid,.render-history-grid{grid-template-columns:1fr}.download-step-heading{flex-direction:column}}.studio-app{grid-template-columns:220px minmax(0,1fr);background:#0b0c0e;--studio-bg:#0b0c0e;--studio-chrome:#101113;--studio-panel:#151619;--studio-panel-raised:#1a1b1e;--studio-field:#101114;--studio-line:#2c2e33;--studio-line-soft:#23252a;--studio-accent-strong:#74f3ff;--studio-accent-soft:rgba(25,216,255,0.13);--studio-success:#62d283;--studio-text:#e8edf2;--studio-text-secondary:#a8b0ba;--studio-text-muted:#747d89}.studio-app button,.studio-app input,.studio-app select{font:inherit}.studio-sidebar{grid-gap:1rem;gap:1rem;padding:1rem;background:#101113}.studio-brand{display:flex;align-items:center;gap:.7rem;font-weight:700}.studio-brand-mark{width:2rem;height:2rem;background:linear-gradient(135deg,rgba(116,243,255,.88),rgba(98,210,131,.34)),#172024;border:1px solid rgba(116,243,255,.45)}.studio-nav-list{grid-gap:.4rem;gap:.4rem}.studio-action-button,.studio-button,.studio-material-placeholder button,.studio-nav-item,.studio-primary-button,.studio-segmented button,.studio-tool-button{min-height:2.25rem;border-radius:8px;border:1px solid var(--studio-line);background:linear-gradient(180deg,#202126,#15161a);color:var(--studio-text);transition:border-color .14s ease,background .14s ease,color .14s ease}.studio-nav-item{padding:.7rem .8rem}.studio-material-placeholder button:hover,.studio-nav-item.active,.studio-segmented button.active,.studio-tool-button:hover{border-color:rgba(25,216,255,.58);background:#172024;color:var(--studio-accent-strong)}.studio-account-card,.studio-card,.studio-stage-card{border:1px solid var(--studio-line-soft);border-radius:8px;background:linear-gradient(180deg,var(--studio-panel-raised),var(--studio-panel));box-shadow:0 14px 32px rgba(0,0,0,.28)}.studio-account-card{grid-gap:.35rem;gap:.35rem;padding:.9rem}.studio-account-card strong,.studio-credit-number{margin:0;font-size:1.8rem;line-height:1;color:var(--studio-accent-strong)}.studio-account-card small,.studio-card-header span,.studio-empty-mini p,.studio-history-item small,.studio-kicker,.studio-muted,.studio-stage-header p{color:var(--studio-text-muted)}.studio-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.studio-main{grid-template-rows:auto auto minmax(0,1fr);grid-gap:.85rem;gap:.85rem;padding:1rem}.studio-topbar{display:flex;justify-content:space-between;min-width:0}.studio-card h2,.studio-stage-header h2,.studio-topbar h1{margin:0}.studio-topbar h1{font-size:1.35rem;line-height:1.1}.studio-package-row,.studio-stage-actions,.studio-topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.studio-status-pill{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 .75rem;border:1px solid rgba(98,210,131,.36);background:rgba(98,210,131,.08);color:#a3f2b6;font-size:.78rem}.studio-action-button,.studio-button,.studio-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .75rem;text-decoration:none;white-space:nowrap}.studio-action-button,.studio-primary-button{border-color:rgba(25,216,255,.58);background:linear-gradient(180deg,#1c2427,#121719);color:var(--studio-accent-strong)}.studio-action-button:disabled,.studio-button:disabled,.studio-primary-button:disabled,.studio-workspace-tabs button:disabled{opacity:.48;cursor:not-allowed}.studio-workspace-tabs{width:min(420px,100%);padding:.2rem;border:1px solid var(--studio-line-soft);background:var(--studio-field)}.studio-segmented button,.studio-workspace-tabs button{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--studio-text-secondary)}.studio-workspace-tabs button{min-height:2.35rem}.studio-workspace-tabs button.active{border-color:rgba(25,216,255,.58);background:#181c20;color:var(--studio-accent-strong)}.studio-grid{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 320px}.studio-grid,.studio-panel{grid-gap:.85rem;gap:.85rem}.studio-card{grid-gap:.75rem;gap:.75rem;padding:.85rem}.studio-card h2,.studio-stage-header h2{font-size:.92rem;line-height:1.25}.studio-card-header,.studio-stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.studio-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.2rem;gap:.2rem;padding:.2rem;border-radius:8px;border:1px solid var(--studio-line-soft);background:var(--studio-field)}.studio-card .studio-segmented:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.studio-field{display:grid;grid-gap:.4rem;gap:.4rem;color:var(--studio-text-secondary);font-size:.82rem}.studio-app input,.studio-field select,.studio-iterate-row input{width:100%;min-height:2.35rem;border-radius:8px;border:1px solid var(--studio-line);background:var(--studio-field);color:var(--studio-text)}.studio-empty-mini{display:grid;grid-gap:.35rem;gap:.35rem;padding:.8rem;border:1px dashed var(--studio-line);border-radius:8px;background:rgba(255,255,255,.025)}.studio-connector-panel{display:grid;grid-gap:.7rem;gap:.7rem}.studio-pairing-code{display:grid;grid-gap:.2rem;gap:.2rem;padding:.8rem;border:1px solid var(--studio-line);border-radius:8px;background:#111216}.studio-pairing-code strong{font-family:var(--font-geist-mono),monospace;font-size:1.75rem;line-height:1;letter-spacing:.08em;color:var(--studio-accent-strong)}.studio-pairing-code span{color:var(--studio-text-muted);font-size:.78rem}.studio-history-list,.studio-recent-source-list{display:grid;grid-gap:.55rem;gap:.55rem}.studio-history-item,.studio-recent-source-list button{display:grid;grid-template-columns:58px minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:center;min-height:4.2rem;padding:.45rem;border:1px solid var(--studio-line-soft);border-radius:8px;background:#111216;color:var(--studio-text);text-align:left}.studio-history-item img,.studio-recent-source-list img{width:58px;height:42px;border-radius:6px;object-fit:cover;background:#07080a}.studio-history-item span,.studio-recent-source-list span{display:grid;grid-gap:.18rem;gap:.18rem;min-width:0}.studio-history-item small,.studio-history-item strong,.studio-recent-source-list small,.studio-recent-source-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-recent-source-list small{color:var(--studio-text-muted)}.studio-stage-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;padding:.85rem}.studio-comparison-frame{min-height:480px;border-radius:8px;background:#07080a}.studio-base-image,.studio-overlay-image{width:100%;min-height:480px;object-fit:contain}.studio-comparison-range{inset:auto 1rem 1rem 1rem;z-index:3;accent-color:var(--studio-accent-strong)}.studio-comparison-line{z-index:2;background:var(--studio-accent-strong);box-shadow:0 0 0 1px rgba(7,8,10,.55)}.studio-busy-overlay,.studio-draft-soon,.studio-empty-stage{position:absolute;inset:0;display:grid;place-items:center;padding:1.2rem;text-align:center}.studio-empty-stage{color:var(--studio-text-muted)}.studio-busy-overlay{z-index:4;gap:.65rem;background:rgba(7,8,11,.74)}.studio-iterate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.6rem;gap:.6rem}.studio-error{margin:0;color:#ff9d9d}.studio-credit-number{font-weight:700}.studio-material-placeholder,.studio-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}.studio-material-placeholder button,.studio-tool-button{min-height:2.5rem;padding:.35rem;font-size:.78rem}.studio-draft-soon{inset:auto 1rem 1rem 1rem;place-items:start;gap:.35rem;border:1px solid rgba(25,216,255,.34);border-radius:8px;background:rgba(10,14,18,.86);text-align:left}.studio-draft-soon span{color:var(--studio-text-secondary)}@media (max-width:1240px){.studio-app{grid-template-columns:64px minmax(0,1fr)}.studio-sidebar{padding:.7rem}.studio-account-card .studio-kicker,.studio-account-card small,.studio-brand span,.studio-nav-item{font-size:0}.studio-nav-item{min-height:2.6rem;padding:0}.studio-nav-item:first-letter{font-size:.78rem}.studio-account-card{padding:.55rem}.studio-account-card strong{font-size:1rem}.studio-grid{grid-template-columns:248px minmax(0,1fr) 280px}}@media (max-width:1020px){.studio-app{display:block}.studio-sidebar{min-height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:10;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;border-right:0;border-bottom:1px solid var(--studio-line-soft)}.studio-account-card .studio-kicker,.studio-account-card small,.studio-brand span{font-size:revert}.studio-nav-list{display:flex;overflow-x:auto}.studio-nav-item{min-width:max-content;padding:.6rem .75rem;font-size:.82rem}.studio-account-card{display:none}.studio-draft-grid,.studio-grid{grid-template-columns:1fr}.studio-left-panel,.studio-right-panel{max-height:none;overflow:visible}.studio-panel{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}@media (max-width:720px){.studio-main{padding:.75rem}.studio-stage-header,.studio-topbar{display:grid}.studio-stage-actions,.studio-topbar-actions{width:100%}.studio-stage-actions>*,.studio-topbar-actions>*{flex:1 1}.studio-panel{grid-template-columns:1fr}.studio-base-image,.studio-comparison-frame,.studio-overlay-image{min-height:340px}.studio-iterate-row{grid-template-columns:1fr}.studio-package-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}.studio-app{display:grid;grid-template-columns:216px minmax(0,1fr);background:#070b10;color:#e8edf2;font-family:Geist,Segoe UI Variable,Segoe UI,system-ui,sans-serif;--studio-chrome:#0a0f15;--studio-panel:#121820;--studio-panel-raised:#171d26;--studio-field:#10161d;--studio-line:#26313c;--studio-line-soft:#1b2530;--studio-accent:#19d8ff;--studio-accent-strong:#72f6ff;--studio-accent-soft:rgba(25,216,255,0.14);--studio-success:#42d882;--studio-danger:#ff6b6b;--studio-text:#eef4f7;--studio-text-secondary:#aeb7c2;--studio-text-muted:#74808c}.studio-app-collapsed{grid-template-columns:64px minmax(0,1fr)}.studio-app *,.studio-app :after,.studio-app :before{box-sizing:border-box}.studio-app button,.studio-app input,.studio-app select,.studio-app textarea{font:inherit}.studio-sidebar{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:1.1rem;gap:1.1rem;padding:1.05rem;border-right:1px solid var(--studio-line-soft);background:linear-gradient(180deg,rgba(13,21,29,.96),rgba(7,12,17,.98)),var(--studio-chrome)}.studio-app-collapsed .studio-sidebar{padding:.85rem .55rem}.studio-brand,.studio-brand-row,.studio-chip-row,.studio-draft-toolbar-header,.studio-history-header,.studio-layer-header,.studio-layer-header>div,.studio-material-library-header,.studio-prompt-header,.studio-stage-footer,.studio-topbar-actions{display:flex;align-items:center}.studio-brand-row{justify-content:space-between;gap:.6rem}.studio-brand{gap:.72rem;min-width:0;color:#ffffff;font-weight:800;line-height:1.05}.studio-brand-mark{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--studio-accent-strong);font-size:2rem;text-shadow:0 0 22px rgba(25,216,255,.6)}.studio-app-collapsed .studio-account-card,.studio-app-collapsed .studio-brand span,.studio-app-collapsed .studio-nav-item strong{display:none}.studio-app-collapsed .studio-brand-row{flex-direction:column;justify-content:center;gap:.45rem}.studio-app-collapsed .studio-sidebar-toggle{display:inline-grid}.studio-nav-list{display:grid;align-content:start;grid-gap:.6rem;gap:.6rem}.studio-nav-item{display:flex;align-items:center;gap:.72rem;min-height:2.95rem;padding:0 .9rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--studio-text-secondary);text-align:left}.studio-app-collapsed .studio-nav-item{justify-content:center;padding:0}.studio-nav-item span{width:1.25rem;color:#d2dae2;text-align:center;font-size:1.15rem}.studio-nav-item strong{font-weight:650}.studio-nav-item.active{border-color:rgba(25,216,255,.24);background:linear-gradient(110deg,rgba(25,216,255,.2),rgba(25,216,255,.05));color:var(--studio-accent-strong);box-shadow:inset 0 0 28px rgba(25,216,255,.08)}.studio-main{min-width:0;min-height:100vh;display:grid;grid-gap:.9rem;gap:.9rem;padding:0 .9rem .9rem}.studio-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;grid-template-columns:minmax(240px,1fr) minmax(420px,.45fr) auto;grid-gap:1rem;gap:1rem;min-height:7rem;padding:.9rem 0 .65rem;background:linear-gradient(180deg,rgba(7,11,16,.98),rgba(7,11,16,.86) 82%,rgba(7,11,16,0))}.studio-breadcrumbs{display:flex;gap:.8rem;color:#c5ccd4;font-size:.82rem}.studio-heading h1{margin:.65rem 0 .25rem;font-size:1.6rem}.studio-heading p{font-size:.86rem}.studio-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.15rem;padding:0;border-radius:8px;background:#151b24}.studio-workspace-tabs button{gap:.55rem;min-height:2.9rem;border:0;border-right:1px solid var(--studio-line);border-radius:0;background:linear-gradient(180deg,rgba(30,38,49,.96),rgba(19,25,33,.96));color:var(--studio-text-secondary)}.studio-workspace-tabs button:last-child{border-right:0}.studio-workspace-tabs button.active{background:linear-gradient(180deg,rgba(37,115,129,.45),rgba(19,91,103,.28)),#17232b;box-shadow:inset 0 -2px 0 var(--studio-accent),inset 0 0 32px rgba(25,216,255,.12)}.studio-workspace-tabs button:disabled{opacity:.45;cursor:not-allowed}.studio-topbar-actions{gap:.6rem}.studio-card,.studio-draft-stage-card,.studio-prompt-card,.studio-stage-card{border:1px solid var(--studio-line-soft);border-radius:8px;background:linear-gradient(180deg,rgba(22,29,38,.95),rgba(15,21,28,.95)),var(--studio-panel);box-shadow:0 18px 42px rgba(0,0,0,.28)}.studio-card{display:grid;grid-gap:.62rem;gap:.62rem;padding:.78rem}.studio-card h2,.studio-prompt-card h2{margin:0;color:#ffffff;font-size:.84rem;line-height:1.2}.studio-card-title h2 span{font-size:.78rem}.studio-kicker{margin:0;text-transform:none;letter-spacing:0;color:var(--studio-text-secondary);font-size:.86rem}.studio-account-card{display:grid;grid-gap:.55rem;gap:.55rem;padding:1.05rem;border:1px solid var(--studio-line-soft);border-radius:8px;background:linear-gradient(180deg,rgba(24,31,41,.92),rgba(14,19,26,.96))}.studio-account-card strong{color:#eef7fb;font-size:1.85rem;line-height:1}.studio-account-card strong span,.studio-credit-pill span{color:var(--studio-accent);font-size:.95rem}.studio-account-card small,.studio-card small,.studio-credit-note,.studio-draft-toolbar-card p,.studio-muted,.studio-output-card p{color:var(--studio-text-muted)}.studio-button,.studio-chip-row button,.studio-credit-pill,.studio-draft-tools button,.studio-export-button,.studio-icon-button,.studio-layer-row,.studio-material-grid button,.studio-primary-button,.studio-quality button,.studio-source-list button,.studio-source-tabs button,.studio-status-pill{min-height:2.3rem;border:1px solid var(--studio-line);border-radius:8px;background:linear-gradient(180deg,#1d2430,#131922);color:var(--studio-text)}.studio-button,.studio-credit-pill,.studio-export-button,.studio-primary-button,.studio-status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;font-size:.84rem;text-decoration:none;white-space:nowrap}.studio-button:disabled,.studio-credit-pill:disabled,.studio-primary-button:disabled,.studio-status-pill:disabled{opacity:.52;cursor:not-allowed}.studio-icon-button{position:relative;display:inline-grid;place-items:center;width:2.3rem;min-width:2.3rem;padding:0;color:#d7e1e9}.studio-icon-button i{position:absolute;top:-.35rem;right:-.3rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;border-radius:999px;background:var(--studio-accent);color:#072128;font-style:normal;font-size:.64rem;font-weight:800}.studio-sidebar-toggle{width:1.9rem;min-width:1.9rem;min-height:1.9rem}.studio-status-pill{border-radius:999px;background:rgba(255,255,255,.04)}.studio-status-pill span{width:.5rem;height:.5rem;border-radius:999px;background:var(--studio-success);box-shadow:0 0 16px rgba(66,216,130,.58)}.studio-credit-pill{border-radius:999px;font-weight:650}.studio-avatar-button{width:2.55rem;height:2.55rem;overflow:visible;border:0;background:#1d2631;color:#ffffff;font-weight:800}.studio-avatar-button img,.studio-avatar-button span{width:2.55rem;height:2.55rem;border-radius:999px}.studio-avatar-button span{display:grid;place-items:center;background:linear-gradient(135deg,#2a3645,#111821)}.studio-avatar-button i{position:absolute;right:0;bottom:0;width:.72rem;height:.72rem;border:2px solid #071018;border-radius:999px;background:var(--studio-success)}.studio-render-layout{display:grid;grid-template-columns:276px minmax(560px,1fr) 344px;grid-gap:.85rem;gap:.85rem}.studio-panel{min-height:0;display:grid;align-content:start;grid-gap:.9rem;gap:.9rem;overflow:auto}.studio-left-panel,.studio-right-panel{max-height:calc(100vh - 8.5rem)}.studio-left-panel{gap:.68rem}.studio-source-selector{grid-template-columns:3.1rem minmax(0,1fr) 1.2rem;align-items:center;grid-gap:.7rem;gap:.7rem;min-height:3.15rem;padding:.38rem;background:var(--studio-field)}.studio-source-selector,.studio-source-tabs{display:grid;border:1px solid var(--studio-line);border-radius:8px}.studio-source-tabs{grid-gap:.2rem;gap:.2rem;padding:.2rem}.studio-source-tabs button{border-color:transparent;background:transparent;color:var(--studio-text-secondary);font-size:.82rem}.studio-source-tabs button.active{border-color:rgba(25,216,255,.48);background:rgba(25,216,255,.13);color:#ffffff}.studio-source-empty-thumb,.studio-source-selector img{width:2.65rem;height:2.65rem;border-radius:8px;object-fit:cover;background:#0b1118}.studio-source-empty-thumb{display:grid;place-items:center;color:var(--studio-text-muted)}.studio-source-selector small,.studio-source-selector strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-source-selector select{width:1.2rem;min-width:1.2rem;border:0;background:transparent;color:transparent}.studio-hidden-input{display:none}.studio-wide-button{width:100%}.studio-history-list,.studio-layer-list,.studio-selection-list,.studio-source-list{display:grid;grid-gap:.45rem;gap:.45rem}.studio-history-item,.studio-source-list button{display:grid;grid-template-columns:4.6rem minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;padding:.38rem;text-align:left}.studio-history-item img,.studio-source-list img{width:4.25rem;height:2.8rem;border-radius:6px;object-fit:cover}.studio-history-item small,.studio-history-item strong,.studio-source-list small,.studio-source-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-select-row{display:grid;grid-template-columns:1.4rem minmax(0,1fr);align-items:center;grid-gap:.55rem;gap:.55rem;min-height:2.55rem;padding:0 .65rem;border:1px solid var(--studio-line);border-radius:8px}.studio-material-search input,.studio-property-grid input,.studio-property-grid select,.studio-select-row select{width:100%;min-height:2.1rem;border:0;border-radius:6px;background:transparent;color:var(--studio-text)}.studio-material-texture{display:block;border-radius:6px;background-color:#26313c}.studio-quality{grid-template-columns:repeat(3,minmax(0,1fr));padding:.2rem;border:1px solid var(--studio-line);border-radius:8px}.studio-quality button{min-height:2rem;border-color:transparent;color:var(--studio-text-secondary)}.studio-quality button.active{border-color:rgba(25,216,255,.48);background:rgba(25,216,255,.14)}.studio-export-button,.studio-primary-button{border-color:rgba(25,216,255,.62);background:linear-gradient(135deg,#4679f2,#16d1bd);font-weight:750;box-shadow:0 0 28px rgba(25,216,255,.22)}.studio-generate-button{min-height:3rem;font-size:.9rem}.studio-credit-note{display:block;text-align:center;font-size:.78rem}.studio-center-panel{min-width:0;min-height:0;display:grid;grid-gap:.9rem;gap:.9rem}.studio-render-stage-card{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;padding:.7rem}.studio-comparison-frame{position:relative;min-height:502px;overflow:hidden;border:1px solid var(--studio-line-soft);border-radius:7px;background:#070b10}.studio-base-image,.studio-draft-canvas img,.studio-overlay-image{width:100%;height:100%;object-fit:cover}.studio-base-image,.studio-overlay-image{min-height:502px}.studio-overlay-clip{position:absolute;inset:0;overflow:hidden}.studio-after-label,.studio-before-label{position:absolute;top:.75rem;z-index:3;padding:.5rem .75rem;border-radius:8px;background:rgba(31,40,49,.72);color:#ffffff;font-weight:750;font-size:.78rem}.studio-before-label{left:.75rem}.studio-after-label{right:.75rem}.studio-comparison-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;cursor:ew-resize}.studio-comparison-line{position:absolute;top:0;bottom:0;z-index:4;width:2px;background:rgba(255,255,255,.9);box-shadow:0 0 16px rgba(25,216,255,.45)}.studio-comparison-line span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:3rem;height:3rem;transform:translate(-50%,-50%);border:2px solid var(--studio-accent-strong);border-radius:999px;background:rgba(8,26,33,.9);color:#ffffff;font-size:.86rem;font-weight:800}.studio-busy-overlay,.studio-empty-stage{position:absolute;inset:0;display:grid;place-items:center;padding:1.2rem;color:var(--studio-text-muted);text-align:center}.studio-busy-overlay{z-index:8;align-content:center;gap:.75rem;background:rgba(5,8,12,.76);color:#ffffff}.studio-spinner{width:2rem;height:2rem;border:3px solid rgba(116,243,255,.22);border-top:3px solid var(--studio-accent-strong);border-radius:999px;animation:studio-spin .9s linear infinite}@keyframes studio-spin{to{transform:rotate(1turn)}}.studio-stage-footer{gap:.55rem}.studio-zoom-control{grid-template-columns:1fr auto;overflow:hidden;border:1px solid var(--studio-line);border-radius:8px}.studio-zoom-control button{min-height:2.6rem;padding:0 .8rem;border:0;border-right:1px solid var(--studio-line);background:#111821;color:var(--studio-text)}.studio-zoom-control button:last-child{border-right:0}.studio-stage-spacer{flex:1 1}.studio-prompt-card{display:grid;grid-gap:.65rem;gap:.65rem;padding:.8rem .9rem}.studio-prompt-header{justify-content:space-between}.studio-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-gap:.8rem;gap:.8rem}.studio-prompt-row textarea{width:100%;min-height:4.25rem;resize:none;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-field);color:var(--studio-text);padding:.9rem}.studio-refine-button{align-self:stretch;min-height:3.25rem}.studio-chip-row{gap:.4rem;flex-wrap:wrap}.studio-chip-row button{min-height:2rem;padding:0 .65rem;color:var(--studio-text-secondary);font-size:.78rem}.studio-history-card{max-height:calc(100vh - 8.5rem)}.studio-history-header{justify-content:space-between;gap:.5rem}.studio-history-header h2{margin-right:auto}.studio-history-item{grid-template-columns:4.6rem auto minmax(0,1fr) auto;min-height:4rem}.studio-button:hover:not(:disabled),.studio-history-item:hover,.studio-icon-button:hover:not(:disabled),.studio-layer-row:hover,.studio-material-grid button:hover,.studio-source-list button:hover{border-color:var(--studio-border-emphasis)}.studio-version{padding:.22rem .45rem;border-radius:6px;color:var(--studio-accent-strong);font-size:.76rem}.studio-history-item em{color:#ffd85b;font-style:normal}.studio-toast{position:fixed;right:1rem;bottom:1rem;z-index:20;max-width:420px;padding:.9rem 1rem;border:1px solid rgba(255,107,107,.45);border-radius:8px;background:rgba(45,16,18,.96);color:#ffd0d0;box-shadow:0 16px 44px rgba(0,0,0,.36)}.studio-draft-layout{grid-template-columns:minmax(0,1fr) 346px;grid-gap:.9rem;gap:.9rem}.studio-draft-main,.studio-draft-sidebar{min-height:0;display:grid;align-content:start;grid-gap:.9rem;gap:.9rem}.studio-draft-sidebar{max-height:calc(100vh - 8.5rem);overflow:auto}.studio-draft-toolbar-card{gap:.65rem}.studio-draft-toolbar-header{justify-content:space-between;gap:1rem}.studio-draft-toolbar-header>div{display:flex;gap:.5rem}.studio-draft-tools{display:flex;gap:.45rem;overflow-x:auto}.studio-draft-tools button{display:inline-flex;align-items:center;gap:.45rem;min-width:max-content;padding:0 .75rem}.studio-draft-tools button.active{border-color:var(--studio-accent);background:rgba(25,216,255,.14);box-shadow:inset 0 0 22px rgba(25,216,255,.12)}.studio-draft-toolbar-card p{margin:0;font-size:.82rem}.studio-draft-stage-card{padding:.75rem}.studio-draft-canvas{position:relative;min-height:460px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgba(167,201,143,.8),rgba(137,166,120,.9))}.studio-draft-canvas img{min-height:460px}.studio-canvas-toolrail{position:absolute;top:.75rem;left:.75rem;z-index:4;display:grid;overflow:hidden;border-radius:8px;background:rgba(24,32,34,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-canvas-toolrail span{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-bottom:1px solid rgba(255,255,255,.09);color:#ffffff}.studio-canvas-toolrail span:first-child{color:var(--studio-accent-strong)}.studio-mask-outline{position:absolute;z-index:3;border-radius:999px;pointer-events:none}.studio-mask-outline.roof{top:12%;left:47%;width:33%;height:21%;border:2px dashed #17d8ff;transform:rotate(8deg)}.studio-mask-outline.pool{top:44%;left:44%;width:25%;height:16%;border:2px dashed #20d7dc;transform:rotate(-6deg)}.studio-mask-outline.landscape{right:18%;bottom:10%;width:46%;height:22%;border:2px dashed #dddb12;transform:rotate(-2deg)}.studio-axis{position:absolute;left:1rem;bottom:1rem;z-index:4;display:grid;grid-gap:.12rem;gap:.12rem;color:#36ce73;font-size:.82rem}.studio-axis b:last-child{color:#ff4343}.studio-view-toggle{position:absolute;right:1rem;bottom:1rem;z-index:5;display:flex;gap:.25rem;padding:.32rem;border-radius:8px;background:rgba(18,25,30,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-view-toggle button{min-width:2.6rem;min-height:2rem;border:0;border-radius:6px;background:transparent;color:#ffffff;font-weight:750}.studio-view-toggle button.active{background:rgba(25,216,255,.25);color:var(--studio-accent-strong);box-shadow:inset 0 0 0 1px rgba(25,216,255,.6)}.studio-material-library{gap:.75rem}.studio-material-library-header{gap:.65rem}.studio-material-library-header h2{margin-right:.35rem;white-space:nowrap}.studio-material-search{position:relative;min-width:230px;flex:1 1;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-field)}.studio-material-search input{padding:0 2.2rem 0 .8rem}.studio-material-search span{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:var(--studio-text-muted)}.studio-material-grid{display:grid;grid-template-columns:repeat(8,minmax(7.2rem,1fr));grid-gap:.6rem;gap:.6rem;overflow-x:auto}.studio-material-grid button{position:relative;display:grid;grid-gap:.35rem;gap:.35rem;min-height:7.3rem;padding:.35rem;text-align:left}.studio-material-grid button.active{border-color:var(--studio-accent);box-shadow:0 0 0 1px rgba(25,216,255,.3)}.studio-material-grid button em{position:absolute;top:.45rem;right:.5rem;color:#f4d84e;font-style:normal}.studio-material-texture{height:4.6rem}.studio-material-texture.brick{background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.22) 48% 51%,transparent 52%),repeating-linear-gradient(0deg,#9c4a2f 0 14px,#d08a62 14px 16px)}.studio-material-texture.wood{background:repeating-linear-gradient(0deg,#8b613a 0 10px,#c2905f 10px 13px)}.studio-material-texture.concrete{background:linear-gradient(135deg,#a6a7a3,#696d6f)}.studio-material-texture.stone{background:repeating-linear-gradient(135deg,#6b6a63 0 14px,#9d9b90 14px 24px)}.studio-material-texture.tile{background:linear-gradient(90deg,transparent 48%,#9fa2a2 49% 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#9fa2a2 49% 51%,transparent 52%),#dadbd8}.studio-material-texture.metal{background:linear-gradient(90deg,#4d5156,#aeb3b8,#44484c)}.studio-material-texture.glass{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.38) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.3) 50%,transparent 51%),linear-gradient(135deg,rgba(70,209,223,.52),rgba(207,255,255,.86))}.studio-material-texture.grass{background:repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 2px,transparent 2px 5px),#4f8d25}.studio-draft-note{padding:.75rem .9rem;border:1px solid var(--studio-line-soft);border-radius:8px;background:#111821;color:var(--studio-text-muted);font-size:.82rem}.studio-layer-header,.studio-selection-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.studio-layer-row{display:grid;grid-template-columns:1.8rem 2rem minmax(0,1fr) auto auto;align-items:center;grid-gap:.55rem;gap:.55rem;min-height:3rem;padding:.35rem .45rem;text-align:left}.studio-layer-eye,.studio-layer-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:6px;background:#151d26}.studio-layer-icon.blue{color:#4b86ff}.studio-layer-icon.red{color:#ff3e66}.studio-layer-icon.cyan{color:#2de4f0}.studio-layer-icon.brown{color:#a16f3e}.studio-layer-icon.green{color:#65c742}.studio-layer-icon.stone{color:#a7a39c}.studio-layer-row small,.studio-layer-row span:nth-child(3),.studio-layer-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-layer-row b,.studio-layer-row em{color:var(--studio-text-secondary);font-style:normal;font-weight:500}.studio-selection-header span{padding:.28rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);color:#ffffff;font-size:.76rem}.studio-selection-list div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.5rem;gap:.5rem;min-height:2rem;padding:0 .25rem;border-bottom:1px solid rgba(255,255,255,.05)}.studio-selection-list span{width:.7rem;height:.7rem;border-radius:999px}.studio-selection-list small{color:var(--studio-text-secondary)}.studio-properties-card{gap:.8rem}.studio-material-property-heading{display:grid;grid-template-columns:2.8rem minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem}.studio-material-orb{width:2.6rem;height:2.6rem;border-radius:999px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.1) 0 2px,transparent 2px 5px),#5a8f27}.studio-material-property-heading small,.studio-material-property-heading strong{display:block}.studio-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.studio-property-grid label{display:grid;grid-gap:.3rem;gap:.3rem;color:var(--studio-text-secondary);font-size:.78rem}.studio-property-grid label:last-child{grid-column:1/-1}.studio-property-grid input,.studio-property-grid select{border:1px solid var(--studio-line);background:var(--studio-field);padding:0 .65rem}.studio-output-card p{margin:0;font-size:.82rem}@media (max-width:1380px){.studio-render-layout{grid-template-columns:260px minmax(460px,1fr) 306px}.studio-topbar{grid-template-columns:minmax(220px,1fr) minmax(360px,.55fr)}.studio-topbar-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:1120px){.studio-app{grid-template-columns:64px minmax(0,1fr)}.studio-account-card,.studio-brand span,.studio-nav-item strong{display:none}.studio-brand-row{flex-direction:column;justify-content:center;gap:.45rem}.studio-sidebar-toggle{display:inline-grid}.studio-nav-item{justify-content:center;padding:0}.studio-draft-layout,.studio-render-layout{grid-template-columns:1fr}.studio-draft-sidebar,.studio-left-panel,.studio-right-panel{max-height:none;overflow:visible}.studio-left-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.studio-app{display:block}.studio-sidebar{position:static;min-height:auto;grid-template-rows:auto;padding:.7rem;border-right:0;border-bottom:1px solid var(--studio-line-soft)}.studio-brand span,.studio-nav-item strong{display:block}.studio-brand-row{margin-bottom:.7rem}.studio-nav-list{display:flex;overflow-x:auto}.studio-nav-item{min-width:max-content;padding:0 .8rem}.studio-main{display:block;padding:0 .75rem .75rem}.studio-topbar{position:static;grid-template-columns:1fr;min-height:auto}.studio-workspace-tabs{margin-top:0;min-width:0}.studio-topbar-actions{justify-content:stretch;min-width:0}.studio-topbar-actions>*{flex:1 1}.studio-draft-layout,.studio-left-panel,.studio-material-library-header,.studio-prompt-row,.studio-property-grid,.studio-render-layout{grid-template-columns:1fr}.studio-draft-layout,.studio-render-layout{margin-top:.9rem}.studio-base-image,.studio-comparison-frame,.studio-draft-canvas,.studio-draft-canvas img,.studio-overlay-image{min-height:340px}.studio-material-grid{grid-template-columns:repeat(4,minmax(7rem,1fr))}}body:has(.studio-app),html:has(.studio-app){background:#070b10}.studio-app{grid-template-columns:224px minmax(0,1fr);background:radial-gradient(circle at 62% 0,rgba(95,146,204,.08),transparent 36%),radial-gradient(circle at 100% 78%,rgba(82,113,182,.08),transparent 30%),#070b10;font-family:Geist,Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif;--studio-bg:#070b10;--studio-chrome:#0f141c;--studio-panel:#121924;--studio-card:#171f2b;--studio-card-strong:#1a2431;--studio-field:#0f1721;--studio-surface-0:#0b1118;--studio-surface-1:#121924;--studio-surface-2:#171f2b;--studio-surface-3:#1b2431;--studio-line:rgba(175,189,214,0.10);--studio-line-strong:rgba(175,189,214,0.16);--studio-border-emphasis:rgba(112,128,178,0.28);--studio-accent:#7bc3de;--studio-accent-strong:#a5dced;--studio-accent-teal:#67aac4;--studio-accent-soft:rgba(123,195,222,0.12);--studio-accent-soft-strong:rgba(123,195,222,0.18);--studio-selected-border:rgba(113,127,196,0.34);--studio-selected-surface:linear-gradient(135deg,rgba(97,91,175,0.34),rgba(78,110,183,0.28) 58%,rgba(90,166,196,0.18));--studio-selected-surface-strong:linear-gradient(135deg,rgba(97,91,175,0.56),rgba(78,110,183,0.48) 58%,rgba(90,166,196,0.3));--studio-shadow-neutral:0 18px 40px rgba(4,8,14,0.24);--studio-shadow-accent:0 0 18px rgba(81,100,166,0.14);--studio-danger:#d96868;--studio-danger-soft:rgba(217,104,104,0.12);--studio-danger-border:rgba(217,104,104,0.24);--studio-text:#f4f7fb;--studio-text-secondary:#b5bfcc;--studio-text-muted:#8b98a8;--studio-primary-gradient:linear-gradient(135deg,#6258c7,#4f74da 56%,#59b9d9)}.studio-app-collapsed{grid-template-columns:68px minmax(0,1fr)}.studio-sidebar{height:100vh;min-height:0;padding:18px 14px;gap:18px;border-right:1px solid var(--studio-line);background:linear-gradient(180deg,rgba(18,25,36,.97),rgba(10,15,23,.98)),var(--studio-chrome);box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}.studio-main{overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.studio-topbar{position:relative;top:auto;z-index:2;min-height:78px;grid-template-columns:minmax(320px,1fr) minmax(440px,520px) auto;gap:20px;background:transparent}.studio-breadcrumbs{color:var(--studio-text-muted)}.studio-heading h1{margin:12px 0 5px;font-size:30px;line-height:1;font-weight:760;color:#ffffff}.studio-heading p{color:var(--studio-text-secondary)}.studio-workspace-tabs{align-self:start;margin-top:22px;gap:4px;border:1px solid var(--studio-line);border-radius:14px;background:rgba(16,23,32,.88);box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}.studio-workspace-tabs button{min-height:48px;border-radius:11px;color:#c9d2dd;font-weight:700;opacity:1}.studio-workspace-tabs button.active{box-shadow:0 0 0 1px rgba(98,120,196,.14),var(--studio-shadow-accent),inset 0 1px 0 rgba(255,255,255,.13)}.studio-topbar-actions{margin-top:0}.studio-avatar-button,.studio-credit-pill,.studio-icon-button,.studio-status-pill{height:44px;min-height:44px;border-radius:14px;border-color:var(--studio-line);background:linear-gradient(180deg,rgba(24,30,41,.84),rgba(16,22,31,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.studio-card,.studio-draft-stage-card,.studio-prompt-card,.studio-stage-card{border:1px solid var(--studio-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--studio-card);box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}.studio-render-layout{grid-template-columns:300px minmax(0,1fr) 340px}.studio-center-panel,.studio-draft-main,.studio-draft-sidebar,.studio-panel{min-height:0}.studio-left-panel,.studio-right-panel{height:100%;max-height:none;overflow:hidden}.studio-settings-panel{align-content:start;gap:0;padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#101720}.studio-settings-section{display:grid;grid-gap:8px;gap:8px;padding:0 0 11px;margin-bottom:11px;border-bottom:1px solid var(--studio-line)}.studio-settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.studio-card h2,.studio-card-title h2,.studio-prompt-card h2{font-size:14px;line-height:1.2;font-weight:700;color:#f4f7fb}.studio-card-title h2 span{color:var(--studio-text-muted);font-size:12px}.studio-source-tabs{gap:3px;padding:3px;border-radius:13px 13px 8px 8px;border-color:var(--studio-line);background:var(--studio-field)}.studio-source-tabs button{min-height:34px;border-radius:10px;color:var(--studio-text-muted);font-weight:680}.studio-source-tabs button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f4f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--studio-shadow-accent)}.studio-source-selector{grid-template-columns:46px minmax(0,1fr);min-height:58px;padding:8px;margin-top:-3px;border-radius:8px 8px 14px 14px;border-color:var(--studio-line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),var(--studio-field)}.studio-source-empty-thumb,.studio-source-selector img{width:40px;height:40px;border-radius:10px;background:var(--studio-surface-3)}.studio-source-selector strong{color:#f4f7fb;font-size:14px;font-weight:700}.studio-credit-note,.studio-muted,.studio-source-selector small{color:var(--studio-text-muted);font-size:12.5px}.studio-source-list{gap:6px}.studio-source-list button{min-height:52px;padding:6px;border-radius:12px}.studio-source-list img{width:56px;height:38px;border-radius:9px}.studio-button,.studio-chip-row button,.studio-export-button,.studio-primary-button,.studio-quality button{height:40px;min-height:40px;border-radius:12px;border-color:var(--studio-line);font-size:14px;font-weight:650}.studio-button{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.016));color:#dbe3ec}.studio-button:hover:not(:disabled),.studio-chip-row button:hover,.studio-icon-button:hover:not(:disabled){border-color:var(--studio-border-emphasis);background:var(--studio-accent-soft);color:#ffffff}.studio-export-button,.studio-primary-button{border:0;background:#394173;color:#ffffff;box-shadow:0 14px 30px rgba(56,87,170,.16),inset 0 1px 0 rgba(255,255,255,.16)}.studio-export-button:hover,.studio-primary-button:hover:not(:disabled){filter:brightness(1.03)}.studio-select-row{height:42px;min-height:42px;border-radius:12px;border-color:var(--studio-line);background:var(--studio-field);color:#f4f7fb}.studio-property-grid select,.studio-select-row select{color:#f4f7fb;background:var(--studio-field);border-radius:10px;outline:none}.studio-property-grid select option,.studio-select-row select option{color:#f4f7fb;background:var(--studio-panel)}.studio-quality{height:42px;border-color:var(--studio-line);background:var(--studio-field)}.studio-quality button{height:34px;min-height:34px}.studio-generate-section{gap:8px}.studio-generate-button{height:44px;min-height:44px;font-size:15px}.studio-center-panel{height:100%;grid-template-rows:minmax(0,1fr) auto;gap:16px}.studio-render-stage-card{min-height:0;padding:12px;gap:12px;border-radius:20px}.studio-comparison-frame{min-height:0;height:100%;overflow:auto;border-radius:16px;border-color:var(--studio-line);background:radial-gradient(circle at 50% 42%,var(--studio-accent-soft),transparent 32%),linear-gradient(135deg,rgba(16,23,32,.9),rgba(10,15,23,.96));scrollbar-color:rgba(139,152,168,.82) rgba(10,16,24,.78);scrollbar-width:thin}.studio-comparison-canvas{position:relative;width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden}.studio-base-image,.studio-overlay-image{min-height:0;height:100%;object-fit:cover}.studio-empty-viewport{position:absolute;inset:0;display:grid;place-items:center;align-content:center;grid-gap:14px;gap:14px;padding:32px;text-align:center}.studio-empty-illustration{position:relative;width:104px;height:86px;border-radius:24px;border:1px solid rgba(50,230,240,.28);background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(34,211,238,.12),rgba(20,184,166,.16)),rgba(16,23,32,.9);box-shadow:0 0 60px rgba(50,230,240,.14),inset 0 1px 0 rgba(255,255,255,.12)}.studio-empty-illustration span,.studio-empty-illustration:after,.studio-empty-illustration:before{content:"";position:absolute;border-radius:999px}.studio-empty-illustration:before{left:18px;right:18px;bottom:20px;height:18px;background:linear-gradient(90deg,rgba(34,211,238,.55),rgba(20,184,166,.2))}.studio-empty-illustration:after{top:20px;left:24px;width:15px;height:15px;background:#32e6f0;box-shadow:34px 11px 0 rgba(244,247,251,.34)}.studio-empty-illustration span{right:-10px;top:-10px;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);background:var(--studio-primary-gradient)}.studio-empty-viewport h2{margin:0;color:#ffffff;font-size:22px;line-height:1.15}.studio-empty-viewport p{max-width:430px;margin:0;color:var(--studio-text-muted);font-size:13.5px;line-height:1.5}.studio-empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.studio-stage-footer{display:flex;align-items:center;gap:8px;padding:0}.studio-stage-footer .studio-button,.studio-stage-footer .studio-export-button,.studio-stage-footer .studio-icon-button,.studio-zoom-control,.studio-zoom-control select{height:40px;min-height:40px;border-radius:11px}.studio-zoom-control{display:inline-grid;grid-template-columns:36px minmax(0,1fr);align-items:center;border-color:var(--studio-line);background:#0d151f}.studio-zoom-control-icon{width:15px;height:15px;margin-left:0;justify-self:center;color:rgba(219,227,236,.9);pointer-events:none}.studio-zoom-control select{min-width:96px;padding:0 8px 0 10px;border:0;background:transparent;color:#dbe3ec;font-size:13px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.studio-zoom-control select option{background:#0d151f;color:#dbe3ec}.studio-stage-action-button{min-width:128px;height:40px;min-height:40px}.studio-stage-action-button svg{width:16px;height:16px;flex:0 0 auto}.studio-prompt-card{flex:0 0 auto;padding:12px 14px;gap:9px;border-radius:18px;background:linear-gradient(135deg,rgba(50,230,240,.08),transparent 45%),#101720}.studio-prompt-header h2{font-size:14px}.studio-prompt-row{grid-template-columns:minmax(0,1fr) 132px;gap:10px}.studio-prompt-row textarea{min-height:46px;max-height:46px;padding:12px 14px;border-radius:13px;border-color:var(--studio-line);background:#0d151f;color:#f4f7fb;font-size:14px;line-height:1.45;outline:none}.studio-prompt-row textarea:focus{border-color:rgba(50,230,240,.45);box-shadow:0 0 0 3px rgba(50,230,240,.08)}.studio-refine-button{height:46px;min-height:46px;border-radius:13px;font-size:15px}.studio-chip-row{gap:6px}.studio-chip-row button{height:28px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.035);color:#c8d2dd;font-size:12.5px}.studio-right-panel{height:100%}.studio-history-card{display:grid;grid-gap:14px;gap:14px;padding:16px}.studio-history-header{gap:8px}.studio-history-header h2{font-size:15px}.studio-history-list{gap:10px;padding-right:4px}.studio-history-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:70px;padding:8px;gap:10px;border-radius:14px;border-color:var(--studio-line);background:rgba(15,23,34,.74)}.studio-history-select{display:grid;grid-template-columns:72px auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.studio-history-item.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),var(--studio-shadow-accent)}.studio-history-item img{width:72px;height:52px;border-radius:10px;object-fit:cover}.studio-version{align-self:start;margin-top:2px;border-radius:999px;background:var(--studio-accent-soft-strong);color:var(--studio-accent);font-weight:750}.studio-history-item strong{font-size:13.5px}.studio-history-item small{color:var(--studio-text-muted)}.studio-history-item em{color:#c4ceda}.studio-history-delete{display:inline-flex;position:relative;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--studio-danger-border);border-radius:12px;background:var(--studio-danger-soft);color:transparent;font-size:0;overflow:hidden}.studio-draft-layer-delete svg,.studio-history-delete svg{width:16px;height:16px;stroke-width:2}.studio-history-delete svg{position:absolute;color:var(--studio-danger)}.studio-history-delete:hover:not(:disabled){border-color:rgba(217,104,104,.4);background:rgba(217,104,104,.18);color:transparent}.studio-history-delete:hover:not(:disabled) svg{color:#e98b8b}.studio-history-delete:disabled{opacity:.55;cursor:wait}.studio-draft-main,.studio-draft-sidebar{height:100%;overflow:auto}@media (max-width:1380px){.studio-render-layout{grid-template-columns:280px minmax(0,1fr) 310px}.studio-topbar{grid-template-columns:minmax(260px,1fr) minmax(360px,480px)}}@media (max-width:1120px){body:has(.studio-app),html:has(.studio-app){overflow:auto}.studio-app{min-height:100vh}.studio-app,.studio-main{height:auto;overflow:visible}}body:has(.studio-app),html:has(.studio-app){height:100%;overflow:hidden}.studio-app{display:block;height:100vh;min-height:100vh;overflow:hidden}.studio-main{height:100vh;min-height:0;gap:14px;grid-template-rows:82px minmax(0,1fr)}.studio-topbar{min-height:82px;grid-template-columns:minmax(300px,1fr) minmax(420px,520px) auto;gap:18px}.studio-heading h1{margin:10px 0 4px;font-size:28px}.studio-heading p{font-size:13px}.studio-workspace-tabs{margin-top:17px}.studio-workspace-tabs button{min-height:44px}.studio-render-layout{height:100%;min-height:0;overflow:hidden}.studio-center-panel,.studio-left-panel,.studio-right-panel{min-height:0;height:100%;max-height:none}.studio-right-panel{overflow:hidden}.studio-settings-panel{height:100%;min-height:0;padding:16px;border-radius:18px}.studio-settings-section{gap:7px;margin-bottom:10px;padding-bottom:10px}.studio-card-title h2{font-size:13.5px}.studio-source-tabs button{min-height:32px;font-size:12.5px}.studio-source-selector{min-height:52px;padding:7px}.studio-source-empty-thumb,.studio-source-selector img{width:38px;height:38px}.studio-source-selector strong{font-size:13.5px}.studio-credit-note,.studio-muted,.studio-source-selector small{font-size:12px}.studio-source-list{gap:5px}.studio-source-list button{min-height:50px;padding:5px}.studio-source-list img{width:54px;height:36px}.studio-history-card{height:100%;max-height:none;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.studio-history-list{min-height:0;overflow:auto}.studio-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:28px!important;height:28px;padding:0 10px!important;border:1px solid transparent!important;border-radius:999px!important;background:rgba(50,230,240,.08)!important;color:#32e6f0!important;font-size:12px;font-weight:700}.studio-select-row{height:38px;min-height:38px}.studio-select-row select{font-size:14px}.studio-toggle-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:42px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0d151f;color:#f4f7fb;text-align:left}.studio-toggle-copy{display:block;min-width:0}.studio-toggle-copy strong{color:#f4f7fb;font-size:13px;font-weight:650;line-height:1.2;display:block}.studio-toggle-button{position:relative;width:44px;height:24px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);transition:background .16s ease,box-shadow .16s ease}.studio-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f4f7fb;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .16s ease}.studio-toggle-setting.active{border-color:rgba(34,211,238,.36);background:linear-gradient(180deg,rgba(27,42,52,.82),rgba(13,21,31,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.studio-toggle-setting.active .studio-toggle-button{background:linear-gradient(135deg,rgba(59,130,246,.82),rgba(20,184,166,.88));box-shadow:0 0 18px rgba(34,211,238,.16),inset 0 1px 0 rgba(255,255,255,.18)}.studio-toggle-setting.active .studio-toggle-thumb{transform:translateX(20px)}.studio-quality button{height:30px;min-height:30px}.studio-generate-section{gap:6px}.studio-generate-button{height:42px;min-height:42px}.studio-generate-section .studio-credit-note{margin-top:-2px;margin-bottom:4px}.studio-center-panel{grid-template-rows:minmax(0,1fr) auto auto;gap:6px;overflow:hidden}.studio-render-stage-card{padding:10px;gap:10px}.studio-prompt-card{padding:10px 10px 9px;gap:6px}.studio-center-bridge{display:flex;align-items:center;justify-content:center;min-height:18px;pointer-events:none}.studio-center-bridge-icon{width:22px;height:22px;color:var(--studio-accent-strong);filter:drop-shadow(0 0 10px rgba(25,216,255,.42)) drop-shadow(0 0 18px rgba(116,243,255,.18));opacity:.96}.studio-prompt-header{padding-left:14px}.studio-prompt-header h2{margin:0;font-size:13px;line-height:1.25}.studio-prompt-row{grid-template-columns:minmax(0,1fr) 156px;gap:8px;align-items:center}.studio-prompt-row textarea,.studio-refine-button{height:42px;min-height:42px;max-height:42px}.studio-prompt-row textarea{padding:10px 14px}.studio-prompt-actions{display:flex;align-items:center;justify-content:stretch}.studio-prompt-actions .studio-refine-button{width:100%;gap:6px;box-sizing:border-box;padding:0 12px;font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;border-radius:12px}.studio-prompt-actions .studio-refine-button,.studio-refine-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.studio-refine-icon{font-size:12px;opacity:.95}.studio-refine-label{display:inline-block;line-height:1}.studio-refine-credit{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;color:inherit;font-size:inherit;font-weight:inherit;line-height:1;letter-spacing:inherit}.studio-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:210px;padding:8px;border:1px solid var(--studio-line);border-radius:14px;background:rgba(16,23,32,.98);box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)}.studio-account-menu button{display:flex;align-items:center;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#dbe3ec;text-align:left;font-size:13px}.studio-account-menu button:hover{background:rgba(50,230,240,.08);color:#ffffff}.studio-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(3,7,12,.68);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-modal{width:min(760px,100%);max-height:min(720px,calc(100vh - 72px));display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--studio-line);border-radius:20px;background:#101720;box-shadow:0 30px 90px rgba(0,0,0,.45)}.studio-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-modal-header h2{margin:0;font-size:18px}.studio-modal-list{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.studio-modal-list button{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:72px;padding:8px;border:1px solid var(--studio-line);border-radius:14px;background:rgba(13,21,31,.72);color:#f4f7fb;text-align:left}.studio-modal-list img{width:82px;height:56px;border-radius:10px;object-fit:cover}.studio-modal-list small,.studio-modal-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-modal-list small{color:var(--studio-text-muted);font-size:12px}.studio-preview-backdrop{z-index:45;padding:36px}.studio-preview-modal{position:relative;display:flex;align-items:center;justify-content:center;width:min(1180px,calc(100vw - 72px));max-height:calc(100vh - 72px);padding:22px;border:1px solid var(--studio-line);border-radius:22px;background:rgba(9,14,21,.96);box-shadow:0 30px 90px rgba(0,0,0,.48)}.studio-preview-image{display:block;max-width:100%;max-height:calc(100vh - 116px);border-radius:16px;object-fit:contain}.studio-preview-close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(16,23,32,.92);color:#f4f7fb;font-size:22px;line-height:1}@media (max-width:1380px){.studio-render-layout{grid-template-columns:300px minmax(0,1fr) 310px}}.studio-app{font-family:Inter,Geist,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:500;color:#f4f7fb}.studio-main{padding:24px;gap:16px;grid-template-rows:88px minmax(0,1fr)}.studio-topbar{min-height:88px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,560px) auto;align-items:start;grid-gap:24px;gap:24px;padding:0}.studio-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.studio-breadcrumbs{gap:10px;color:#8b98a8;font-size:13px;font-weight:500;line-height:1.2}.studio-heading h1{margin:0;color:#f4f7fb;font-size:32px;font-weight:700;line-height:1.05;letter-spacing:0}.studio-heading p{margin:0;color:#8b98a8;font-size:14px;font-weight:500;line-height:1.35}.studio-workspace-tabs{align-self:center;grid-template-columns:1fr 1fr;width:100%;height:52px;margin:0;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0e1621;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.studio-workspace-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:0;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aab6c5;font-size:15px;font-weight:650;line-height:1;text-align:center;white-space:nowrap}.studio-workspace-tabs button span{font-size:17px;line-height:1}.studio-workspace-tabs button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#ffffff;box-shadow:0 0 18px rgba(78,96,186,.12),inset 0 1px 0 rgba(255,255,255,.08)}.studio-topbar-actions{align-self:start;gap:10px;min-width:max-content}.studio-credit-pill,.studio-status-pill{height:40px;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(25,31,43,.82),rgba(16,22,31,.82));color:#dce5ef;font-size:14px;font-weight:600;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.studio-status-pill span{width:8px;height:8px}.studio-credit-pill span,.studio-credit-pill strong{font-size:14px;font-weight:700}.studio-avatar-button,.studio-avatar-button img,.studio-avatar-button>span{width:40px;height:40px}.studio-avatar-button{position:relative;display:grid;place-items:center;min-height:40px;min-width:40px;border-radius:999px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.studio-avatar-button img,.studio-avatar-button>span{display:block;min-width:40px;min-height:40px;max-width:40px;max-height:40px;aspect-ratio:1/1;border-radius:999px}.studio-avatar-button img{object-fit:cover;object-position:center center;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.studio-render-layout{grid-template-columns:320px minmax(0,1fr) 330px;gap:16px;align-items:stretch}.studio-card h2,.studio-card-title h2,.studio-history-header h2,.studio-prompt-header h2{color:#f4f7fb;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0}.studio-button,.studio-export-button,.studio-primary-button,.studio-select-row select,.studio-source-list strong,.studio-source-selector strong{font-size:14px;font-weight:600}.studio-credit-note,.studio-history-item small,.studio-muted,.studio-source-list small,.studio-source-selector small{color:#8b98a8;font-size:12px;font-weight:500}.studio-quality{display:grid;grid-template-columns:1fr 1fr;width:100%;height:38px;min-height:38px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#071018;grid-gap:0;gap:0}.studio-quality button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#9aa7b7;font-size:13px;font-weight:600;line-height:1}.studio-quality button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#ffffff;box-shadow:var(--studio-shadow-accent)}.studio-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-source-tabs button{width:100%;font-size:13px;font-weight:600}.studio-history-item strong{color:#f4f7fb;font-size:14px;font-weight:700}.studio-history-item small{color:#8b98a8;font-size:12px;font-weight:500}@media (max-width:1380px){.studio-main{grid-template-rows:84px minmax(0,1fr)}.studio-topbar{min-height:84px;grid-template-columns:minmax(280px,1fr) minmax(380px,500px) auto;gap:18px}.studio-heading h1{font-size:30px}.studio-render-layout{grid-template-columns:300px minmax(0,1fr) 310px}}.studio-main{padding:20px 24px 24px;gap:12px;grid-template-rows:72px minmax(0,1fr)}.studio-topbar{min-height:72px;grid-template-columns:minmax(0,1fr) 436px minmax(0,1fr);align-items:center;gap:0}.studio-topbar-left{display:flex;align-items:center;padding-right:24px;min-width:0}.studio-topbar-brand{display:inline-flex;align-items:center;gap:11px;max-width:min(100%,250px);min-width:0;height:56px}.studio-topbar-brand-logo{width:54px;height:54px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(8,10,18,.34);flex:0 0 auto}.studio-topbar-brand-copy{display:grid;min-width:0;line-height:1}.studio-topbar-brand-title{display:block;color:#f7f9ff;font-size:1.08rem;font-weight:700;line-height:1.02;letter-spacing:-.03em;white-space:nowrap}.studio-topbar-brand-subtitle{display:block;margin-top:.16rem;color:rgba(158,204,255,.86);font-size:.68rem;font-weight:600;line-height:1;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.studio-topbar-center{display:flex;align-items:center;justify-content:center;min-width:0}.studio-topbar-right{align-self:center;justify-self:end;padding-left:24px;padding-right:8px;min-width:0}.studio-heading{gap:8px;max-width:460px}.studio-breadcrumbs{align-items:center;gap:12px}.studio-heading h1{margin-top:2px;font-size:29px;font-weight:680;line-height:1.04}.studio-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:560px;max-width:560px;height:54px;padding:3px;border:1px solid var(--studio-border-emphasis);border-radius:15px;background:linear-gradient(180deg,rgba(22,28,41,.96),rgba(14,19,30,.98)),var(--studio-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.22),0 0 0 1px rgba(123,195,222,.04);overflow:hidden}.studio-workspace-tab{position:relative;gap:9px;padding:0 16px;border-radius:12px;color:#afb9c7;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.studio-workspace-tab+.studio-workspace-tab:before{content:"";position:absolute;left:-2px;top:10px;bottom:10px;width:1px;background:rgba(255,255,255,.08)}.studio-workspace-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:16px;line-height:1}.studio-workspace-tab-icon-interior{position:relative;width:16px;height:16px;font-size:0}.studio-workspace-tab-icon-interior:after,.studio-workspace-tab-icon-interior:before{content:"";position:absolute;inset:0;border-radius:4px;border:1.6px solid}.studio-workspace-tab-icon-interior:before{transform:translate(-2px,-2px);opacity:.62}.studio-workspace-tab-icon-interior:after{transform:translate(2px,2px)}.studio-workspace-tab-label{display:inline-block;line-height:1;font-size:14px;font-weight:650}.studio-workspace-tab.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface-strong),linear-gradient(180deg,rgba(41,39,79,.98),rgba(24,31,58,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(98,120,196,.14),0 0 22px rgba(76,87,170,.14)}.studio-workspace-tab.active:before{opacity:0}.studio-workspace-tab.active:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -1px 0 rgba(111,208,229,.34)}.studio-workspace-tab.active+.studio-workspace-tab:before{opacity:0}.studio-topbar-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;flex-wrap:nowrap}.studio-account-menu-wrap{position:relative;flex:0 0 auto}.studio-credit-pill,.studio-status-pill{padding:0 18px;border-radius:999px;background:linear-gradient(180deg,rgba(23,29,40,.84),rgba(16,22,31,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.16)}.studio-avatar-button{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.14)}.studio-render-layout{align-items:start}.studio-left-panel{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;overflow:hidden;align-content:normal;gap:16px;padding-right:2px}.studio-sidebar-card{min-height:0;height:100%;overflow:auto;align-content:start;gap:0;padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--studio-panel);scrollbar-width:thin}.studio-input-panel,.studio-settings-panel{display:grid;min-height:0}.studio-input-panel .studio-settings-section{min-height:0;display:flex;flex-direction:column}.studio-input-panel .studio-source-list{display:grid;grid-gap:8px;gap:8px}.studio-input-panel .studio-source-list-scroll{display:grid;grid-gap:6px;gap:6px;min-height:0;max-height:64px;overflow:auto;padding-right:2px}.studio-input-panel{flex:0 0 auto;height:auto;overflow:hidden}.studio-settings-panel{flex:1 1 auto;height:auto;display:flex;flex-direction:column;overflow:hidden}.studio-settings-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:3px;gap:3px;padding:3px;border:1px solid var(--studio-line);border-radius:13px;background:var(--studio-field);flex-shrink:0}.studio-settings-tabs button{min-height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-text-muted);font-size:13px;font-weight:680}.studio-settings-tabs button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f4f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--studio-shadow-accent)}.studio-settings-panel-body{min-height:0;flex:1 1 auto;overflow:auto;display:flex;flex-direction:column;padding-top:12px;padding-right:2px;scrollbar-width:thin}.studio-reference-preview{width:100%;min-height:164px;border:1px solid var(--studio-line);border-radius:14px;overflow:hidden;background:var(--studio-field)}.studio-reference-preview img{display:block;width:100%;height:164px;object-fit:cover}.studio-reference-preview-empty{min-height:164px;display:grid;place-items:center;padding:18px;color:var(--studio-text-muted);font-size:13px;text-align:center}.studio-reference-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.studio-reference-picker input{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-field);color:#f4f7fb;font-size:13px}.studio-reference-picker input::placeholder{color:var(--studio-text-muted)}.studio-reference-picker .studio-button{width:auto;padding:0 16px}.studio-manual-prompt{width:100%;min-height:184px;resize:vertical;padding:12px 14px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-field);color:#f4f7fb;font-size:13px;line-height:1.45}.studio-manual-prompt::placeholder{color:var(--studio-text-muted)}.studio-manual-preset-label{margin-bottom:8px;color:#8b98a8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.studio-manual-preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.studio-manual-preset-row button{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:var(--studio-field);color:var(--studio-text-muted);font-size:12px;font-weight:680;line-height:1.1;text-align:center}.studio-manual-preset-row button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f4f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--studio-shadow-accent)}.studio-settings-panel .studio-generate-section{margin-top:auto;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;padding-top:12px;background:linear-gradient(180deg,rgba(18,25,36,0) 0,rgba(18,25,36,.88) 18%,var(--studio-panel) 100%)}.studio-link-button{width:100%;white-space:nowrap;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1380px){.studio-main{grid-template-rows:68px minmax(0,1fr)}.studio-topbar{min-height:68px;grid-template-columns:minmax(0,1fr) 520px minmax(0,1fr)}.studio-workspace-tabs{width:520px;max-width:520px}.studio-topbar-left{padding-right:20px}.studio-topbar-brand{max-width:min(100%,232px);gap:10px;height:52px}.studio-topbar-brand-logo{width:50px;height:50px;border-radius:13px}.studio-topbar-brand-title{font-size:1rem}.studio-topbar-right{padding-left:20px}}.studio-draft-layout{height:100%;min-height:0;display:grid;grid-template-columns:324px minmax(0,1fr) 324px;grid-gap:16px;gap:16px;align-items:start;overflow:hidden}.studio-draft-left,.studio-draft-main,.studio-draft-right{min-height:0;height:100%;display:grid;align-content:start;grid-gap:16px;gap:16px}.studio-draft-left,.studio-draft-right{overflow:auto;scrollbar-width:thin}.studio-draft-actions-card,.studio-draft-editor-card,.studio-draft-library-card,.studio-draft-save-card,.studio-draft-source-card,.studio-draft-status-card,.studio-draft-tools-card{border-radius:18px;background:linear-gradient(180deg,rgba(23,30,40,.96),rgba(15,21,29,.98)),#121922;box-shadow:0 18px 42px rgba(0,0,0,.26)}.studio-draft-actions-card,.studio-draft-library-card,.studio-draft-save-card,.studio-draft-source-card,.studio-draft-status-card,.studio-draft-tools-card{padding:14px}.studio-draft-actions-card h2,.studio-draft-library-card h2,.studio-draft-save-card h2,.studio-draft-source-card h2,.studio-draft-status-card h2,.studio-draft-tools-card h2{margin:0;font-size:14px;font-weight:700;color:#f4f7fb}.studio-draft-actions-card,.studio-draft-save-card,.studio-draft-source-card,.studio-draft-status-card,.studio-draft-tools-card{display:grid;grid-gap:14px;gap:14px}.studio-draft-source-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:4px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-0)}.studio-draft-source-tabs button{min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-text-secondary);font-size:13px;font-weight:600}.studio-draft-source-tabs button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:var(--studio-text);box-shadow:var(--studio-shadow-accent)}.studio-draft-source-state{display:grid;grid-gap:4px;gap:4px}.studio-draft-source-state strong{color:#f4f7fb;font-size:14px;font-weight:700}.studio-draft-actions-card p,.studio-draft-library-help,.studio-draft-save-card p,.studio-draft-source-state small,.studio-draft-status-card p{margin:0;color:#8b98a8;font-size:12px;line-height:1.45}.studio-draft-layer-meta,.studio-draft-library-header,.studio-draft-tools-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-draft-layer-meta span,.studio-draft-tools-header span{color:#8b98a8;font-size:12px;font-weight:700}.studio-draft-tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.studio-draft-tool-grid button{min-height:68px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;padding:10px 8px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-0);color:var(--studio-text-secondary);text-align:center}.studio-draft-tool-grid button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:var(--studio-text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),var(--studio-shadow-accent)}.studio-draft-tool-token{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:10px;background:var(--studio-accent-soft);color:var(--studio-accent-strong);font-size:12px;font-weight:700}.studio-draft-tool-grid strong{font-size:12px;font-weight:600}.studio-draft-tool-hints{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--studio-line);border-radius:12px;background:rgba(11,17,24,.88)}.studio-draft-tool-hints p{margin:0;color:#8b98a8;font-size:12px;line-height:1.4}.studio-draft-tool-hints strong{color:#f4f7fb}.studio-draft-action-row,.studio-draft-zoom-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.studio-draft-action-row{grid-template-columns:1fr 1fr}.studio-draft-editor-card{min-height:0;height:100%;padding:12px;grid-gap:12px;gap:12px;display:grid;grid-template-rows:auto minmax(0,1fr)}.studio-draft-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-design-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.studio-design-header-actions .studio-button{min-height:34px;padding:0 12px}.studio-draft-editor-header p{margin:4px 0 0;color:#8b98a8;font-size:13px;line-height:1.4}.studio-draft-editor-stage{position:relative;min-height:0;height:100%;overflow:hidden;border:1px solid var(--studio-line);border-radius:12px;background:radial-gradient(circle at 50% 40%,rgba(92,132,194,.1),transparent 28%),#05080d}.studio-draft-editor-label{position:absolute;top:0;left:0;z-index:3;width:100%;padding:10px 14px;color:#d7e0eb;font-size:13px;font-weight:600}.studio-draft-editor-actions{position:absolute;top:10px;right:10px;z-index:4;display:flex;gap:8px}.studio-draft-editor-actions .studio-button{min-height:38px;padding:0 14px;background:rgba(20,26,34,.92);color:#9eabbc}.studio-draft-editor-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.16;transform-origin:center center}.studio-draft-editor-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center;color:#8b98a8}.studio-draft-editor-empty strong{color:#f4f7fb;font-size:15px}.studio-draft-ghost-mask{position:absolute;border:1px dashed var(--studio-selected-border);border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.03)}.studio-draft-ghost-mask.one{top:24%;left:46%;width:28%;height:26%}.studio-draft-ghost-mask.two{top:31%;left:61%;width:12%;height:12%}.studio-draft-editor-badge{position:absolute;left:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(14,21,31,.9);color:#dbe4ee;font-size:12px;font-weight:600}.studio-draft-right{grid-template-rows:minmax(0,1fr) auto auto}.studio-draft-library-card{min-height:0;display:grid;grid-gap:14px;gap:14px;overflow:auto}.studio-draft-layer-meta h3{margin:0;color:#f4f7fb;font-size:13px;font-weight:700}.studio-draft-layer-list{display:grid;grid-gap:8px;gap:8px}.studio-draft-layer-item{display:grid;grid-template-columns:38px 52px minmax(0,1fr) 38px;align-items:center;grid-gap:8px;gap:8px;padding:8px;border:1px solid var(--studio-line);border-radius:12px;background:rgba(11,17,24,.9)}.studio-draft-layer-item.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-draft-layer-delete,.studio-draft-layer-thumb,.studio-draft-layer-visibility{min-height:40px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-surface-1);color:#dce5ef;font-size:13px;font-weight:700}.studio-draft-layer-visibility.active{color:var(--studio-accent-strong)}.studio-draft-layer-visibility{display:inline-flex;align-items:center;justify-content:center}.studio-draft-layer-visibility svg{width:16px;height:16px;stroke-width:2}.studio-draft-layer-visibility:not(.active){color:rgba(220,229,239,.5)}.studio-draft-layer-thumb{color:var(--studio-accent-strong)}.studio-draft-layer-thumb.blue{color:#79e3ff}.studio-draft-layer-thumb.cyan{color:#64f4ff}.studio-draft-layer-thumb.green{color:#94ff88}.studio-draft-layer-thumb.red{color:#ff928b}.studio-draft-layer-thumb.stone{color:#f0f3f7}.studio-draft-layer-copy{display:grid;justify-items:start;grid-gap:2px;gap:2px;min-width:0;border:0;background:transparent;color:#f4f7fb;text-align:left}.studio-draft-layer-copy small,.studio-draft-layer-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-draft-layer-copy strong{font-size:13px;font-weight:700}.studio-draft-layer-copy small{color:#8b98a8;font-size:12px}.studio-draft-layer-delete{display:inline-flex;align-items:center;justify-content:center;border-color:var(--studio-danger-border);background:var(--studio-danger-soft);color:var(--studio-danger)}.studio-draft-material-search{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.studio-draft-material-search input{min-height:42px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-0);color:var(--studio-text);padding:0 14px}.studio-draft-material-keywords{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.studio-draft-material-keywords button{min-height:34px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-surface-0);color:var(--studio-text-secondary);font-size:12px;font-weight:600;text-transform:lowercase}.studio-draft-material-keywords button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:var(--studio-text)}.studio-draft-material-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.studio-draft-material-previews button{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--studio-line);border-radius:14px;background:rgba(11,17,24,.92);text-align:left}.studio-draft-material-previews button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-draft-material-previews .studio-material-texture{height:128px;border-radius:12px}.studio-draft-material-previews strong{color:#f4f7fb;font-size:13px;font-weight:700}.studio-draft-save-card .studio-button,.studio-draft-status-card .studio-button{min-height:42px}@media (max-width:1500px){.studio-draft-layout{grid-template-columns:300px minmax(0,1fr) 300px}}.studio-draft-layout>.studio-design-layout{grid-column:1/-1}.studio-draft-layout:has(.studio-design-layout){height:calc(100dvh - 188px);min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr)}.studio-design-layout{display:grid;grid-template-columns:minmax(210px,248px) minmax(460px,1fr) minmax(250px,300px);grid-gap:12px;gap:12px;width:100%;min-height:0;overflow:hidden}.studio-design-left,.studio-design-main,.studio-design-right{min-width:0}.studio-design-left,.studio-design-right{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.studio-design-main{min-height:0;overflow:hidden}.studio-design-actions-card,.studio-design-editor-card,.studio-design-library-card,.studio-design-material-card,.studio-design-output-card,.studio-design-properties-card,.studio-design-source-card,.studio-design-tools-card{border:1px solid rgba(255,255,255,.08);background:rgba(18,19,22,.94)}.studio-design-editor-card{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:10px;gap:10px;overflow:hidden;padding:12px}.studio-design-stage{overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 0),#07080a;background-size:28px 28px}.studio-design-stage,.studio-design-stage-scroll{position:relative;height:100%;scrollbar-color:rgba(139,152,168,.82) rgba(10,16,24,.78);scrollbar-width:thin}.studio-design-stage-scroll{width:100%;overflow:auto}.studio-design-stage-canvas{position:relative;min-width:100%;min-height:100%}.studio-design-base-image,.studio-design-canvas,.studio-design-mask-highlight,.studio-design-paint-preview,.studio-design-surface{position:absolute}.studio-design-base-image{inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}.studio-design-actions-card,.studio-design-source-card{flex:0 0 auto;padding:12px}.studio-design-source-card{gap:10px}.studio-design-tools-card{min-height:0;overflow:hidden;gap:8px;padding:12px}.studio-design-tools-card .studio-draft-tool-grid{grid-template-columns:1fr 1fr;gap:6px}.studio-design-tools-card .studio-draft-tool-grid button{min-height:42px;gap:4px;padding:5px 4px;border-radius:8px}.studio-design-tools-card .studio-draft-tool-token{min-width:24px;height:22px;border-radius:7px;font-size:11px}.studio-design-tools-card .studio-draft-tool-grid strong{font-size:11px}.studio-design-tools-card .studio-draft-tool-hints{gap:2px;padding:8px}.studio-design-tools-card .studio-draft-tool-hints p{font-size:11px}.studio-design-tools-card .studio-button{min-height:32px}.studio-design-tools-card .studio-draft-zoom-row{gap:6px}.studio-design-actions-card{gap:10px}.studio-design-canvas{z-index:30;cursor:crosshair;touch-action:none}.studio-design-canvas.tool-cursor{cursor:default}.studio-design-canvas.tool-pan{cursor:-webkit-grab;cursor:grab}.studio-design-surface{z-index:8;overflow:hidden;pointer-events:none}.studio-design-surface.active{filter:saturate(1.08) brightness(1.05)}.studio-design-surface.active:after{content:none}.studio-design-surface-fill{position:absolute}.studio-design-mask-highlight{z-index:9;background:repeating-linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.48) 4px,rgba(0,55,120,.12) 0,rgba(0,55,120,.12) 10px),rgba(42,226,255,.42);mix-blend-mode:screen;opacity:.98;filter:drop-shadow(1px 0 #001f78) drop-shadow(-1px 0 #001f78) drop-shadow(0 1px #001f78) drop-shadow(0 -1px #001f78) drop-shadow(0 0 5px rgba(116,243,255,.85));pointer-events:none}.studio-design-mask-highlight:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 0);background-size:12px 12px}.studio-design-mask-highlight-wand{background:linear-gradient(180deg,rgba(120,248,255,.9),rgba(32,200,255,.82)),repeating-linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.88) 4px,rgba(0,54,140,.22) 0,rgba(0,54,140,.22) 10px);mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(2px 0 #012d68) drop-shadow(-2px 0 #012d68) drop-shadow(0 2px #012d68) drop-shadow(0 -2px #012d68) drop-shadow(0 0 14px rgba(116,243,255,1))}.studio-design-mask-highlight-wand:after{background:radial-gradient(circle,rgba(255,255,255,.42) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.12),transparent 48%,rgba(255,255,255,.12));background-size:10px 10px,100% 100%}.studio-design-annotation{position:absolute;z-index:16;display:block;padding:0;border:1px solid transparent;background:transparent;color:inherit;cursor:move;touch-action:none}.studio-design-annotation.active{border-color:var(--studio-selected-border);box-shadow:0 0 0 1px rgba(255,255,255,.03)}.studio-design-annotation.text span{display:block;min-width:100%;min-height:100%;font-size:var(--draft-font-size,32px);line-height:1.15;text-align:left}.studio-design-line,.studio-design-shape{width:100%;height:100%;overflow:visible;stroke:currentColor;stroke-width:var(--draft-stroke-width,4px);stroke-linecap:round;stroke-linejoin:round;fill:transparent}.studio-design-annotation.shape .studio-design-shape{fill:color-mix(in srgb,currentColor 24%,transparent)}.studio-design-konva-layer{position:absolute;inset:0;overflow:visible}.studio-design-konva-layer canvas{display:block}.studio-design-text-editor{z-index:60;min-width:80px;min-height:40px;padding:0;outline:none;resize:none;background:rgba(18,25,36,.94);color:#f4f7fb;box-shadow:0 12px 32px rgba(0,0,0,.34);overflow:hidden;white-space:pre-wrap}.studio-design-selection-box,.studio-design-text-editor{position:absolute;border:1px solid var(--studio-selected-border)}.studio-design-selection-box{z-index:35;background:rgba(97,91,175,.12);pointer-events:none}.studio-design-paint-preview{z-index:34;pointer-events:none;stroke:rgba(123,195,222,.62);stroke-linecap:round;stroke-linejoin:round;stroke-width:28px;fill:none}.studio-design-paint-preview.erasing{stroke:rgba(255,107,107,.72)}.studio-design-brush-cursor{position:absolute;z-index:36;border:1px solid var(--studio-selected-border);border-radius:999px;background:rgba(97,91,175,.08);pointer-events:none}.studio-design-brush-cursor.erasing{border-color:rgba(255,107,107,.9);background:rgba(255,107,107,.08)}.studio-design-control,.studio-design-properties,.studio-design-tool-options{display:grid;grid-gap:8px;gap:8px}.studio-design-control,.studio-design-properties label,.studio-design-tool-options label{color:#a8b0ba;font-size:12px}.studio-design-control input,.studio-design-properties input,.studio-design-properties select,.studio-design-tool-options input,.studio-design-tool-options select{width:100%;min-height:30px;margin-top:5px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#101114;color:#e8edf2}.studio-design-checkbox{display:flex;align-items:center;gap:8px}.studio-design-inline-color{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:10px;gap:10px}.studio-design-inline-color input[type=color]{margin-top:0;min-height:34px}.studio-design-text-style-control{display:grid;grid-gap:.3rem;gap:.3rem;color:#a8b0ba;font-size:12px}.studio-design-text-style-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.35rem;gap:.35rem}.studio-design-text-style-row button{min-height:32px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-surface-0);color:#cfd7e3;font-size:.76rem;font-weight:700}.studio-design-text-style-row button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f7fbff}.studio-design-range-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.studio-design-range-row input[type=range]{margin-top:0;min-height:auto;height:6px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,rgba(116,243,255,.28),rgba(116,243,255,.85));-webkit-appearance:none;-moz-appearance:none;appearance:none}.studio-design-range-row input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#f4f7fb;box-shadow:0 0 0 2px rgba(15,17,20,.9);-webkit-appearance:none;appearance:none}.studio-design-range-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#f4f7fb;box-shadow:0 0 0 2px rgba(15,17,20,.9)}.studio-design-range-row span{min-width:28px;color:#f4f7fb;font-size:12px;text-align:right}.studio-design-stage-actions{position:absolute;top:12px;right:12px;z-index:42;display:flex;gap:8px}.studio-design-stage-actions .studio-button{min-height:34px;padding:0 12px;border-color:var(--studio-line);background:rgba(18,25,36,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-design-shape-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.studio-design-shape-option{min-height:34px;padding:0 10px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-surface-0);color:#a8b0ba;font-size:12px;font-weight:600}.studio-design-shape-option.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:var(--studio-text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-design-checkbox input{width:auto;min-height:auto;margin:0}.studio-design-properties-card{display:grid;grid-gap:10px;gap:10px;padding:.82rem}.studio-design-selection-actions.compact{grid-template-columns:1fr 1fr}.studio-design-material-library-card select,.studio-design-material-library-card select option,.studio-design-properties-card select,.studio-design-properties-card select option{background:var(--studio-surface-0);color:var(--studio-text)}.studio-design-material-card .studio-draft-material-previews button{min-height:72px;padding:8px;border-radius:8px}.studio-design-material-card .studio-draft-material-previews img{width:100%;height:38px;object-fit:cover;border-radius:6px}.studio-design-library-card,.studio-design-output-card,.studio-design-properties-card{flex:0 0 auto;padding:12px}.studio-design-material-card{gap:10px;padding:12px}.studio-design-material-card .studio-draft-material-search{flex:0 0 auto}.studio-design-material-card .studio-draft-material-keywords{flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.studio-design-material-card .studio-draft-material-keywords button{min-height:28px;border-radius:8px;font-size:11px}.studio-design-material-card .studio-draft-material-previews{overflow-y:auto;padding-right:4px;grid-template-columns:1fr 1fr;gap:8px}.studio-design-material-card .studio-draft-material-previews .studio-material-texture{height:38px;border-radius:6px}.studio-design-material-card .studio-draft-material-previews strong{font-size:11px}.studio-design-output-card .studio-primary-button{min-height:36px;padding:0 14px}.studio-design-error{margin:10px 0 0;color:#ff8d8d;font-size:12px}@media (max-width:1180px){.studio-design-layout{grid-template-columns:1fr}.studio-design-main{order:-1}.studio-design-stage{height:62vh}}.studio-draft-layout:has(.studio-design-layout){height:calc(100dvh - 176px)}.studio-design-layout{grid-template-columns:268px minmax(0,1fr) 376px;gap:.55rem}.studio-design-left,.studio-design-right{gap:.5rem}.studio-design-actions-card,.studio-design-editor-card,.studio-design-material-card,.studio-design-output-card,.studio-design-source-card,.studio-design-tools-card{border-radius:8px}.studio-design-actions-card,.studio-design-output-card,.studio-design-source-card{padding:.66rem}.studio-design-editor-card h2,.studio-design-material-card h2,.studio-design-output-card h2,.studio-design-source-card h2,.studio-design-tools-card h2{font-size:.91rem;line-height:1.15}.studio-design-source-card{gap:.52rem}.studio-design-source-card .studio-button{min-height:34px}.studio-design-tools-card{flex:1 1 auto;display:grid;align-content:start;grid-gap:.5rem;gap:.5rem;padding:.66rem;overflow-x:visible;overflow-y:auto;scrollbar-width:thin}.studio-design-tools-card .studio-draft-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;overflow:visible}.studio-design-tool-cell{position:relative;overflow:visible}.studio-design-tool-cell-expanded{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,180px);align-items:stretch;grid-gap:.42rem;gap:.42rem}.studio-design-tools-card .studio-draft-tool-grid button{width:100%;min-height:50px;display:grid;justify-items:center;align-content:center;grid-gap:.16rem;gap:.16rem;padding:.32rem;border-radius:7px;background:#101114}.studio-design-tools-card .studio-draft-tool-grid strong{max-width:100%;color:var(--studio-muted,#8b98a8);font-size:.64rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-design-tools-card .studio-draft-tool-grid button.active strong{color:var(--studio-text)}.studio-design-tool-popover{position:relative;z-index:24;display:grid;grid-gap:.45rem;gap:.45rem;width:100%;padding:.62rem .7rem;border:1px solid var(--studio-line);border-radius:10px;background:rgba(18,25,36,.97);box-shadow:0 12px 28px rgba(0,0,0,.34)}.studio-design-tool-popover>span{color:#f4f7fb;font-size:.76rem;font-weight:600;line-height:1.2}.studio-design-tool-icon{position:relative;display:block;width:20px;height:20px;color:currentColor}.studio-design-tool-icon svg{display:block;width:20px;height:20px;stroke-width:1.85}.studio-design-tool-icon:after,.studio-design-tool-icon:before{content:"";position:absolute;display:block;box-sizing:border-box}.studio-design-tool-icon-cursor:before{left:5px;top:2px;width:0;height:0;border-left:7px solid;border-top:13px solid transparent;transform:rotate(-18deg)}.studio-design-tool-icon-cursor:after{left:10px;top:12px;width:8px;height:2px;background:currentColor;transform:rotate(48deg)}.studio-design-tool-icon-select:before{left:2px;top:2px;width:10px;height:10px;border:2px solid;border-radius:50%}.studio-design-tool-icon-select:after{left:11px;top:11px;width:8px;height:2px;background:currentColor;transform:rotate(45deg)}.studio-design-tool-icon-edge-select:before{left:2px;top:2px;width:16px;height:16px;border:2px solid;border-radius:50%}.studio-design-tool-icon-edge-select:after{left:5px;top:9px;width:10px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.studio-design-tool-icon-add:before,.studio-design-tool-icon-brush:before,.studio-design-tool-icon-eraser:before{left:5px;top:2px;width:7px;height:16px;border-radius:5px 5px 2px 2px;background:currentColor;transform:rotate(36deg)}.studio-design-tool-icon-add:after{right:1px;bottom:1px;width:8px;height:8px;border-left:2px solid;border-top:2px solid}.studio-design-tool-icon-eraser:after{left:1px;bottom:2px;width:14px;height:6px;border:2px solid;transform:rotate(-18deg)}.studio-design-tool-icon-pan:before{left:3px;top:7px;width:14px;height:10px;border:2px solid;border-radius:7px 7px 4px 4px}.studio-design-tool-icon-pan:after{left:6px;top:1px;width:8px;height:12px;border-left:2px solid;border-right:2px solid}.studio-design-tool-icon-text:before{left:3px;top:2px;width:14px;height:2px;background:currentColor}.studio-design-tool-icon-text:after{left:8px;top:2px;width:4px;height:16px;border-left:2px solid;border-right:2px solid}.studio-design-tool-icon-line:before{left:2px;top:9px;width:17px;height:2px;background:currentColor;transform:rotate(-35deg)}.studio-design-tool-icon-shape:before{left:3px;top:4px;width:14px;height:12px;border:2px solid}.studio-design-tool-icon-brush:after{left:1px;bottom:1px;width:16px;height:7px;border-bottom:2px solid;border-radius:50%}.studio-design-tools-card .studio-draft-tool-hints{gap:.2rem;padding:.44rem;border-radius:7px;background:#101114}.studio-design-tools-card .studio-draft-tool-hints p{font-size:.72rem;line-height:1.25}.studio-design-tools-card .studio-draft-zoom-row{grid-template-columns:1fr 1.2fr 1fr;gap:.32rem}.studio-design-editor-card{padding:.66rem;gap:.55rem}.studio-design-stage{border-radius:6px;background:#07080a}.studio-design-right{display:flex;flex-direction:column;gap:.6rem}.studio-design-material-card{display:flex;flex-direction:column;gap:.56rem;flex:1 1 auto;min-height:0;align-self:stretch;overflow:hidden;padding:.82rem}.studio-design-material-card .studio-draft-layer-list{display:grid;flex:0 0 auto;min-height:0;max-height:clamp(220px,34vh,400px);overflow:auto;grid-gap:.44rem;gap:.44rem;padding-right:.18rem;scrollbar-width:thin}.studio-design-material-card .studio-draft-layer-item{grid-template-columns:30px 44px minmax(0,1fr) 34px;min-height:58px;gap:.46rem;padding:.42rem;border-radius:10px;background:#101114}.studio-design-material-card .studio-draft-layer-delete,.studio-design-material-card .studio-draft-layer-visibility{min-width:30px;width:30px;min-height:30px;height:30px;border-radius:8px;padding:0}.studio-design-layer-annotation-thumb,.studio-design-material-adjust-header .studio-material-texture,.studio-design-material-card .studio-draft-layer-thumb{width:44px;height:44px;min-height:44px;border-radius:8px}.studio-design-surface-controls{gap:.42rem;padding:.58rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111216}.studio-design-surface-controls h3{margin:0;font-size:.82rem;line-height:1.1}.studio-design-material-adjust-header{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:.56rem;gap:.56rem;align-items:center}.studio-design-layer-annotation-thumb,.studio-design-material-adjust-header .studio-material-texture,.studio-design-material-adjust-header img{width:44px;height:44px;border-radius:8px;object-fit:cover}.studio-design-layer-annotation-thumb{display:inline-grid;place-items:center;color:var(--studio-accent-strong);background:rgba(11,17,24,.92);border:1px solid rgba(232,237,242,.14);font-size:.78rem;font-weight:800}.studio-design-material-adjust-header span,.studio-design-material-adjust-header strong{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-design-material-adjust-header strong{font-size:.82rem}.studio-design-material-adjust-header span{color:#8b98a8;font-size:.72rem}.studio-design-material-adjust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.28rem;gap:.28rem}.studio-design-material-adjust-grid label,.studio-design-surface-controls>label{font-size:.68rem}.studio-design-material-adjust-grid input,.studio-design-material-adjust-grid select,.studio-design-surface-controls>label input{min-height:28px;margin-top:.2rem}.studio-design-material-card .studio-draft-material-search{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.42rem;gap:.42rem}.studio-design-material-card .studio-draft-material-search input{min-height:36px;border-radius:10px;font-size:.82rem;padding:0 .72rem}.studio-design-material-card .studio-draft-material-search .studio-button{min-height:36px;padding:0 .8rem}.studio-design-material-category select{border:1px solid var(--studio-line);background:var(--studio-surface-0);color:var(--studio-text)}.studio-design-material-card .studio-draft-material-previews{min-height:0;flex:1 1 auto;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.62rem;padding:.62rem;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-surface-0);scrollbar-width:thin}.studio-design-material-card .studio-draft-material-previews button{min-height:0;display:grid;grid-template-rows:96px auto;grid-gap:.5rem;gap:.5rem;align-content:start;padding:.52rem;border-radius:10px;background:var(--studio-surface-1);overflow:hidden;border:1px solid var(--studio-line);text-align:left}.studio-design-material-card .studio-draft-material-previews button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-design-material-card .studio-draft-material-previews .studio-material-texture,.studio-design-material-card .studio-draft-material-previews img{width:100%;height:96px;display:block;border-radius:8px;object-fit:cover;object-position:center center}.studio-design-material-card .studio-draft-material-previews strong{display:block;color:#f4f7fb;font-size:.8rem;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-output-card{display:grid;grid-gap:.52rem;gap:.52rem;padding:.72rem;flex:0 0 auto}.studio-design-right{display:grid;grid-gap:.72rem;gap:.72rem;min-height:0;overflow:hidden}.studio-design-right-scroll{display:flex;flex-direction:column;gap:.72rem;overflow-y:auto;padding-right:.18rem;scrollbar-width:thin}.studio-design-layers-card,.studio-design-material-library-card{align-self:stretch;border-radius:14px}.studio-design-layers-card{display:flex;flex-direction:column;gap:.62rem;flex:0 0 auto;overflow:hidden;padding:.82rem}.studio-design-layers-card .studio-draft-library-header,.studio-design-material-library-card .studio-draft-library-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.studio-design-layers-card .studio-draft-layer-list{display:grid;flex:0 0 auto;grid-gap:.44rem;gap:.44rem;min-height:0;max-height:clamp(180px,28vh,320px);overflow:auto;padding-right:.18rem;scrollbar-width:thin}.studio-design-layers-card .studio-draft-layer-item{grid-template-columns:30px 44px minmax(0,1fr) 34px;min-height:58px;gap:.46rem;padding:.42rem;border-radius:10px;background:#101114;cursor:-webkit-grab;cursor:grab}.studio-design-layers-card .studio-draft-layer-item:active{cursor:-webkit-grabbing;cursor:grabbing}.studio-draft-layer-item-drop{border-color:var(--studio-selected-border);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-design-layers-card .studio-draft-layer-delete,.studio-design-layers-card .studio-draft-layer-visibility{min-width:30px;width:30px;min-height:30px;height:30px;border-radius:8px;padding:0}.studio-design-layer-annotation-thumb,.studio-design-layers-card .studio-draft-layer-thumb,.studio-design-material-adjust-header .studio-material-texture{width:44px;height:44px;min-height:44px;border-radius:8px}.studio-design-layer-helper{margin:0;color:#8b98a8;font-size:.78rem;line-height:1.35}.studio-design-material-library-card{display:flex;flex-direction:column;gap:.7rem;flex:0 0 auto;min-height:0;overflow:hidden;padding:.82rem;max-height:min(44vh,520px)}.studio-design-material-browser{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;gap:.56rem}.studio-design-material-library-card .studio-draft-material-search{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.42rem;gap:.42rem}.studio-design-material-library-card .studio-draft-material-search input{min-height:38px;border-radius:10px;font-size:.82rem;padding:0 .72rem}.studio-design-material-library-card .studio-draft-material-search .studio-button{min-height:38px;padding:0 .9rem}.studio-design-material-category{display:grid;grid-gap:.25rem;gap:.25rem;color:#8b98a8;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.studio-design-material-category select{min-height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0d0e11;color:#f4f7fb;padding:0 .8rem;font-size:.82rem}.studio-design-material-library-card .studio-draft-material-previews{display:grid;min-height:0;flex:1 1 auto;overflow:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;align-content:start;grid-gap:.48rem;gap:.48rem;padding:.62rem;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0d0e11;scrollbar-width:thin}.studio-design-material-cell{position:relative;min-width:0}.studio-design-material-cell:before{content:"";display:block;padding-top:100%}.studio-design-material-library-card .studio-design-material-cell>button{position:absolute;inset:0;display:block;width:100%;height:100%;padding:.22rem;border-radius:14px;background:var(--studio-surface-1);overflow:hidden;border:1px solid var(--studio-line);text-align:left}.studio-design-material-thumb{display:block;width:100%;height:100%;overflow:hidden;border-radius:11px}.studio-design-material-library-card .studio-design-material-cell>button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.studio-design-material-library-card .studio-design-material-thumb .studio-material-texture,.studio-design-material-library-card .studio-design-material-thumb img{width:100%;height:100%;min-height:0;display:block;border-radius:inherit;object-fit:cover;object-position:center center}.studio-design-material-tile-copy{display:none}.studio-design-material-library-card .studio-draft-material-previews small,.studio-design-material-library-card .studio-draft-material-previews strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-material-library-card .studio-draft-material-previews strong{color:#f4f7fb;font-size:.8rem;line-height:1.2}.studio-design-material-library-card .studio-draft-material-previews small{color:#8b98a8;font-size:.7rem;line-height:1.2}.studio-design-left{gap:16px;padding-right:2px}.studio-design-left .studio-design-actions-card,.studio-design-left .studio-design-source-card,.studio-design-left .studio-design-tools-card{border:0;border-radius:20px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#101720;box-shadow:none}.studio-design-left .studio-design-actions-card,.studio-design-left .studio-design-source-card{gap:14px}.studio-design-left .studio-design-tools-card{gap:12px}.studio-design-left .studio-design-actions-card h2,.studio-design-left .studio-design-source-card h2,.studio-design-left .studio-design-tools-card h2{margin:0;color:#f4f7fb;font-size:14px;font-weight:700;line-height:1.2}.studio-design-left .studio-draft-source-state strong{color:#f4f7fb;font-size:14px;font-weight:700}.studio-design-left .studio-design-control,.studio-design-left .studio-design-tool-options label,.studio-design-left .studio-draft-source-state small,.studio-design-left .studio-draft-tool-hints p{color:#8b98a8;font-size:12.5px;font-weight:500}.studio-design-left .studio-button{height:40px;min-height:40px;border-radius:12px;font-size:14px;font-weight:650}.studio-design-left .studio-draft-tool-grid{gap:8px}.studio-design-left .studio-draft-tool-grid button{width:100%;min-height:68px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;padding:10px 8px;border:1px solid var(--studio-line);border-radius:12px;background:rgba(255,255,255,.035);color:#dbe3ec;text-align:center}.studio-design-left .studio-draft-tool-grid button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f4f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.studio-design-left .studio-draft-tool-grid strong{max-width:100%;color:inherit;font-size:12px;font-weight:600;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip}.studio-design-left .studio-design-tool-popover{padding:12px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface-0);box-shadow:none}.studio-design-left .studio-design-tool-popover>span{color:#8b98a8;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.studio-design-left .studio-draft-tool-hints{gap:4px;padding:12px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface-0)}.studio-design-left .studio-draft-tool-hints strong{color:#f4f7fb}.studio-design-left .studio-design-control input,.studio-design-left .studio-design-tool-options input,.studio-design-left .studio-design-tool-options select{width:100%;min-height:42px;margin-top:6px;padding:0 12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-0);color:#f4f7fb}.studio-design-left .studio-design-inline-color input[type=color]{min-height:42px;padding:4px}.studio-design-left .studio-design-shape-option,.studio-design-left .studio-design-text-style-row button{min-height:40px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-0);color:#dbe3ec;font-size:12px;font-weight:650}.studio-design-left .studio-design-shape-option.active,.studio-design-left .studio-design-text-style-row button.active{border-color:var(--studio-selected-border);background:var(--studio-selected-surface);color:#f4f7fb}.studio-draft-layout:has(.studio-design-layout){height:100%}.studio-design-layout{grid-template-columns:320px minmax(0,1fr) 330px;gap:16px;height:100%}.studio-design-left,.studio-design-main,.studio-design-right{height:100%}.studio-design-left .studio-design-source-card,.studio-design-left .studio-design-tools-card{min-width:0}.studio-design-left .studio-design-source-card .studio-draft-source-state{min-width:0;width:100%}.studio-design-left .studio-design-source-card .studio-draft-source-state small,.studio-design-left .studio-design-source-card .studio-draft-source-state strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-left .studio-design-source-card .studio-button{width:100%}.studio-design-left .studio-design-tools-card{display:flex;flex-direction:column;overflow:hidden}.studio-design-tools-scroll{display:grid;align-content:start;grid-gap:12px;gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.studio-design-tools-clear{flex:0 0 auto;margin-top:12px}.studio-design-left .studio-draft-zoom-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-draft-editor-header{align-items:center}.studio-design-editor-tooltip{display:grid;grid-gap:2px;gap:2px;min-width:0}.studio-design-editor-tooltip span,.studio-design-editor-tooltip strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-editor-tooltip strong{color:#f4f7fb;font-size:14px;font-weight:700;line-height:1.2}.studio-design-editor-tooltip span{color:#8b98a8;font-size:13px;line-height:1.3}.studio-draft-editor-label{max-width:calc(100% - 76px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-stage{min-height:0}.studio-design-right{grid-template-rows:minmax(0,1fr) auto}.studio-design-right-scroll{min-height:0}.studio-design-layers-card,.studio-design-material-library-card,.studio-design-output-card{border-radius:20px}.studio-design-material-library-card{max-height:none;flex:1 1 auto}.studio-design-layers-card .studio-draft-layer-list,.studio-design-material-library-card .studio-draft-material-previews{max-height:none}@media (max-width:1180px){.studio-design-layout{grid-template-columns:1fr}.studio-design-main{order:-1}.studio-design-left,.studio-design-right{height:auto}}.studio-floorplan-shell{--studio-floorplan-canvas-left:calc(300px + 18px);position:relative;width:100%;min-height:0;overflow:hidden;border:1px solid var(--studio-line);border-radius:12px;background:radial-gradient(circle at top,rgba(97,91,175,.12),transparent 26%),radial-gradient(circle at 88% 12%,rgba(89,185,217,.09),transparent 24%),linear-gradient(180deg,#0d141d,#09111a);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--studio-shadow-neutral)}.studio-floorplan-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#f3f4f6}.studio-floorplan-top-actions{position:absolute;top:1rem;left:50%;z-index:7;transform:translateX(-50%);pointer-events:none}.studio-floorplan-import-button{display:inline-flex;align-items:center;gap:.55rem;padding:.78rem 1.15rem;border:1px solid rgba(121,196,228,.42);border-radius:999px;background:rgba(9,23,35,.94);color:#f7fbff;font-size:.92rem;font-weight:700;letter-spacing:.01em;box-shadow:0 16px 30px rgba(0,0,0,.28);pointer-events:auto;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.studio-floorplan-import-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(121,196,228,.65);background:rgba(12,29,43,.97)}.studio-floorplan-import-button:disabled{opacity:.72;cursor:wait}.studio-floorplan-hidden-input{display:none}.studio-floorplan-confirm-backdrop{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:1rem;background:rgba(5,11,18,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-floorplan-confirm-card{width:min(440px,100%);padding:1.3rem 1.35rem 1.15rem;border:1px solid rgba(121,196,228,.2);border-radius:18px;background:linear-gradient(180deg,rgba(16,27,40,.98),rgba(9,18,28,.98));color:#f7fbff;box-shadow:0 26px 50px rgba(0,0,0,.36)}.studio-floorplan-confirm-card h3{margin:0 0 .55rem;font-size:1.05rem;font-weight:700}.studio-floorplan-confirm-card p{margin:0;color:rgba(233,241,250,.82);line-height:1.5}.studio-floorplan-scale-card{width:min(470px,100%)}.studio-floorplan-scale-toggle{display:inline-flex;gap:.45rem;margin-top:1rem;padding:.3rem;border-radius:999px;background:rgba(255,255,255,.05)}.studio-floorplan-scale-toggle button{min-width:94px;padding:.58rem .9rem;border:0;border-radius:999px;background:transparent;color:rgba(233,241,250,.82);font-weight:700}.studio-floorplan-scale-toggle-active{background:linear-gradient(135deg,rgba(100,196,235,.94),rgba(63,137,190,.94))!important;color:#f7fbff!important}.studio-floorplan-scale-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1rem}.studio-floorplan-scale-fields label{display:flex;flex-direction:column;gap:.45rem;color:rgba(233,241,250,.82);font-size:.9rem;font-weight:600}.studio-floorplan-scale-fields input{min-height:44px;padding:.75rem .9rem;border:1px solid rgba(121,196,228,.22);border-radius:12px;background:rgba(255,255,255,.05);color:#f7fbff}.studio-floorplan-scale-fields-single{grid-column:1/-1}.studio-floorplan-threshold-panel{position:absolute;left:min(var(--studio-floorplan-canvas-left),calc(100% - 356px));bottom:1rem;z-index:6;display:grid;grid-gap:.7rem;gap:.7rem;width:min(340px,calc(100% - 2rem));padding:.95rem 1rem 1rem;border:1px solid rgba(121,196,228,.18);border-radius:14px;background:rgba(11,20,31,.92);color:#f7fbff;box-shadow:0 18px 36px rgba(0,0,0,.28)}.studio-floorplan-threshold-copy{display:grid;grid-gap:.2rem;gap:.2rem;padding-right:2rem}.studio-floorplan-threshold-title{font-size:.92rem;font-weight:700}.studio-floorplan-threshold-text{color:rgba(233,241,250,.74);font-size:.8rem;line-height:1.45}.studio-floorplan-threshold-collapsed,.studio-floorplan-threshold-dismiss{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(121,196,228,.2);background:rgba(255,255,255,.04);color:rgba(233,241,250,.84);box-shadow:0 12px 24px rgba(0,0,0,.18);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.studio-floorplan-threshold-collapsed:focus-visible,.studio-floorplan-threshold-collapsed:hover,.studio-floorplan-threshold-dismiss:focus-visible,.studio-floorplan-threshold-dismiss:hover{border-color:rgba(121,196,228,.42);background:rgba(255,255,255,.08);color:#f7fbff}.studio-floorplan-threshold-dismiss{position:absolute;top:.7rem;right:.75rem;width:2rem;height:2rem;padding:0;border-radius:10px}.studio-floorplan-threshold-collapsed{position:absolute;left:min(var(--studio-floorplan-canvas-left),calc(100% - 4rem));bottom:1rem;z-index:6;width:3rem;height:3rem;padding:0;border-radius:14px;background:rgba(11,20,31,.92)}.studio-floorplan-measure-panel{bottom:1rem;gap:.35rem;padding:.35rem;border:1px solid rgba(121,196,228,.22);border-radius:999px}.studio-floorplan-history-panel,.studio-floorplan-measure-panel{position:absolute;right:1rem;z-index:6;display:inline-flex;align-items:center;background:rgba(11,20,31,.92);box-shadow:0 18px 36px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-floorplan-history-panel{top:38px;padding:0;border:1px solid rgba(121,196,228,.18);border-radius:14px;overflow:hidden}.studio-floorplan-history-button{width:42px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-right:1px solid rgba(121,196,228,.14);background:transparent;color:#f7fbff;transition:background .16s ease,color .16s ease}.studio-floorplan-history-button:last-child{border-right:0}.studio-floorplan-history-button:focus-visible:not(:disabled),.studio-floorplan-history-button:hover:not(:disabled){background:rgba(255,255,255,.08)}.studio-floorplan-history-button:disabled{background:rgba(255,255,255,.04);color:rgba(233,241,250,.32);cursor:not-allowed}.studio-floorplan-measure-button{min-width:72px;min-height:38px;padding:.5rem .85rem;border:0;border-radius:999px;background:transparent;color:rgba(233,241,250,.78);font-size:.84rem;font-weight:700;letter-spacing:.01em;transition:background .16s ease,color .16s ease,transform .16s ease}.studio-floorplan-measure-button:focus-visible,.studio-floorplan-measure-button:hover:not(:disabled){color:#f7fbff}.studio-floorplan-measure-button-active{background:linear-gradient(135deg,rgba(100,196,235,.94),rgba(63,137,190,.94));color:#f7fbff}.studio-floorplan-threshold-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:.8rem;gap:.8rem}.studio-floorplan-threshold-controls input[type=range]{width:100%}.studio-floorplan-threshold-value{min-width:42px;text-align:right;font-weight:700}.studio-floorplan-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.15rem}.studio-floorplan-confirm-primary,.studio-floorplan-confirm-secondary,.studio-floorplan-confirm-tertiary{min-width:132px;padding:.75rem 1rem;border-radius:999px;font-size:.9rem;font-weight:700}.studio-floorplan-confirm-secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#f7fbff}.studio-floorplan-confirm-tertiary{border:1px solid rgba(121,196,228,.32);background:rgba(121,196,228,.1);color:#d9f4ff}.studio-floorplan-confirm-primary{border:1px solid rgba(121,196,228,.46);background:linear-gradient(135deg,#64c4eb,#3f89be);color:#06121d}.studio-floorplan-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-floorplan-inline-alert{position:absolute;top:1rem;right:1rem;z-index:6;max-width:min(420px,calc(100% - 2rem));padding:.85rem 1rem;border:1px solid var(--studio-danger-border);border-radius:10px;background:rgba(40,17,21,.94);color:#ffd7d7;box-shadow:0 18px 36px rgba(0,0,0,.32)}.studio-floorplan-loading{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,29,.34),rgba(7,16,29,.54))}.studio-floorplan-loading p{margin:0;padding:14px 18px;border-radius:999px;border:1px solid var(--studio-line);background:rgba(18,25,36,.88);color:var(--studio-text);font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:var(--studio-shadow-neutral)}@media (max-width:900px){.studio-floorplan-import-button{padding:.72rem 1rem;font-size:.88rem}.studio-floorplan-threshold-panel{left:1rem;width:auto}.studio-floorplan-threshold-collapsed{left:1rem}.studio-floorplan-inline-alert{left:1rem;right:1rem;max-width:none}.studio-floorplan-scale-fields{grid-template-columns:1fr}}