:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e9f3ff;background:#050b14;font-synthesis:none;--control-bg: rgba(6, 17, 29, .92);--control-border: rgba(116, 163, 195, .28);--control-border-hover: rgba(84, 229, 190, .52);--control-ring: rgba(84, 229, 190, .14);--control-text: #e2effb;--muted-text: #8299ad}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(31,176,255,.2),transparent 34rem),radial-gradient(circle at 95% 20%,rgba(58,225,179,.12),transparent 28rem),#050b14}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.shell{width:min(880px,calc(100% - 32px));margin:0 auto;padding:64px 0 32px}header{margin-bottom:30px}h1{margin:6px 0 12px;font-size:clamp(2.4rem,8vw,5rem);line-height:.96;letter-spacing:-.055em}header p{max-width:640px;margin:0;color:#93a8bd;font-size:1.05rem;line-height:1.7}.eyebrow{color:#54e5be;font:700 .72rem/1.2 ui-monospace,monospace;letter-spacing:.18em}.panel{position:relative;margin:16px 0;padding:24px;overflow:hidden;border:1px solid rgba(143,195,226,.16);border-radius:18px;background:linear-gradient(145deg,#0f1d2deb,#08111ce6);box-shadow:0 20px 55px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.setup{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.firmware-section,.options,.actions,.connection-state{grid-column:1 / -1}label{color:#9db0c4;font-size:.82rem;font-weight:650}input[type=file],input[type=text],input[type=url]{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--control-border);border-radius:11px;color:var(--control-text);background:var(--control-bg);outline:none;font:560 .88rem/1.35 Inter,Segoe UI,system-ui,sans-serif;box-shadow:inset 0 1px #ffffff06,0 1px 2px #0000002e;transition:border-color .16s,box-shadow .16s,background-color .16s}input::placeholder{color:#60778b}input:hover{border-color:var(--control-border-hover);background-color:#081624f5}input:focus{border-color:#42d9b8;box-shadow:0 0 0 3px var(--control-ring),inset 0 1px #ffffff08}input[type=file]{padding:5px 6px;color:#91a6b9;cursor:pointer}input[type=file]::file-selector-button{min-height:34px;margin-right:12px;padding:0 14px;border:1px solid rgba(84,229,190,.22);border-radius:8px;color:#d8f5ec;background:linear-gradient(145deg,#203749,#172a3a);cursor:pointer;font:700 .8rem/1 Inter,Segoe UI,system-ui,sans-serif;transition:border-color .16s,background-color .16s,color .16s}input[type=file]:hover::file-selector-button{border-color:#54e5be85;color:#65ebc8;background:#20394a}.custom-select{position:relative;min-width:0}.native-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.custom-select-trigger{position:relative;width:100%;min-height:46px;padding:10px 42px 10px 14px;border:1px solid var(--control-border);border-radius:11px;color:var(--control-text);background:var(--control-bg);text-align:left;box-shadow:inset 0 1px #ffffff06,0 1px 2px #0000002e;font:650 .88rem/1.35 Inter,Segoe UI,system-ui,sans-serif;transition:border-color .16s,box-shadow .16s,background-color .16s}.custom-select-trigger:after{content:"";position:absolute;top:50%;right:17px;width:7px;height:7px;border-right:2px solid #63dcbf;border-bottom:2px solid #63dcbf;transform:translateY(-65%) rotate(45deg);transition:transform .18s}.custom-select-trigger:not(:disabled):hover{border-color:var(--control-border-hover);background:#081624f5;transform:none}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{border-color:#42d9b8;outline:none;box-shadow:0 0 0 3px var(--control-ring),inset 0 1px #ffffff08}.custom-select.open .custom-select-trigger:after{transform:translateY(-20%) rotate(225deg)}.custom-select-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;max-height:260px;padding:6px;overflow:auto;border:1px solid rgba(84,229,190,.3);border-radius:11px;background:#081623fa;box-shadow:0 18px 45px #00000073,inset 0 1px #ffffff09;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.985);transform-origin:top;transition:opacity .14s,visibility .14s,transform .14s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-color:#29475b transparent}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.custom-select-option{min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:#b9ccdc;background:transparent;box-shadow:none;text-align:left;font:620 .84rem/1.25 Inter,Segoe UI,system-ui,sans-serif}.custom-select-option:hover,.custom-select-option:focus-visible{border-color:#54e5be26;outline:none;color:#e5fff8;background:#54e5be17;transform:none}.custom-select-option[aria-selected=true]{color:#65ebc8;background:#54e5be21}.custom-select-option[aria-selected=true]:after{content:"✓";float:right;color:#54e5be}.firmware-section{padding-top:4px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading h2{margin:4px 0 0;font-size:1.1rem}.image-actions{display:flex;gap:8px}.zip-url-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:12px}.zip-url-panel.hidden{display:none}.zip-url-panel input{min-width:0}.directory-hint{margin:-3px 0 12px;color:#71869a;font-size:.76rem;line-height:1.5}.firmware-list{display:flex;flex-direction:column;gap:10px}.firmware-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.42fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid rgba(143,195,226,.13);border-radius:13px;background:#050d1673}.firmware-row .field{min-width:0}.selected-file{display:flex;align-items:center;min-height:46px;padding:10px 14px;overflow:hidden;border:1px solid var(--control-border);border-radius:11px;color:var(--control-text);background:var(--control-bg);font:.78rem/1.35 ui-monospace,Cascadia Code,monospace;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 1px #ffffff06,0 1px 2px #0000002e}.firmware-row .remove-firmware{width:44px;padding:0;color:#ffb29f;background:#84362b4d}.compact{min-height:36px;padding:0 14px}.options{display:flex;gap:24px;padding-top:4px}.options label{display:flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox]{accent-color:#48dcb8}.actions{display:flex;gap:12px}button{min-height:44px;padding:0 19px;border:0;border-radius:11px;cursor:pointer;font-weight:760;letter-spacing:.01em;transition:transform .15s,opacity .15s,box-shadow .15s}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}.primary{color:#032018;background:linear-gradient(135deg,#61f1c9,#27bfbd);box-shadow:0 8px 25px #27bfbd33}.secondary{color:#c4d1dd;background:#182838}.connection-state{margin-top:-8px;color:#7f94a8;font:650 .8rem/1.4 ui-monospace,monospace}.connection-state.connected{color:#54e5be}.status-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.status-row strong{display:block;margin-top:6px;font-size:1.15rem}#percent{color:#5ee4c2;font:700 1rem ui-monospace,monospace}progress{width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;background:#132334}progress::-webkit-progress-bar{background:#132334}progress::-webkit-progress-value{background:linear-gradient(90deg,#23a9d8,#5ee4c2);border-radius:99px}#log{height:240px;margin:20px 0 0;padding:18px;overflow:auto;border:1px solid var(--control-border);border-radius:12px;color:#b5ccdd;background:linear-gradient(145deg,#030a11eb,#050f19e0);font:.78rem/1.72 ui-monospace,Cascadia Code,monospace;white-space:pre-wrap;box-shadow:inset 0 1px 8px #00000047;scrollbar-color:#29475b transparent}#log:empty:before{content:"等待操作…";color:#536b7e}.toast{position:fixed;z-index:1000;left:50%;bottom:30px;display:flex;align-items:center;gap:10px;min-width:250px;max-width:calc(100% - 32px);padding:14px 18px;border:1px solid rgba(84,229,190,.4);border-radius:13px;color:#dffcf4;background:#091d22f5;box-shadow:0 18px 48px #00000061,0 0 0 1px #54e5be0a;opacity:0;pointer-events:none;transform:translate(-50%,18px) scale(.97);transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.88rem;font-weight:650}.toast.visible{opacity:1;transform:translate(-50%) scale(1)}.toast-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:50%;color:#06251c;background:#54e5be;font-size:.8rem;font-weight:900}.notice{margin-bottom:16px;padding:14px 16px;border:1px solid #8e5942;border-radius:12px;color:#ffc2a3;background:#803e2440}.hidden{display:none}footer{padding:14px 4px;color:#65798c;font-size:.76rem;text-align:center}@media(max-width:620px){.shell{width:min(100% - 20px,880px);padding-top:38px}.panel{padding:18px;border-radius:14px}.setup{grid-template-columns:1fr}.field,.firmware-section,.options,.actions,.connection-state{grid-column:1}.firmware-row{grid-template-columns:1fr auto}.firmware-row .file-field{grid-column:1 / -1}.section-heading{align-items:stretch;flex-direction:column}.image-actions{display:grid;grid-template-columns:1fr 1fr}.zip-url-panel{grid-template-columns:1fr}.options{flex-direction:column;gap:12px}.actions{flex-direction:column}}