.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-zone{display:flex;align-items:center;gap:9px;min-width:0}.beta-badge{padding:5px 7px;border:1px solid #facc15;background:#facc1518;color:#fde047;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.nav-item[hidden],.beta-badge[hidden]{display:none!important}.secret-nav{color:#75efff}.secret-nav:hover,.secret-nav.active{color:#aff7ff}.access-code-form{display:flex;gap:8px;margin-top:10px}.access-code-form input{min-width:0;flex:1}.access-code-form button,.tool-button{height:40px;padding:0 14px;border:1px solid #343936;background:#171a18;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.access-code-form button:hover,.tool-button:hover{border-color:#6a746d;background:#202421}.access-code-form svg,.tool-button svg{width:16px}.unlock-status{min-height:34px;padding-top:10px;display:flex;flex-wrap:wrap;gap:7px}.unlock-chip{padding:5px 8px;border:1px solid #353a37;color:#aab0ac;font-size:10px}.unlock-chip.beta{border-color:#806d0f;color:#fde047}.unlock-chip.monty{border-color:#257985;color:#8df3ff}.developer-view{overflow:auto;padding:34px clamp(16px,3vw,46px) 42px}.developer-head{max-width:1600px;margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.developer-head .eyebrow{justify-content:flex-start}.developer-head h2,.secret-shell h2{margin-top:8px;font-size:clamp(34px,4vw,58px)}.developer-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px}.tool-button.primary{border-color:var(--lime);background:var(--lime);color:#09100b;font-weight:700}.switch-control{height:40px;padding:0 10px;border:0;background:transparent;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;cursor:pointer}.switch-control .switch{pointer-events:none}.developer-workspace{max-width:1600px;height:calc(100vh - 210px);min-height:520px;margin:auto;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.4fr);gap:12px}.editor-stack{min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.code-editor{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#0e100f}.code-editor>span{height:34px;padding:0 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#adb3af;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.code-editor svg{width:14px;color:var(--lime)}.code-editor textarea{min-height:0;flex:1;resize:none;padding:12px;border:0;outline:0;background:#0a0c0b;color:#d8e1db;font:12px/1.55 Consolas,"Courier New",monospace;tab-size:2}.code-editor textarea:focus{box-shadow:inset 2px 0 var(--lime)}.preview-pane{min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr) 125px;border:1px solid var(--line);background:#0c0e0d}.preview-toolbar{padding:0 8px 0 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.preview-toolbar>strong{margin-right:auto;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.preview-sizes{display:flex}.preview-sizes button{width:32px;height:30px;border:0;background:transparent;color:#747b76;display:grid;place-items:center;cursor:pointer}.preview-sizes button.active{background:#252a27;color:var(--lime)}.preview-sizes svg{width:15px}.preview-stage{min-height:0;padding:14px;display:flex;justify-content:center;align-items:stretch;background:#141715;overflow:auto}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff;transition:width .25s}.preview-stage[data-size=tablet] iframe{width:min(768px,100%)}.preview-stage[data-size=mobile] iframe{width:min(390px,100%)}.code-console{overflow:auto;padding:9px 12px;border-top:1px solid var(--line);background:#080a09;color:#b8c0ba;font:11px/1.55 Consolas,"Courier New",monospace}.console-empty{color:#59605b}.console-line{display:grid;grid-template-columns:50px 1fr;gap:8px;padding:2px 0;overflow-wrap:anywhere}.console-line span{color:#6c746f;text-transform:uppercase}.console-line.warn{color:#facc15}.console-line.error{color:#ff7a90}.monty-view{overflow:auto;padding:6vh 24px 70px}.secret-shell{width:min(760px,100%);margin:auto}.secret-shell>.eyebrow{justify-content:flex-start}.secret-preview{position:relative;height:190px;margin:26px 0 18px;border:1px solid #ffffff32;background:linear-gradient(135deg,#ffffff1c,#65f6ff08 50%,#ffffff12);backdrop-filter:blur(18px) saturate(160%);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff42,0 25px 70px #0008}.secret-preview:after{content:"";position:absolute;inset:-60% 45% 35% -15%;background:linear-gradient(105deg,transparent,#fff3,transparent);transform:rotate(12deg)}.secret-glow{position:absolute;width:220px;height:120px;border-radius:50%;background:#65f6ff30;filter:blur(38px)}.secret-preview>div{z-index:1;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 12px}.secret-preview b{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;border:1px solid #fff8;background:#65f6ff;color:#071012;font:700 31px "Space Grotesk";box-shadow:0 0 30px #65f6ff66}.secret-preview strong{align-self:end;font:700 17px "Space Grotesk";letter-spacing:.12em}.secret-preview small{align-self:start;color:#aab4b0}.secret-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.secret-controls input[type=color]{width:48px;height:38px;padding:4px;border:1px solid var(--line);background:#151716}.secret-controls input[type=range]{width:180px;accent-color:var(--lime)}.secret-controls output{width:46px}.secret-reset{cursor:pointer}.secret-theme{--lime:var(--secret-accent)}body.secret-theme :is(.topbar,.search-shell,.quick-links button,.launch-card,.browser,.filter,.settings-wrap input,.settings-wrap select,.background-preset,.code-editor,.preview-pane,.secret-controls,.access-code-form button){background:color-mix(in srgb,var(--secret-tint) var(--glass-solid),transparent)!important;border-color:#ffffff2c!important;backdrop-filter:blur(var(--glass-frost)) saturate(155%);box-shadow:inset 0 1px #ffffff1f,0 12px calc(24px + var(--glass-frost)) #0004}body.secret-theme :is(.setting-row,.browser-bar,.tabstrip){border-color:#ffffff24}body.liquid-glass :is(.topbar,.search-shell,.launch-card,.browser,.filter,.background-preset,.code-editor,.preview-pane,.secret-controls){box-shadow:inset 0 1px rgba(255,255,255,var(--glass-shine)),inset 1px 0 rgba(255,255,255,.08),0 18px 50px #0005;outline:1px solid #ffffff0d;outline-offset:-2px}body.liquid-glass .launch-card:hover{border-color:var(--lime)!important;box-shadow:inset 0 1px rgba(255,255,255,var(--glass-shine)),0 16px 38px color-mix(in srgb,var(--lime) 16%,transparent)}
@media(max-width:1050px){.developer-workspace{height:auto;grid-template-columns:1fr}.editor-stack{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.code-editor{height:230px}.preview-pane{height:620px}.secret-nav span{display:none}}
@media(max-width:700px){.developer-view{padding:24px 12px 40px}.developer-head{align-items:flex-start;flex-direction:column}.developer-actions{justify-content:flex-start}.tool-button{font-size:0;width:40px;padding:0}.tool-button svg{width:17px}.switch-control{padding-left:3px}.editor-stack{grid-template-columns:1fr}.code-editor{height:190px}.preview-pane{height:540px}.preview-stage{padding:8px}.access-code-form button span{display:none}.monty-view{padding:36px 18px 60px}.secret-controls input[type=range]{width:150px}.secret-preview{height:160px}.secret-preview strong{font-size:13px}.secret-shell h2{font-size:34px}.topbar{padding-left:8px;padding-right:8px}.nav-item{width:38px;padding:0;justify-content:center}.brand-zone{gap:5px}.beta-badge{max-width:62px;padding:4px;font-size:6px;white-space:normal;line-height:1.1}.brand{gap:5px}}