:root{color-scheme:dark;--bg: #03090b;--panel: rgba(6, 22, 16, .74);--panel-strong: rgba(8, 31, 19, .9);--line: rgba(155, 255, 76, .24);--line-strong: rgba(155, 255, 76, .62);--accent: #9bff4c;--cyan: #00ced1;--purple: #7d4dff;--pink: #ff4fd8;--text: #f3ffe9;--muted: #b8d0ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 10%,rgba(155,255,76,.18),transparent 26rem),radial-gradient(circle at 82% 18%,rgba(0,206,209,.12),transparent 25rem),linear-gradient(145deg,#020704,#041009 48%,#020703);color:var(--text);font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.grid-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(rgba(155,255,76,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(155,255,76,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000000f0,#00000047);mask-image:linear-gradient(to bottom,#000000f0,#00000047)}.grid-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(155,255,76,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(155,255,76,.13) 1px,transparent 1px);background-size:176px 176px}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.035),transparent 2px);background-size:100% 5px;opacity:.1}.prism-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.25rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#030f08f0,#020905c2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:block;margin-bottom:1.35rem}.brand img{display:block;width:min(100%,252px);height:auto;filter:drop-shadow(0 0 18px rgba(155,255,76,.32))}.sidebar nav,.bottom-dock{display:grid;gap:.55rem}.sidebar nav button,.bottom-dock button{display:flex;align-items:center;gap:.72rem;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.78rem .82rem;background:#ffffff09;color:var(--muted);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.sidebar nav button:hover,.sidebar nav button.active,.bottom-dock button:hover,.bottom-dock button.active{color:var(--text);border-color:var(--line-strong);box-shadow:0 0 22px #9bff4c29;transform:translate(2px)}.sidebar nav button span,.bottom-dock button span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#9bff4c1f;color:var(--accent);font-family:Orbitron,sans-serif;font-weight:900}.creator-card{margin-top:auto;border:1px solid var(--line);border-radius:8px;padding:1rem;background:#9bff4c12}.creator-card span,.topbar p,.panel-heading p{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.creator-card strong{display:block;margin:.4rem 0}.creator-card small{color:var(--muted);line-height:1.5}.workspace{width:min(100%,1520px);margin:0 auto;padding:1.25rem clamp(1rem,3vw,2.2rem) 3rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-1.25rem calc(clamp(1rem,3vw,2.2rem)*-1) 1rem;padding:1rem clamp(1rem,3vw,2.2rem);border-bottom:1px solid rgba(155,255,76,.14);background:#020804cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{margin:.2rem 0 0;font-family:Orbitron,sans-serif;font-size:clamp(1.25rem,2.4vw,2.05rem)}.top-actions{display:flex;gap:.7rem}.top-actions button,.tool-rail button,.document-tabs button,.layer-stack button,.portfolio-card{border:1px solid var(--line);border-radius:8px;background:#9bff4c14;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.top-actions button{min-height:44px;padding:0 1rem;font-weight:800}.top-actions button:hover,.top-actions .published,.top-actions .connected,.tool-rail button:hover,.tool-rail button.active,.document-tabs button:hover,.document-tabs button.active,.layer-stack button:hover,.layer-stack button.active,.portfolio-card:hover,.portfolio-card.active{border-color:var(--line-strong);background:#9bff4c24;box-shadow:0 0 26px #9bff4c33;transform:translateY(-1px)}.studio-hero{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(300px,360px);gap:1rem;min-height:680px}.tool-rail{display:grid;gap:.6rem;align-content:start;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#020c06b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-rail button{display:grid;place-items:center;min-height:48px;font-family:Orbitron,sans-serif;font-weight:900}.artboard-shell,.inspector,.glass-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#071d0fc2,#030d079e);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff0f,0 18px 60px #0000003d}.artboard-shell{display:grid;grid-template-rows:auto minmax(420px,1fr) auto;overflow:hidden}.document-tabs{display:flex;gap:.55rem;padding:.75rem;border-bottom:1px solid rgba(155,255,76,.16)}.document-tabs button{min-height:38px;padding:0 .85rem;color:var(--muted)}.document-tabs button.active{color:var(--text)}.artboard{position:relative;display:grid;place-items:center;margin:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:radial-gradient(circle at 50% 45%,rgba(155,255,76,.15),transparent 18rem),linear-gradient(135deg,#00ced11a,#7d4dff1f);transform:scale(var(--zoom));transform-origin:center;transition:transform .18s ease}.artboard-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px}.canvas-shape,.canvas-stroke{position:absolute}.canvas-shape--halo{width:min(50vw,440px);aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;opacity:var(--opacity);box-shadow:0 0 55px color-mix(in srgb,var(--ink),transparent 45%)}.canvas-shape--diamond{width:min(23vw,205px);aspect-ratio:1;border:2px solid var(--ink);background:linear-gradient(145deg,color-mix(in srgb,var(--ink),transparent 35%),#00000026);transform:rotate(45deg) scale(var(--scale));box-shadow:0 0 38px color-mix(in srgb,var(--ink),transparent 52%)}.canvas-shape--type{bottom:12%;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,6.5rem);font-weight:900;color:#f5ffe8;text-shadow:0 0 18px rgba(155,255,76,.7)}.canvas-stroke--one,.canvas-stroke--two{width:52%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.canvas-stroke--one{top:26%;transform:rotate(-12deg)}.canvas-stroke--two{top:62%;transform:rotate(16deg)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;padding:.75rem;border-top:1px solid rgba(155,255,76,.16)}.timeline span{min-height:36px;border:1px solid rgba(155,255,76,.16);border-radius:8px;padding:.5rem;color:var(--muted);background:#00000029}.inspector{display:grid;align-content:start;gap:1rem;padding:1rem}.panel-heading h2{margin:.25rem 0 0;font-family:Orbitron,sans-serif;font-size:clamp(1.15rem,1.8vw,1.55rem)}.inspector label{display:grid;grid-template-columns:1fr auto;gap:.55rem;color:var(--muted)}.inspector label input{grid-column:1 / -1;accent-color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.swatches button{aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:var(--swatch);cursor:pointer}.swatches button.active{outline:2px solid #fff;box-shadow:0 0 20px var(--swatch)}.layer-stack{display:grid;gap:.55rem}.layer-stack button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;min-height:48px;padding:.55rem;text-align:left}.layer-stack span{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#9bff4c1f;color:var(--accent);font-family:Orbitron,sans-serif}.layer-stack em,.portfolio-card em,.release-list em,.collab-list em{color:var(--accent);font-size:.72rem;font-style:normal;font-weight:800;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:1rem;margin-top:1rem}.glass-panel{padding:1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.portfolio-card{display:grid;min-height:190px;padding:.7rem;text-align:left}.portfolio-card span{display:block;min-height:88px;border-radius:8px;background:radial-gradient(circle at 70% 35%,rgba(255,255,255,.6),transparent .5rem),linear-gradient(135deg,#9bff4c6b,#00ced138,#7d4dff47);box-shadow:inset 0 0 28px #ffffff14}.portfolio-card strong{margin-top:.7rem}.portfolio-card small,.collab-list small{color:var(--muted)}.launch-meter{position:relative;height:190px;display:grid;place-items:center;margin-top:1rem}.launch-meter span{position:absolute;width:164px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) var(--level),rgba(255,255,255,.08) 0);box-shadow:0 0 36px #9bff4c2e}.launch-meter span:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:#041009}.launch-meter strong{position:relative;z-index:1;font-family:Orbitron,sans-serif}.release-list,.collab-list{display:grid;gap:.6rem}.release-list span,.collab-list span{display:grid;grid-template-columns:1fr auto;gap:.45rem;padding:.65rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09}.credit-graph{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;min-height:205px;align-items:center}.credit-graph span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#9bff4c33,#9bff4c0a);color:var(--accent);font-size:.8rem;font-weight:800;text-align:center;box-shadow:0 0 24px #9bff4c26}.bottom-dock{display:none}@media(max-width:1180px){.prism-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav,.creator-card{display:none}.brand{margin:0}.brand img{width:min(62vw,270px)}.studio-hero{grid-template-columns:56px minmax(0,1fr)}.inspector{grid-column:1 / -1}.detail-grid{grid-template-columns:1fr}.bottom-dock{position:fixed;left:50%;bottom:.75rem;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));width:min(calc(100vw - 1.2rem),620px);padding:.45rem;border:1px solid var(--line);border-radius:8px;background:#030d07e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.bottom-dock button{justify-content:center;padding:.55rem;font-size:.72rem}.bottom-dock button span{display:none}}@media(max-width:760px){.workspace{padding-bottom:5.8rem}.topbar{align-items:stretch;flex-direction:column}.top-actions{flex-direction:column}.studio-hero,.portfolio-grid,.credit-graph{grid-template-columns:1fr}.tool-rail{grid-template-columns:repeat(6,1fr)}.artboard-shell{grid-template-rows:auto 420px auto}.document-tabs,.timeline{overflow-x:auto}.document-tabs button,.timeline span{min-width:128px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}