:root{color-scheme:dark;--bg:#16161e;--panel:#1a1b26;--raised:#24283b;--line:#343b58;--text:#c0caf5;--muted:#a9b1d6;--blue:#7aa2f7;--violet:#bb9af7;--green:#9ece6a;--red:#f7768e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.studio-app{max-width:1600px;min-height:100svh;margin:auto;display:flex;flex-direction:column}.studio-title{display:flex;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);background:#15151e}.studio-brand{display:flex;gap:.75rem;align-items:center;color:var(--text);white-space:nowrap}.studio-brand:hover{text-decoration:none}.studio-brand strong{font-weight:750;color:#fff}.studio-brand small{display:block;color:var(--muted);font-size:.75rem;line-height:1.2}.studio-title nav{display:flex;align-items:center;gap:1.2rem;margin-left:auto;font-size:.875rem}.studio-title nav button{background:none;border:0;color:var(--muted)}.credit-pill{display:flex;gap:.55rem;align-items:center;padding:.5rem .85rem;background:#292333;color:#e0af68;border:1px solid #5c4a43;border-radius:999px;font-size:.9rem;font-weight:650}.credit-pill svg{width:19px;height:19px}main{flex:1;padding:clamp(1.25rem,3vw,3rem)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.12;letter-spacing:-.045em;color:#eef0ff}h2{font-size:1.3rem;letter-spacing:-.025em;color:#e2e7ff}h3{font-size:1.06rem;color:#e2e7ff}p{color:var(--muted)}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:#a89bcc;margin-bottom:.6rem}.welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(2rem,8vw,8rem);align-items:center;min-height:calc(100svh - 220px);max-width:1180px;margin:auto}.intro{display:grid;gap:1.6rem}.intro em{font-style:normal;color:var(--violet)}.intro>p{max-width:550px;font-size:1.04rem}.welcome-notes{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}.welcome-notes span{display:flex;gap:.5rem;align-items:center}.welcome-notes svg{color:var(--green)}.intro>.muted{font-size:.875rem}.connect-card,.studio-card,.puzzle-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 16px 60px #0002}.connect-card{padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1.05rem}.connect-card>p{font-size:.9rem}.connect-card label,.modal-form label{display:grid;gap:.4rem;font-size:.9375rem;font-weight:500}input,select{min-width:0;width:100%;padding:.7rem .85rem;border-radius:8px;border:1px solid #414868;background:#16161e;color:var(--text);font-size:1rem}input:focus,select:focus{border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.hint{font-size:.8125rem!important;line-height:1.65;color:var(--muted)}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:9px;font-weight:650;line-height:1.5;transition:background .15s,transform .15s}.primary{background:var(--blue);color:#151623}.primary:hover{background:#91b3ff;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.secondary{background:#292e42;color:var(--text);border-color:#414868}.secondary:hover{background:#343b58}.flat,.text-link{background:none;border:0;color:var(--blue);text-align:left;padding:.4rem 0;font-size:.9rem}.workspace-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.5rem}.workspace-heading h1{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:.6rem}.workspace-heading p{font-size:.9375rem}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:1.5rem;align-items:start}.puzzle-panel{padding:clamp(1rem,2.4vw,2rem)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.pill{padding:.3rem .7rem;background:#292e42;border-radius:999px;font-size:.8rem}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;max-width:650px;margin:1.5rem auto;border:2px solid #7886b2;background:#202436;border-radius:3px;overflow:hidden}.sudoku-cell{display:grid;place-items:center;min-width:0;aspect-ratio:1;border-right:1px solid #414868;border-bottom:1px solid #414868;font-size:clamp(1rem,2.7vw,2rem);font-variant-numeric:tabular-nums}.sudoku-cell.shade{background:#24293d}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:2px solid #7886b2}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #7886b2}.puzzle-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;color:var(--muted)}.tools{display:grid;gap:1.5rem}.studio-card{padding:1.4rem;display:grid;gap:.85rem}.tools .secondary{justify-content:flex-start;font-size:.9375rem}.tool-badge{margin-left:auto;font-size:.7rem;font-weight:500;color:var(--muted)}.credit-tool{display:grid;gap:.65rem;border-top:1px solid var(--line);margin-top:.5rem;padding-top:1rem}.credit-tool p{font-size:.85rem}.credit-tool .primary{background:var(--violet);color:#181b29}.credit-tool .primary:hover{background:#cfb3ff}.credit-tool svg{color:inherit}.access-card dl{margin:0;display:grid;gap:.5rem;font-size:.875rem}.access-card dl>div{display:flex;justify-content:space-between;gap:1rem}.access-card dt{color:var(--muted)}.access-card dd{margin:0;color:var(--text);text-align:right;overflow-wrap:anywhere}.access-card .text-link{font-weight:550}.studio-footer{display:flex;gap:1rem;justify-content:space-between;border-top:1px solid var(--line);padding:1rem clamp(1rem,3vw,3rem);font-size:.8125rem;color:var(--muted)}.studio-footer>span{min-width:0;overflow-wrap:anywhere}dialog{width:min(680px,calc(100% - 28px));max-height:90svh;padding:0;border:1px solid #414868;border-radius:15px;background:var(--panel);color:var(--text);box-shadow:0 25px 120px #0008}dialog::backdrop{background:#090b1699;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 1.3rem;position:sticky;top:0;background:var(--panel);z-index:1}.modal-head button{padding:0 .4rem;border:0;background:none;font-size:1.6rem;color:var(--muted)}#modal-body{display:grid;gap:1rem;padding:1.3rem;overflow-wrap:anywhere}#modal-body pre{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:1rem;background:var(--bg);font:13px/1.65 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}#modal-body pre .json-key{color:#7dcfff}#modal-body pre .json-string{color:#9ece6a}.modal-form{display:grid;gap:.8rem}.pack-card{display:grid;gap:.65rem;border:1px solid var(--line);border-radius:10px;padding:1rem}.pack-card p{font-size:.9rem}.modal-actions{display:flex;gap:.65rem;flex-wrap:wrap}.modal-balance{font-size:2rem;font-weight:750;color:#e0af68}.progress{position:fixed;inset:0 0 auto;height:3px;z-index:20;overflow:hidden;background:#24283b}.progress span{display:block;background:var(--violet);width:35%;height:100%;animation:loading 1s ease-in-out infinite}.danger{color:var(--red)}button:focus-visible,a:focus-visible{outline:2px solid var(--violet)}@keyframes loading{from{transform:translateX(-120%)}to{transform:translateX(400%)}}@media(max-width:1050px){.studio-grid{grid-template-columns:minmax(0,1fr) 300px}.studio-title{flex-wrap:wrap}.studio-title nav{font-size:.8rem;gap:.8rem}.welcome{gap:2rem}}@media(max-width:780px){.welcome{grid-template-columns:1fr;max-width:590px;padding-top:1rem}.intro h1{font-size:2.7rem}.intro>.muted{display:none}.studio-grid{grid-template-columns:minmax(0,1fr)}.tools{grid-template-columns:1fr 1fr;align-items:start}.workspace-heading{align-items:flex-start}.workspace-heading>.secondary{font-size:.8rem}.studio-title nav{width:100%;margin:0;justify-content:space-between}.credit-pill{margin-left:auto}.sudoku-cell{font-size:clamp(1rem,4vw,1.8rem)}.studio-footer{flex-direction:column;gap:.3rem}}@media(max-width:520px){main{padding:1rem}.tools{grid-template-columns:1fr}.studio-title{gap:.65rem}.studio-title nav{font-size:.75rem}.studio-brand small{font-size:.7rem}.puzzle-bottom{align-items:stretch;flex-direction:column}.workspace-heading{flex-direction:column}.form-row{grid-template-columns:1fr}.intro h1{font-size:2.3rem}.sudoku-grid{margin:1rem auto}.studio-card{padding:1.1rem}.modal-actions>*{flex:1 1 100%}.credit-pill{padding:.5rem .65rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}