:root{--bg:#0a0a0a;--teal:#00c9a7;--chrome:#bebebe;--chrome-light:#e8e8e8;--chrome-deep:#2a2d2c;--card:#ffffff0e;--border:#bebebe33;--text:#f0f0f0;--muted:#888;--accent-glow:#00c9a759;--glass-shadow:0 22px 80px #0000006b, inset 0 1px 0 #ffffff12}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% -10%, #e8e8e81c 0%, transparent 32%), radial-gradient(circle at 20% 80%, #00c9a71a 0%, transparent 30%), radial-gradient(circle at 85% 20%, #bebebe14 0%, transparent 24%), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}.studio-shell{width:min(100%,1240px);max-width:1240px;min-height:100dvh;margin:0 auto;padding:22px clamp(14px,3vw,34px) 96px;position:relative;overflow:visible}.ambient{filter:blur(90px);pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ambient-a{background:#00c9a726;width:360px;height:360px;top:-160px;left:50%;transform:translate(-50%)}.ambient-b{background:#bebebe14;width:280px;height:280px;bottom:-120px;right:-80px}.topbar,section,.bottom-nav,.toast{z-index:2;position:relative}.topbar{grid-template-columns:minmax(80px,160px) 1fr minmax(80px,160px);align-items:center;gap:10px;width:min(100%,920px);margin:0 auto 18px;display:grid}.topbar h1{text-align:center;letter-spacing:.04em;margin:0;font-size:1rem}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:14px;padding:12px 14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--teal), #8ed4c0);color:#000;box-shadow:0 0 30px var(--accent-glow), inset 0 3px 8px #ffffffbf, inset 0 -3px 6px #0000004d;border:none;font-weight:700}.btn-ghost{background:#ffffff08}.btn-sm{padding:8px 10px;font-size:.8rem}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:1fr}@media (min-width:720px){.grid.two{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.grid.two{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch}.grid.two>.panel{min-height:420px}}.panel{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--glass-shadow);border-radius:20px;padding:16px}.card-glow{box-shadow:0 0 38px #00c9a71f, var(--glass-shadow)}.panel h2{margin:0 0 8px}.panel p{color:var(--muted);margin:0 0 12px;line-height:1.5}.center-stack{text-align:center;flex-direction:column;justify-content:center;gap:14px;min-height:calc(100dvh - 120px);display:flex}.welcome-splash{min-height:calc(100dvh - 28px);padding:24px 4px 34px}.welcome-logo-wrap{place-items:center;width:230px;height:230px;margin:0 auto 2px;display:grid;position:relative}.welcome-logo-wrap:before{content:"";filter:blur(18px);background:radial-gradient(circle,#00c9a738,#0000 66%);border-radius:50%;position:absolute;inset:8px}.welcome-kicker{color:var(--chrome-light);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800}.welcome-actions{gap:10px;margin-top:8px;display:grid}.hero-logo{object-fit:cover;background:radial-gradient(circle,#2a2d2cf2,#000000f2);border:2px solid #00c9a79e;border-radius:50%;margin:0 auto 10px;box-shadow:0 0 42px #00c9a742,inset 0 0 18px #e8e8e814}.brand-logo{filter:saturate(1.05)contrast(1.04)}.brand-cover{aspect-ratio:1;object-fit:cover;background:radial-gradient(circle,#00c9a724,#0000 62%),#020202}.brand-kicker{color:var(--chrome-light);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-flex}.brand-kicker img{border:1px solid #00c9a78c;border-radius:50%;box-shadow:0 0 18px #00c9a73d}.row{flex-wrap:wrap;gap:10px;display:flex}.stack{gap:10px;display:grid}.cover{border:1px solid var(--border);object-fit:cover;border-radius:14px;width:100%;height:auto}.template-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:760px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1120px){.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.template-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff08;border-radius:16px;padding:0;overflow:hidden}.template-card.selected{border-color:var(--teal);box-shadow:0 0 18px #00c9a738}.template-meta{gap:6px;padding:10px 12px 12px;display:grid}.template-mark{color:#020202;background:linear-gradient(135deg, var(--teal), var(--chrome-light));letter-spacing:.02em;border-radius:8px;place-items:center;width:24px;height:24px;margin-right:6px;font-size:.68rem;font-weight:900;display:inline-grid;box-shadow:0 0 14px #00c9a738}.template-meta span,.template-meta small{color:var(--muted)}.field{color:var(--chrome);gap:6px;margin-bottom:10px;font-size:.9rem;display:grid}.field input,.field textarea{border:1px solid var(--border);color:var(--text);background:#101010;border-radius:12px;padding:10px}.field textarea{resize:vertical;min-height:92px}.field.compact{flex:1}.wallet-box{border:1px solid var(--border);color:var(--chrome);border-radius:12px;gap:4px;margin:8px 0 12px;padding:12px;display:grid}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--teal);background:#00c9a726;border-radius:999px;padding:5px 10px;font-size:.76rem}.bottom-nav{border:1px solid var(--border);background:#080808f5;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;width:min(720px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 6px;font-size:.74rem}.bottom-nav button.active{color:var(--teal);background:#00c9a714;border-color:#00c9a766}.toast{background:#000000eb;border:1px solid #00c9a780;border-radius:10px;padding:10px 14px;font-size:.85rem;position:fixed;top:16px;left:50%;transform:translate(-50%)}.mono{word-break:break-all;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.accent{color:var(--teal)}.bullets{color:var(--muted);margin:0 0 12px;padding-left:18px}.link-inline{color:var(--teal);text-decoration:none}.editor-group{gap:10px;margin-bottom:12px;display:grid}.editor-group h3{margin:2px 0}.editor-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:720px){.editor-grid{grid-template-columns:1fr 1fr}}.editor-card{padding:12px}.locked-panel{background:#ffffff05;border-style:dashed}.mock-shell{gap:12px;width:min(100%,1120px);margin:0 auto;display:grid}.mock-hero{min-height:260px;position:relative;overflow:hidden}.mock-cover{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.mock-overlay{background:linear-gradient(#0a0a0a26,#0a0a0aeb);position:absolute;inset:0}.mock-content{z-index:2;gap:8px;max-width:560px;display:grid;position:relative}.mock-content h2,.mock-content p{margin:0}.mock-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:980px){.mock-shell{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start}.mock-hero,.mock-stats{grid-column:1/-1}.mock-hero{min-height:340px}.mock-hero .mock-content h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,4rem)}.mock-hero .mock-content p{max-width:620px;font-size:1.08rem}.mock-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-stat-value{font-size:1.55rem}.mock-module-list{gap:10px}}@media (min-width:1280px){.studio-shell{padding-top:28px}.mock-shell{width:min(100%,1180px)}}.mock-stat-value{color:var(--chrome-light);font-size:1.1rem;font-weight:800}.mock-stat-label{color:var(--muted);font-size:.72rem}.mock-module-list{gap:8px;display:grid}.mock-module{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.mock-module strong{margin-bottom:4px;font-size:.9rem;display:block}.mock-module p{color:var(--muted);margin:0;font-size:.78rem}.mock-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;height:72px;display:grid}.mock-bar-wrap{align-items:end;height:100%;display:flex}.mock-bar{background:linear-gradient(180deg, var(--chrome-light), var(--teal));border-radius:6px 6px 2px 2px;width:100%;box-shadow:0 0 10px #00c9a733}.resolver-shell{place-items:center;width:min(760px,100%);min-height:100dvh;margin:0 auto;padding:18px;display:grid;position:relative;overflow:hidden}.resolver-card{text-align:center;gap:12px;width:min(640px,100%);display:grid}.resolver-card h1,.resolver-card h2{margin:0}.resolver-card p{max-width:520px;margin-left:auto;margin-right:auto}.reverse-form{text-align:left;gap:10px;display:grid}.resolver-result{border-top:1px solid var(--border);gap:10px;margin-top:8px;padding-top:14px;display:grid}.resolver-frame-shell{grid-template-rows:auto 1fr;place-items:stretch stretch;gap:10px;width:100%;max-width:none;padding:12px}.resolver-toolbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080808eb;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.resolver-toolbar h1{margin:6px 0 0;font-size:1.05rem}.resolver-frame{border:1px solid var(--border);background:#050505;border-radius:18px;width:100%;min-height:calc(100dvh - 94px)}.shimmer-text{background:linear-gradient(90deg, var(--teal), var(--chrome-light), var(--teal));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}