:root{color-scheme:dark;--bg:#0b0f14;--card:#141b24;--line:#263241;--tx:#d8e2ee;--mut:#8196ad;--ac:#2aa7ff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:16px}
h1{font-size:20px;margin:0 0 4px}
p.s{color:var(--mut);margin:0 0 14px;font-size:13px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px}
label{display:block;font-size:12px;color:var(--mut);margin:0 0 4px}
textarea,input[type=text],input[type=number],select{width:100%;background:#0b1118;color:var(--tx);border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit}
textarea{min-height:60px;resize:vertical}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.row>div{flex:1 1 140px}
input[type=color]{width:100%;height:38px;border:1px solid var(--line);border-radius:6px;background:#0b1118;padding:2px}
input[type=range]{width:100%}
.chk{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.chk label{display:flex;gap:6px;align-items:center;color:var(--tx);font-size:14px;margin:0;cursor:pointer}
.sw,.sy{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.sw button{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);cursor:pointer}
.sy button{min-width:34px;height:34px;background:#0b1118;color:var(--tx);border:1px solid var(--line);border-radius:6px;font-size:17px;cursor:pointer}
#pv{background:#000;border:1px solid var(--line);border-radius:6px;padding:14px;min-height:56px;word-break:break-word;font-family:Verdana,Tahoma,sans-serif}
#out{font-family:ui-monospace,Consolas,monospace;font-size:13px;min-height:70px}
button.p{background:var(--ac);color:#00131f;border:0;border-radius:6px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;margin-top:8px}
.m{font-size:12px;color:var(--mut);margin-top:6px}
.bad{color:#ff7a5c}