:root{--mono:"Geist Mono Variable", ui-monospace, monospace;--deva:"Noto Sans Devanagari", sans-serif;--display:"Rozha One", "Noto Sans Devanagari", serif}.stage[data-tone=light]{--glass:#faf6ee6b;--glass-line:#1b171214;--glass-shadow:0 8px 32px #281e1414;--text:#1b1712;--muted:#1b17129e;--well:#1b17120f;--well-line:#1b17121f;--chosen:#ffffffe6;--solid:#1b1712;--on-solid:#f8f4ec;--panel-bg:#fbf9f4}.stage[data-tone=dark]{--glass:#0e0c0a61;--glass-line:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--text:#f5efe4;--muted:#f5efe49e;--well:#ffffff12;--well-line:#ffffff24;--chosen:#ffffff2e;--solid:#f5efe4;--on-solid:#171310;--panel-bg:#12100f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--mono);font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f2ece0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{background:var(--bg);color:var(--text);transition:background .4s;display:flex;position:fixed;inset:0}.canvas-area{flex:1;min-width:0;min-height:0;position:relative}.portrait{width:100%;height:100%;display:block;position:absolute;inset:0}.glass{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.15);color:var(--text)}button,select,input{font:inherit;color:inherit;font-size:13px}button{border:1px solid var(--well-line);background:var(--well);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}button:hover{border-color:var(--muted)}button:active{transform:scale(.97)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--text);outline-offset:2px}button.primary{background:var(--solid);color:var(--on-solid);border-color:var(--solid)}button:disabled{opacity:.6;cursor:wait}.intro{padding:0 16px max(20px, env(safe-area-inset-bottom));pointer-events:none;color:var(--ink);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.intro-text{text-align:center;pointer-events:auto;margin-top:46vh}.wordmark{letter-spacing:.6em;text-transform:uppercase;opacity:.55;margin:0;padding-left:.6em;font-size:12px}.tagline{margin:14px 0 28px;font-size:16px}.intro-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.intro-actions .primary{letter-spacing:.08em;background:var(--ink);min-height:46px;color:var(--bg);border-color:var(--ink);padding:0 36px;font-size:14px}button.link{opacity:.6;text-underline-offset:4px;background:0 0;border:0;min-height:0;padding:4px;font-size:13px;text-decoration:underline}button.link:hover{opacity:1}.fineprint{text-align:center;opacity:.45;margin:auto 0 0;font-size:11px}.error{color:#c2410c;margin:12px 0 0;font-size:13px}.stage[data-tone=dark] .error{color:#fdba74}.hint{top:max(16px, env(safe-area-inset-top));letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:8px 16px;font-size:12px;animation:.8s fade-in;position:absolute;left:50%;transform:translate(-50%)}.notice{text-align:center;border-radius:20px;width:min(340px,100% - 32px);padding:20px 22px;animation:.4s fade-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notice svg{margin:0 auto 10px;display:block}.notice p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.notice .notice-title{font-family:"Major Mono Display", var(--mono);text-transform:lowercase;color:var(--text);-webkit-text-stroke:.035em currentColor;paint-order:stroke fill;margin-bottom:6px;font-size:18px}.panel{padding:24px 20px max(20px, env(safe-area-inset-bottom));background:var(--panel-bg);border-left:1px solid var(--well-line);flex-direction:column;flex:0 0 300px;gap:26px;animation:.4s slide-in;display:flex;overflow-y:auto}.panel-head{color:inherit;align-items:baseline;gap:10px;font-size:13px;text-decoration:none;display:flex}.panel-head .muted{font-family:"Major Mono Display", var(--mono);-webkit-text-stroke:.035em currentColor;paint-order:stroke fill;font-size:15px}.panel-head [lang=hi]{font-family:var(--display);font-size:26px;line-height:1}.muted{color:var(--muted)}.small{margin:0;font-size:12px}.group{flex-direction:column;gap:12px;display:flex}.group h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:500}.panel .error{margin:0}.materials{gap:10px;display:flex}.swatch{border:1px solid var(--well-line);width:36px;height:36px;min-height:36px;padding:0;font-size:15px}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--panel-bg), 0 0 0 4px var(--text)}.segmented{background:var(--well);border:1px solid var(--well-line);border-radius:12px;padding:3px;display:flex}.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:0 8px}.segmented button[aria-checked=true]{background:var(--panel-bg);color:var(--text);box-shadow:0 1px 3px #00000024}.stage[data-tone=dark] .segmented button[aria-checked=true]{background:#ffffff24}.field{border:1px solid var(--well-line);background:var(--well);width:100%;font:inherit;color:var(--text);resize:vertical;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5}.field::placeholder{color:var(--muted)}.slider{flex-direction:column;gap:10px;font-size:13px;display:flex}.slider input{appearance:none;background:var(--well-line);cursor:pointer;border-radius:999px;width:100%;height:4px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--solid);border:3px solid var(--panel-bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--well-line);border-radius:50%}.slider input::-moz-range-thumb{background:var(--solid);border:3px solid var(--panel-bg);border-radius:50%;width:14px;height:14px}.actions{margin-top:auto}.tools{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.tools button{border-radius:12px;flex-direction:column;gap:4px;min-height:60px;padding:8px 4px;font-size:12px}.tools button[aria-pressed=true]{background:var(--solid);color:var(--on-solid);border-color:var(--solid)}button.wide{width:100%;min-height:46px;font-size:14px}@media (width<=720px){.stage{flex-direction:column}.panel{max-height:40vh;padding:16px 16px max(16px, env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--well-line);flex:none;gap:16px}.panel-head,.panel .small{display:none}.actions{bottom:calc(-1 * max(16px, env(safe-area-inset-bottom)));margin:0 -16px calc(-1 * max(16px, env(safe-area-inset-bottom)));padding:12px 16px max(16px, env(safe-area-inset-bottom));background:var(--panel-bg);border-top:1px solid var(--well-line);flex-direction:row;gap:8px;position:sticky}.tools{gap:6px;display:flex}.tools button{gap:0;width:46px;min-height:46px;padding:0;font-size:0}.actions .wide{flex:1;width:auto}}@media (aspect-ratio<=4/5){.intro-text{margin-top:56vh}}@media (height<=560px){.intro-text{margin-top:48vh}.tagline{margin:8px 0 14px}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0}}