.devdesign-module__nZIUwq__page{--dd-bg:#0b0d16;--dd-surface:#12141f;--dd-chrome:#171a28;--dd-border:#232739;--dd-fg:#e6e8f0;--dd-muted:#8b93a7;--dd-accent:#6366f1;--dd-purple:#a855f7;--dd-kw:#c084fc;--dd-str:#4ade80;--dd-num:#fbbf24;--dd-cmt:#636e83;--dd-fn:#7dd3fc;--accent:var(--dd-accent);background:radial-gradient(70rem 35rem at 80% -10rem, color-mix(in srgb, var(--dd-accent) 12%, transparent), transparent 60%), radial-gradient(50rem 40rem at 0% 100%, color-mix(in srgb, var(--dd-purple) 7%, transparent), transparent 60%), var(--dd-bg);color:var(--dd-fg);font-family:var(--font-geist-sans), system-ui, sans-serif;min-height:100svh;transition:background .4s}.devdesign-module__nZIUwq__mono{font-family:var(--font-geist-mono), ui-monospace, monospace}.devdesign-module__nZIUwq__accentText{background:linear-gradient(90deg, var(--dd-accent), var(--dd-purple));color:#0000;-webkit-background-clip:text;background-clip:text}.devdesign-module__nZIUwq__window{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:.75rem;overflow:hidden;box-shadow:0 20px 60px #00000073}.devdesign-module__nZIUwq__titlebar{background:var(--dd-chrome);border-bottom:1px solid var(--dd-border);align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.devdesign-module__nZIUwq__lights{gap:.4rem;display:flex}.devdesign-module__nZIUwq__lights i{background:#3a3f55;border-radius:9999px;width:.65rem;height:.65rem}.devdesign-module__nZIUwq__lights i:first-child{background:#f87171}.devdesign-module__nZIUwq__lights i:nth-child(2){background:#fbbf24}.devdesign-module__nZIUwq__lights i:nth-child(3){background:#4ade80}.devdesign-module__nZIUwq__tab{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--dd-muted);border:1px solid var(--dd-border);background:var(--dd-surface);border-bottom:none;border-radius:.375rem .375rem 0 0;padding:.2rem .75rem;font-size:.75rem;transform:translateY(.625rem)}.devdesign-module__nZIUwq__tabActive{color:var(--dd-fg)}.devdesign-module__nZIUwq__code{font-family:var(--font-geist-mono), ui-monospace, monospace;counter-reset:line;padding:1.25rem 1.25rem 1.25rem 0;font-size:.8125rem;line-height:1.7;overflow-x:auto}.devdesign-module__nZIUwq__code>div{white-space:pre;display:flex}.devdesign-module__nZIUwq__code>div:before{counter-increment:line;content:counter(line);text-align:right;color:#3d4358;-webkit-user-select:none;user-select:none;flex-shrink:0;width:3rem;padding-right:1.25rem}.devdesign-module__nZIUwq__kw{color:var(--dd-kw)}.devdesign-module__nZIUwq__str{color:var(--dd-str)}.devdesign-module__nZIUwq__num{color:var(--dd-num)}.devdesign-module__nZIUwq__cmt{color:var(--dd-cmt);font-style:italic}.devdesign-module__nZIUwq__fn{color:var(--dd-fn)}.devdesign-module__nZIUwq__term{font-family:var(--font-geist-mono), ui-monospace, monospace;padding:1.25rem 1.5rem;font-size:.8125rem;line-height:1.9;overflow-x:auto}.devdesign-module__nZIUwq__prompt{color:var(--dd-accent);font-weight:700}.devdesign-module__nZIUwq__ok{color:var(--dd-str)}.devdesign-module__nZIUwq__btn{font-size:.9375rem;font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:.5rem;align-items:center;gap:.5rem;padding:.7rem 1.4rem;transition:transform .15s,box-shadow .15s,border-color .15s,filter .15s;display:inline-flex}.devdesign-module__nZIUwq__btnAccent{background:linear-gradient(135deg, var(--dd-accent), var(--dd-purple));color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--dd-accent) 35%, transparent)}.devdesign-module__nZIUwq__btnAccent:hover{filter:brightness(1.1)}.devdesign-module__nZIUwq__btnGhost{background:var(--dd-surface);color:var(--dd-fg);border:1px solid var(--dd-border)}.devdesign-module__nZIUwq__btnGhost:hover{border-color:var(--dd-accent)}@media (prefers-reduced-motion:no-preference){.devdesign-module__nZIUwq__btn:hover{transform:translateY(-1px)}.devdesign-module__nZIUwq__btn:active{transform:translateY(0)}}.devdesign-module__nZIUwq__tokenTab{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--dd-muted);border:1px solid #0000;border-radius:.375rem;padding:.35rem .9rem;font-size:.75rem;font-weight:700;transition:color .15s,border-color .15s,background-color .15s}.devdesign-module__nZIUwq__tokenTab:hover{color:var(--dd-fg)}.devdesign-module__nZIUwq__tokenTabActive{color:var(--dd-fg);background:var(--dd-chrome);border-color:var(--dd-border)}.devdesign-module__nZIUwq__phone{outline:1px solid var(--dd-border);box-shadow:0 24px 64px color-mix(in srgb, var(--dd-accent) 18%, transparent);background:#000;border:5px solid #20243a;border-radius:2rem;overflow:hidden}.devdesign-module__nZIUwq__cursor{color:var(--dd-accent)}@media (prefers-reduced-motion:no-preference){.devdesign-module__nZIUwq__cursor{animation:.9s step-end infinite devdesign-module__nZIUwq__dd-blink}}@keyframes devdesign-module__nZIUwq__dd-blink{50%{opacity:0}}.devdesign-module__nZIUwq__output{border-top:1px solid var(--dd-border);background:var(--dd-chrome);padding:1.25rem 1.5rem;transition:opacity .4s}.devdesign-module__nZIUwq__outputHidden{opacity:0;pointer-events:none}.devdesign-module__nZIUwq__swatchChip{border:1px solid var(--dd-border);background:var(--dd-surface);color:var(--dd-muted);border-radius:.5rem;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.7rem;display:inline-flex}.devdesign-module__nZIUwq__swatchChip i{border:1px solid #fff3;border-radius:.25rem;width:.9rem;height:.9rem}.devdesign-module__nZIUwq__colorInput{border:1px solid var(--dd-border);background:var(--dd-surface);cursor:pointer;border-radius:.5rem;block-size:2.1rem;inline-size:2.1rem;padding:0}.devdesign-module__nZIUwq__hexInput{border:1px solid var(--dd-border);background:var(--dd-surface);width:6.5rem;color:var(--dd-fg);border-radius:.5rem;padding:.35rem .6rem;font-size:.8125rem}.devdesign-module__nZIUwq__hexInput:focus{outline:2px solid var(--dd-accent);outline-offset:1px}.devdesign-module__nZIUwq__range{accent-color:var(--dd-accent);width:10rem}.devdesign-module__nZIUwq__badge{border:1px solid;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.devdesign-module__nZIUwq__badgePass{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.devdesign-module__nZIUwq__badgeFail{color:#f87171;background:#f8717114;border-color:#f8717166}.devdesign-module__nZIUwq__swatch{vertical-align:baseline;border:1px solid #fff3;border-radius:.2em;width:.7em;height:.7em;margin-right:.45em;display:inline-block}