:root{--ink:#202922;--muted:#73796f;--paper:#f4f3ed;--line:#dfe1d7;--green:#295c43;--light:#e7eee5;--red:#aa3e33}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;padding:9px 16px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{color:var(--ink);background:transparent;border-color:var(--line)}button.danger{color:var(--red);background:white;border-color:#e7c8c3}input,select{width:100%;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink)}input:focus,select:focus{outline:2px solid #aac9b4;outline-offset:1px}label{display:grid;gap:6px;font-size:13px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.3;letter-spacing:-1px;margin-bottom:10px}h2{font-size:21px}h3{font-size:19px;margin-bottom:4px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green)}.muted{color:var(--muted);font-size:13px}.error{color:var(--red)}.panel,.account-card,.device-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.login-shell{max-width:1100px;margin:0 auto;min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:50px}.login-intro h1{font-size:52px;line-height:1.4;margin-top:22px}.login-intro p{color:var(--muted)}.orbit{font-size:110px;color:var(--green);line-height:1.2;margin-top:30px}.login-form{display:grid;gap:18px;padding:38px}.login-form h2{margin:0}.login-form p{margin-bottom:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid var(--line);background:#fafaf6}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--green);font-size:23px}.brand strong{font-size:15px;letter-spacing:1px}.brand span{color:var(--muted);font-size:12px;border-left:1px solid var(--line);padding-left:12px}.user-actions{display:flex;gap:10px;align-items:center;font-size:13px}.user-actions button{font-size:12px;padding:5px 10px}main{max-width:1260px;margin:auto;padding:38px 30px}.page-title,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{margin-bottom:25px}.pill{border-radius:30px;font-size:12px;padding:6px 12px;background:var(--light);color:var(--green)}.notice{background:#f5eacc;border:1px solid #e6d6a8;border-radius:9px;padding:12px 16px;margin-bottom:18px;font-size:13px}nav{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:24px}nav button{background:transparent;border:0;color:var(--muted);border-radius:0;padding:12px 18px}nav button.active{color:var(--green);border-bottom:3px solid var(--green)}.section-title{margin:22px 0}.section-title p{margin:0;color:var(--muted);font-size:14px}.section-title h2{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.account-card,.device-card{min-width:0}.card-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.state{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 8px;border-radius:5px;white-space:nowrap}.state.ok{color:var(--green);background:var(--light);border-color:var(--light)}.quota{margin:18px 0}.quota-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.quota-label strong{font-size:16px}progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:var(--light);accent-color:var(--green)}progress::-webkit-progress-bar{background:var(--light)}progress::-webkit-progress-value{background:var(--green)}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.actions button,.actions a{font-size:12px;padding:6px 10px}.actions a{border:1px solid var(--line);border-radius:7px;color:var(--ink);text-decoration:none}.metadata{font-size:12px;color:var(--muted);margin-bottom:0}.empty{padding:50px 20px;text-align:center;grid-column:1/-1;background:#ffffff80;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.table-wrap{overflow:auto;padding:8px 20px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:12px;font-weight:500}td,th{padding:13px 10px;border-bottom:1px solid var(--line)}td button{font-size:12px;padding:4px 9px}tr:last-child td{border:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.form-grid .full{grid-column:1/-1}footer{margin-top:44px;font-size:12px;color:var(--muted)}dialog{width:min(700px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:16px;padding:25px;color:var(--ink)}dialog::backdrop{background:#17251b66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{margin:0}.dialog-heading button{font-size:20px;border:0;padding:0 9px}dialog form{display:grid;gap:16px}.window-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin:10px 0;align-items:end}.sleep-row{grid-template-columns:1fr 1fr auto}.window-row button{padding:8px}.window-title{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.window-title strong{font-size:14px}.window-title button{font-size:12px;padding:3px 9px}.code-box{background:var(--paper);padding:18px;border-radius:10px;overflow-wrap:anywhere}.code-box code{font-size:20px;letter-spacing:2px}.preview{width:100%;max-width:400px;image-rendering:pixelated;border:1px solid var(--line);display:block;margin:auto}.token{font:13px/1.7 monospace;word-break:break-all;background:var(--paper);padding:14px}#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:white;box-shadow:0 8px 25px #0002;border-radius:9px;padding:12px 24px;max-width:90vw;font-size:14px}dialog .error{margin:0;font-size:13px}@media(max-width:700px){.login-shell{grid-template-columns:1fr;padding:30px 20px;gap:20px}.login-intro h1{font-size:34px}.orbit{display:none}.login-form{padding:25px}header{padding:14px 16px}.brand span{display:none}.user-actions{gap:5px}.user-actions>span{display:none}main{padding:25px 16px}.page-title{display:block}.pill{display:inline-block;margin-top:8px}h1{font-size:29px}.cards{grid-template-columns:1fr}nav{overflow:auto}nav button{white-space:nowrap;padding:10px 12px}.window-row{gap:5px}.window-row input{padding:6px 3px}.window-row label{font-size:11px}.panel,.account-card,.device-card{padding:18px}.table-wrap{padding:5px}dialog{padding:20px}}

.playlist-row{border:1px solid #ddd;padding:16px;margin:12px 0;border-radius:12px}.mode-choice{display:flex;align-items:center;gap:10px}.mode-choice input{width:auto}textarea{width:100%;box-sizing:border-box;padding:10px;font:13px monospace}details{margin:12px 0}
#tab-ops .panel { margin-bottom: 18px; overflow-wrap: anywhere; }
#tab-ops fieldset label { display: inline-flex; align-items: center; margin-right: 18px; gap: 7px; }
#tab-ops input[type="checkbox"] { width: auto; }