:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111d;color:#f5f8fff5;--glass-fill: rgba(18, 28, 42, .14);--glass-border: rgba(190, 224, 255, .18);--glass-shadow: 0 16px 40px rgba(2, 8, 20, .18);--pill-fill: rgba(21, 32, 46, .2);--pill-active: rgba(145, 193, 255, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(#060a122e,#060a1238),var(--studio-wallpaper, url(/placeholders/black-canvas.jpg)) center / cover fixed no-repeat}button,input{font:inherit;color:inherit}button{cursor:pointer}.studioApp{min-height:100vh;padding:var(--layout-page-gutter);display:grid;grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);grid-template-areas:"topStrip topStrip" "headerStrip headerStrip" "leftRail workspaceShell";gap:var(--layout-row-gutter) var(--layout-column-gutter);background:linear-gradient(#080c141f,#080c1429),var(--studio-wallpaper, url(/placeholders/black-canvas.jpg)) center / cover fixed no-repeat}.glassPanel,.leftRail{background:#121c2a14;border:1px solid rgba(205,231,255,.14);box-shadow:0 12px 32px #0208141f,inset 0 1px #ffffff14;backdrop-filter:blur(4px) saturate(108%);-webkit-backdrop-filter:blur(4px) saturate(108%)}.glassPanelSubtle{background:#0e162214;border:1px solid rgba(192,221,255,.08);border-radius:18px;padding:14px}.topStrip{grid-area:topStrip;min-height:var(--layout-top-strip-min-height);border-radius:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 18px;gap:18px}.brandMark{font-weight:800;letter-spacing:.06em;font-size:1.1rem}.brandCenter{justify-self:center;font-weight:700;letter-spacing:.35em;opacity:.85}.topStrip .pillButton{justify-self:end}.headerStrip{grid-area:headerStrip;min-height:var(--layout-header-strip-min-height);display:flex;justify-content:space-between;align-items:center;gap:var(--layout-header-strip-gap)}.headerStripLeft,.headerStripRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.floatingPills{display:flex;align-items:center;gap:var(--layout-floating-pill-gap);flex-wrap:wrap}.pillButton,.slugPill{border:1px solid rgba(196,225,255,.22);background:var(--pill-fill);border-radius:999px;min-height:48px;padding:0 18px;box-shadow:inset 0 1px #ffffff14,0 10px 20px #040a1229;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.pillButton.isActive,.pillButton.isPrimary{background:var(--pill-active);border-color:#a5d3ff6b}.pillButton.danger{border-color:#ff96aa5c}.slugPill{display:inline-flex;align-items:center;gap:10px;padding-right:10px}.slugPill span{opacity:.76;font-size:.92rem}.slugPill input{background:#0a101a0f;border:0;outline:0;width:88px}.leftRail{grid-area:leftRail;width:var(--layout-sidebar-width);min-width:var(--layout-sidebar-width);max-width:var(--layout-sidebar-width);align-self:start;height:var(--layout-workspace-height);max-height:var(--layout-workspace-max-height);border-radius:28px;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;overflow:hidden;background:#ffffff09;border:1px solid rgba(220,238,255,.16);box-shadow:inset 0 1px #ffffff1f,0 12px 28px #050c181f;backdrop-filter:blur(3px) saturate(106%);-webkit-backdrop-filter:blur(3px) saturate(106%)}.railScrollRegion{min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.railScrollRegion::-webkit-scrollbar{width:0;height:0}.sidebarBlock h2{margin:0 0 6px;font-size:1.1rem}.sidebarBlock p{margin:0;opacity:.9}.sidebarActions{display:flex;gap:10px;margin-top:14px}.wallpaperTray{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-right:2px}.wallpaperThumb{padding:0;border-radius:18px;overflow:hidden;border:1px solid rgba(193,226,255,.18);background:#ffffff05;aspect-ratio:1 / 1}.wallpaperThumb.isActive{border-color:#abdaff70;box-shadow:0 0 0 1px #abdaff26}.wallpaperThumb img{width:100%;height:100%;object-fit:cover;display:block}.sidebarHint{display:flex;flex-direction:column;gap:6px}.sidebarHint span{opacity:.88;font-size:.95rem}.assistantWrap{min-height:0}.assistantPromoCard{border-radius:24px;overflow:hidden;border:1px solid rgba(192,221,255,.14);background:#ffffff05}.assistantPromoImg{display:block;width:100%;height:auto}.workspaceShell{grid-area:workspaceShell;width:min(100%,var(--layout-workspace-width));max-width:var(--layout-workspace-max-width);min-width:0;justify-self:start;align-self:start;margin-left:var(--layout-workspace-inset-start);position:relative;border-radius:30px;height:var(--layout-workspace-height);max-height:var(--layout-workspace-max-height);overflow:hidden;background:transparent;border:1px solid rgba(214,236,255,.26);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #a0daff14;display:flex;flex-direction:column;gap:0}.workspaceShell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(204,230,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(204,230,255,.1) 1px,transparent 1px);background-size:52px 52px}.workspaceShell:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:22px;border:1px solid rgba(222,240,255,.12);pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff08}.floatingCard{position:absolute;z-index:1;border-radius:28px;border:1px solid rgba(214,236,255,.34);background:#0a101a1a;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #050c180f}.floatingCard.isSelected{border-color:#bae5ffa3;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #96dcff1f}.cardStamp{position:absolute;top:14px;left:16px;display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;font-weight:700;background:#212b3a29;border:1px solid rgba(220,238,255,.14);box-shadow:inset 0 1px #ffffff0f}.workspaceActions{margin:auto 20px 20px auto;position:relative;z-index:1}@media (max-width: 980px){.studioApp{grid-template-columns:1fr;grid-template-areas:"topStrip" "headerStrip" "leftRail" "workspaceShell"}.leftRail{min-height:0}.headerStrip{flex-direction:column;align-items:stretch}.topStrip{grid-template-columns:1fr;text-align:center}.topStrip .pillButton,.brandCenter{justify-self:center}}.resizeHandle{position:absolute;right:12px;bottom:12px;width:18px;height:18px;border-radius:6px;border:1px solid rgba(20,24,30,.35);background:#ffd228eb;box-shadow:inset 0 1px #ffffff2e;cursor:nwse-resize}.resizeHandle.isLocked{background:#50ff96e0;cursor:default}.assistantWrapTop{margin:14px 14px 6px}.layoutPresetGrid{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.layoutPresetThumb{aspect-ratio:1 / 1;border-radius:14px;border:1px solid rgba(214,236,255,.18);background:#ffffff05;overflow:hidden;padding:0}.layoutMini{display:block;width:100%;height:100%;position:relative;background:transparent}.layoutMini.one{background:linear-gradient(#dceeff38,#dceeff38) 22% 26% / 56% 48% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 22% 26% / 56% 48% no-repeat}.layoutMini.two{background:linear-gradient(#dceeff38,#dceeff38) 14% 26% / 34% 48% no-repeat,linear-gradient(#dceeff38,#dceeff38) 52% 26% / 34% 48% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 14% 26% / 34% 48% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 52% 26% / 34% 48% no-repeat}.layoutMini.three{background:linear-gradient(#dceeff38,#dceeff38) 14% 18% / 34% 32% no-repeat,linear-gradient(#dceeff38,#dceeff38) 52% 18% / 34% 32% no-repeat,linear-gradient(#dceeff38,#dceeff38) 14% 54% / 72% 28% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 14% 18% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 52% 18% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 14% 54% / 72% 28% no-repeat}.layoutMini.four{background:linear-gradient(#dceeff38,#dceeff38) 14% 18% / 34% 32% no-repeat,linear-gradient(#dceeff38,#dceeff38) 52% 18% / 34% 32% no-repeat,linear-gradient(#dceeff38,#dceeff38) 14% 54% / 34% 32% no-repeat,linear-gradient(#dceeff38,#dceeff38) 52% 54% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 14% 18% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 52% 18% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 14% 54% / 34% 32% no-repeat,linear-gradient(#0a101a1f,#0a101a1f) 52% 54% / 34% 32% no-repeat}.floatingCard .resizeHandle{position:absolute;right:12px;bottom:12px;width:18px;height:18px;border-radius:6px;border:1px solid rgba(20,24,30,.35);background:#ffd228eb;box-shadow:inset 0 1px #ffffff2e;cursor:nwse-resize}.floatingCard .resizeHandle.isLocked{background:#50ff96e0;cursor:default}.floatingCard.isPositionLocked{border-color:#50ff969e;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #50ff962e}.workspaceShell{background:#0a101a0f}.floatingCard{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0a101a1a}