html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#0f172a;background-color:#f1f5f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:linear-gradient(160deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#app{background:#fff;border-radius:16px;width:min(560px,90vw);padding:32px;box-shadow:0 24px 48px #0f172a26}h1{color:#1e293b;margin-top:0;font-size:1.8rem}section+section{margin-top:24px}fieldset{border:1px solid #cbd5f5;border-radius:12px;padding:16px 20px 20px}legend{color:#334155;padding:0 12px;font-weight:600}label{margin-bottom:8px;font-weight:500;display:block}select,input[type=color],input[type=text],button{box-sizing:border-box;border:1px solid #cbd5f5;border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}button{cursor:pointer;color:#fff;background:#2563eb;border-color:#2563eb;margin-top:12px;font-weight:600;transition:background .2s,transform .1s}button:disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}button:hover:not(:disabled){background:#1d4ed8}button:active:not(:disabled){transform:translateY(1px)}.switcher{align-items:center;gap:12px;display:flex}.switcher input{accent-color:#2563eb;width:auto}#status{color:#1e293b;background:#f1f5f9;border-radius:10px;min-height:24px;margin-top:16px;padding:12px;font-size:.95rem}#preview{color:#0f172a;border:1px solid #cbd5f5;border-radius:14px;justify-content:center;align-items:center;height:56px;margin-top:18px;font-weight:600;display:flex}