:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body *{scrollbar-width:thin}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.u-no-select,.u-no-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.shell{width:100vw;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:#fff;color:#000}.topbar{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-bottom:2px solid #000}.title{margin:0;font-size:clamp(18px,2.2vw,36px);font-weight:800;text-align:center}.actions{position:absolute;right:12px;display:flex;gap:10px}.btn{appearance:none;border:none;background:#0000;color:#000;padding:8px 12px;font-weight:700;cursor:pointer;border-radius:0}.stage{position:relative;overflow:hidden;height:100%;background:#fff}.stage-inner{width:100%;height:100%;position:relative;border:none;padding:0}.sketch-text{margin:0;text-align:center;line-height:1.2;font-size:clamp(18px,2.6vw,34px);font-weight:800}.bottombar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:10px 12px;gap:12px}.tab{appearance:none;background:#fff;color:#000;padding:12px 14px;font-weight:800;letter-spacing:.5px;cursor:pointer}.stage-inner{width:100%;height:100%;display:grid;place-items:center;background:#fff;border:none;padding:0}.hero-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:66.66%;aspect-ratio:1/1;object-fit:contain;max-width:100%}.input{padding:10px 12px;border:2px solid #000;outline:none;width:100%}.input--dark{background:#111;color:#fff}.input--dark::placeholder{color:#bbb}.input--dark:focus{outline:3px solid #000;outline-offset:2px}.textarea{padding:10px 12px;border:2px solid #000;outline:none;width:100%;min-height:120px;resize:vertical}.textarea--dark{background:#111;color:#fff}.textarea--dark::placeholder{color:#bbb}.textarea--dark:focus{outline:3px solid #000;outline-offset:2px}.char-counter{text-align:right;font-size:12px;opacity:.8}.dev-button-stack{position:absolute;top:12px;right:12px;z-index:5;display:grid;gap:10px;justify-items:center}@media (max-width: 720px){.bottombar{gap:10px}.tab{padding:10px;font-size:14px}.actions .btn{padding:6px 10px}.hero-img{max-width:100vw}}.btn-round{border-radius:8px}.btn-effect-main{border:0;outline:3px solid #000;outline-offset:0px}.btn-effect-main:hover{outline:3px solid #000;outline-offset:3px}.btn-effect-main:active{transform:translateY(1px)}.btn-effect-main:focus{outline:3px solid #000;outline-offset:0px}.btn-effect-main:focus:hover{outline:3px solid #000;outline-offset:3px}.btn.is-disabled,.btn:disabled{color:#666!important;background:#e5e5e5!important;border-color:#ccc!important;outline-color:#bbb!important;cursor:default!important;opacity:1}.btn-effect-main.is-disabled,.btn-effect-main:disabled{outline-color:#bbb!important;outline-offset:0!important;transform:none!important}.btn-effect-main.is-disabled:hover,.btn-effect-main:disabled:hover,.btn.is-disabled:hover,.btn:disabled:hover{outline-offset:0!important}.btn-effect-main.is-active{border:0;background-color:#000;color:#fff}.btn-effect-danger{border:0;background:#ef4444;color:#fff;outline:3px solid #000;outline-offset:0;transition:outline-offset .12s ease,transform 80ms ease}.btn-effect-danger:hover{outline-offset:3px}.btn-effect-danger:active{transform:translateY(1px)}.btn-effect-danger:focus{outline:3px solid #000;outline-offset:0}.btn-effect-danger.is-disabled,.btn-effect-danger:disabled{background:#f4b4b4!important;color:#6b3333!important;outline-color:#bbb!important;outline-offset:0!important;transform:none!important;cursor:default!important}.btn-danger-ghost{background:transparent;border:0;color:#000;padding:6px 10px;cursor:pointer;transition:color .12s ease}.btn-danger-ghost:hover{color:#ef4444}.btn-danger-ghost:active{transform:translateY(1px)}.btn-danger-ghost:focus-visible{outline:2px solid #000;outline-offset:2px}.btn-danger-ghost.is-disabled,.btn-danger-ghost:disabled{color:#888;cursor:default;transform:none}.effect--glow-breathe{position:relative;z-index:0;--glow-color: #4f46e5;--glow-min: .28;--glow-max: .65;--glow-blur: 14px;--glow-spread: 4px}.effect--glow-breathe:before{content:"";position:absolute;inset:calc(-1 * var(--glow-spread));border-radius:inherit;background:var(--glow-color);filter:blur(var(--glow-blur));opacity:var(--glow-min);pointer-events:none;z-index:-1;animation:effectrGlowBreath 3.6s ease-in-out infinite}@keyframes effectrGlowBreath{0%,to{opacity:var(--glow-min)}50%{opacity:var(--glow-max)}}@media (prefers-reduced-motion: reduce){.effect--glow-breathe:before{animation:none;opacity:var(--glow-max)}}