: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(255, 255, 255, .035);--glass-border: rgba(190, 224, 255, .18);--glass-shadow: 0 12px 36px rgba(2, 8, 20, .16);--pill-fill: rgba(21, 32, 46, .2);--pill-active: rgba(145, 193, 255, .2)}f *{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(#060a121f,#060a122e),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" "skinDeployBar skinDeployBar" "headerStrip headerStrip" "leftRail workspaceShell";gap:var(--layout-row-gutter) var(--layout-column-gutter);background:linear-gradient(#080c1414,#080c1424),var(--studio-wallpaper, url(/placeholders/black-canvas.jpg)) center / cover fixed no-repeat}.glassPanel,.leftRail{background:#ffffff07;border:1px solid rgba(210,234,255,.18);box-shadow:0 12px 36px #02081424,inset 0 1px #ffffff0f;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%)}.glassPanelSubtle{background:#ffffff05;border:1px solid rgba(192,221,255,.1);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;position:relative;overflow:hidden}.brandMark{font-weight:800;letter-spacing:.06em;font-size:1.1rem;justify-self:start}.brandCenter{justify-self:center;font-weight:700;letter-spacing:.35em;opacity:.85;text-align:center}.topStrip .pillButton{justify-self:end}.topStripSkinLayer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}.topStripSkinImage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none}.topStrip>*:not(.topStripSkinLayer){position:relative;z-index:1}.skinDeployBar{grid-area:skinDeployBar;min-height:64px;border-radius:24px;display:flex;justify-content:center;align-items:center;padding:12px 18px}.skinDeployControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.skinDeployInput{min-width:150px}.skinDeployInput input{width:72px;border:0;outline:0;background:transparent;color:inherit}.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:transparent;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}.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:.8}.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:#ffffff04;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:.82;font-size:.95rem}.assistantWrap{min-height:0}.assistantPromoCard{border-radius:24px;overflow:hidden;border:1px solid rgba(192,221,255,.14);background:#ffffff04}.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,.22);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #a0daff0f;display:flex;flex-direction:column;gap:0}.workspaceShell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(204,230,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(204,230,255,.08) 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,.14);pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff06}.floatingCard{position:absolute;z-index:1;border-radius:28px;border:1px solid rgba(220,239,255,.34);background:#ffffff03;box-shadow:inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(1.5px) saturate(104%);-webkit-backdrop-filter:blur(1.5px) saturate(104%)}.floatingCard.isSelected{border-color:#bae5ff8f;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #96dcff1a}.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:#0e121a1f;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}}