:root{--ink:#e8edf2;--ink2:#a7b2bd;--ink3:#6c7883;--paper:#0e1216;--paper2:#161c23;--line:#222b34;--view:#05070a;--field:#131920;--accent:#f03a24;--accent2:#c1121f;--warn:#e8a33d;--good:#59c37a;--bad:#ef665e;--r:5px}
*{box-sizing:border-box}html{color-scheme:dark}body{font-family:Inter,"Helvetica Neue",system-ui,-apple-system,Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:14px}
#panel{background:var(--paper)}
header{padding:18px 22px 15px;border-bottom:1px solid var(--line);position:relative}.brand{font-weight:900;letter-spacing:.22em;font-size:25px;color:#fff}.brand b{color:var(--accent)}
h1{font-size:16px;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0}header p{font-size:12.5px;color:var(--ink3);margin:5px 0 0}.langs{position:absolute;top:18px;right:20px;display:flex;gap:4px}
button{font:inherit;border-radius:var(--r);cursor:pointer}.langs button,.mode button,.viewbtn{background:transparent;color:var(--ink3);border:1px solid var(--line);padding:5px 8px;font-size:11px;font-weight:700}.langs button[aria-pressed=true],.mode button[aria-pressed=true]{color:#fff;border-color:var(--accent2);background:linear-gradient(180deg,#ff6a2b,var(--accent2))}
.group{padding:16px 22px;border-bottom:1px solid var(--line)}.group h2{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink2);margin:0 0 12px}.mode{display:flex;gap:4px;margin-bottom:14px}.mode button{flex:1}
.row{margin:0 0 13px}.row:last-child{margin-bottom:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:8px}.row label{font-size:12.5px;color:var(--ink2)}.numwrap{display:flex;align-items:center;gap:4px}.numwrap input{width:58px;text-align:right}.unit{font-size:11px;color:var(--ink3);width:24px}
input[type=number],input[type=text],textarea,select,input[type=file]{font:inherit;font-size:12.5px;background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);padding:6px 8px;width:100%}textarea{resize:vertical;min-height:58px}input[type=color]{width:38px;height:28px;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--field)}
input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5.5px;border-radius:50%;background:#d8e0e8;border:1px solid #05070a}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#d8e0e8;border:1px solid #05070a}
.colorrow{display:flex;gap:12px}.colorpick{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:var(--r);padding:7px 9px}.colorpick span{font-size:12px;color:var(--ink2)}
.adv{display:none}body.expert .adv{display:block}.variant-only{display:none!important}body.expert .variant-only.active{display:block!important}.wifi-only{display:none}.wifi-only.active{display:block}.normal-only.hidden{display:none}.checkrow{display:flex;align-items:center;gap:9px}.checkrow input{width:auto;accent-color:var(--accent)}.note{font-size:11.5px;color:var(--ink3);line-height:1.5;margin:8px 0 0}
#facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}#facts dt{color:var(--ink3)}#facts dd{margin:0;text-align:right}#messages{list-style:none;margin:12px 0 0;padding:0}#messages li{font-size:12px;padding:7px 9px;border-left:2px solid var(--warn);background:rgba(232,163,61,.11);color:#e9b565;margin-top:6px;border-radius:var(--r)}#messages li.good{border-color:var(--good);background:rgba(89,195,122,.10);color:#8ed5a3}#messages li.bad{border-color:var(--bad);background:rgba(239,102,94,.12);color:#ff9a95}
#export{padding:16px 22px 22px;margin-top:auto}.btns{display:grid;grid-template-columns:1fr;gap:8px}.primary,.secondary{padding:10px 12px;font-weight:700;border:1px solid var(--accent2);color:#fff;background:linear-gradient(180deg,#ff6a2b,var(--accent2))}.secondary{background:transparent;border-color:var(--line);color:var(--ink2);font-weight:600}.secondary:hover,.primary:hover{border-color:var(--accent);color:#fff}.primary:disabled,.secondary:disabled{opacity:.35;cursor:not-allowed}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#view{background:radial-gradient(circle at 50% 40%,#111821 0,#05070a 62%)}.viewbtn{padding:7px 10px;background:rgba(14,18,22,.82);color:var(--ink2)}.viewbtn[aria-pressed=true]{color:#fff;border-color:var(--accent2);background:linear-gradient(180deg,#ff6a2b,var(--accent2))}.viewbtn.hidden{display:none}#hud{font-size:12px;color:var(--ink3);pointer-events:none}#hud b{color:var(--ink)}
header img{display:block;width:172px;height:auto;margin:0 0 12px -4px}
/* layout, app bar and phone layout: generator-shell.css (loaded after this file) */