:root{color-scheme:dark;--bg:#121417;--panel:#1a1d22;--input:#22262c;--button:#30363e;--text:#d5d2c9;--muted:#7e858d;--accent:#c68b49;--green:#86c6ad;--red:#e1958d;--line:rgba(255,255,255,.07);font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}
button{height:28px;padding:0 9px;white-space:nowrap;border:1px solid var(--line);border-radius:4px;background:var(--button);color:var(--text);cursor:pointer;transition:background .13s,border-color .13s}button:hover{background:#3d454f;border-color:#ffffff20}button:disabled{opacity:.4;cursor:default}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:#211b10;font-weight:600;border-color:#c68b4940}.primary:hover{background:#d49857;border-color:#d4985766}
input{display:block;width:100%;height:28px;min-width:0;margin:5px 0;padding:4px 8px;background:var(--input);border:1px solid var(--line);border-radius:4px;color:var(--text);outline:none;font-weight:400}input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #c68b492e}input::placeholder{color:var(--muted)}
header{height:54px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#3a3025;color:#d2a363;font-size:17px}.brand strong{font-size:15px;font-weight:600;letter-spacing:.4px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.7px}
main{max-width:1160px;margin:0 auto;padding:12px}h1{font-size:17px;line-height:24px;letter-spacing:.4px;margin:0;color:#e8e4da}h2{font-size:15px;line-height:22px;margin:0;font-weight:600;color:#e8e4da;overflow-wrap:anywhere}h2:before{content:"";display:inline-block;width:2px;height:17px;background:var(--accent);vertical-align:-3px;margin-right:8px}p{margin:6px 0}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted)}.muted,.hint,.notice{color:var(--muted)}.hint,.notice{font-size:11px;line-height:1.7}
.heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:8px;background:var(--panel);border-radius:6px}.heading .eyebrow{display:none}.heading p{font-size:11px;margin:2px 0 0}.card{background:var(--panel);border-radius:6px;padding:12px;box-shadow:inset 0 0 0 1px var(--line),0 2px 8px #00000024;min-width:0}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:8px;align-items:start}aside.card{padding:10px}.aside-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.aside-head strong{font-size:13px;font-weight:600}.pill{padding:2px 6px;border-radius:4px;font-size:11px;background:var(--input);color:var(--muted);white-space:nowrap}aside .hint{margin:8px 0 10px}nav{display:grid;gap:4px}nav button{height:auto;min-height:31px;text-align:left;white-space:normal;overflow-wrap:anywhere;background:transparent;border-color:transparent}nav button[aria-current="true"]{background:#3a3025;color:#d2a363;border-color:#c68b4938}nav button small{display:block;color:var(--red);font-size:11px;margin:2px 0}
.editor{min-height:418px}.editor-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.editor-title .eyebrow{display:none}.path{padding:7px 8px;background:var(--input);border:1px solid var(--line);border-radius:4px;color:var(--muted);font:11px/1.6 Consolas,monospace;overflow-wrap:anywhere;margin:8px 0 14px}label{display:block;font-size:12px;margin:11px 0;font-weight:400}label small{display:block;color:var(--muted);font-size:11px;font-weight:400}.actions{display:flex;justify-content:flex-end;gap:6px;padding-top:10px;margin-top:12px;border-top:1px solid var(--line)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.site-footer small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.site-footer code{font:12px/1.6 Consolas,monospace;color:#d2a363;overflow-wrap:anywhere}.notice{margin:8px 0}.global-footer{padding:10px;text-align:center;color:var(--muted);font-size:10px}
.login{width:390px;max-width:100%;padding:18px;margin:80px auto}.login .eyebrow{display:block;margin-bottom:5px}.login h1{font-size:17px;margin-bottom:8px}.login .muted{font-size:11px;line-height:1.7;margin-bottom:15px}.login .primary{width:100%;margin-top:7px}#status:not(:empty){margin-top:8px;padding:8px 10px;border:1px solid #86c6ad25;border-radius:4px;background:#20392e;color:var(--green);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#status.error{background:#35292b;color:var(--red);border-color:#e1958d25}
dialog{width:470px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #ffffff1f;border-radius:6px;padding:12px;background:var(--panel);color:var(--text);box-shadow:0 16px 60px #0008}dialog::backdrop{background:#0008}dialog p{line-height:1.8;overflow-wrap:anywhere;margin:12px 0}#empty{padding:18px 8px}
@media(max-width:740px){header{padding:8px}main{padding:8px}.layout{grid-template-columns:1fr}.heading{flex-wrap:wrap}.heading h1{font-size:15px}.site-footer{flex-wrap:wrap}.site-footer div{min-width:0}.login{margin-top:40px}.brand small{font-size:9px}nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor{min-height:0}}

nav{margin-top:10px}.upload-field{margin:11px 0}.upload-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.upload-row .muted{font-size:11px;overflow-wrap:anywhere;min-width:0}

.workspace-brand{min-width:0}.workspace-brand .mark{flex:none}.heading-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heading-title small{margin:0;font-size:9px;white-space:nowrap}.heading-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}

.layout>.notice{grid-column:2;margin:0;padding:0 20px;text-align:left}#empty{text-align:left}@media(max-width:740px){.layout>.notice{grid-column:1}}

#workspace{padding-top:12px}#workspace>.heading{padding:12px;margin-bottom:14px}

.layout>#status{grid-column:2;min-width:0;width:100%;margin-top:0}@media(max-width:740px){.layout>#status{grid-column:1}}

.layout>#status:empty{display:none}

#qr-selection.upload-success{color:var(--green)}

/* Inline site notes: separate from selection/config save. */
#sites .site-row{display:flex;align-items:center;gap:4px;min-width:0}#sites .site-select{flex:1;min-width:0;padding-left:8px;padding-right:3px}#sites .site-note{display:block;flex:0 1 88px;min-width:34px;max-width:88px}#sites .note-button{display:block;width:100%;min-height:25px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);background:var(--input);font-size:11px}#sites .note-button.placeholder{color:var(--muted);background:transparent}#sites .note-input{margin:0;width:100%;padding:3px 4px;font-size:11px}#sites .note-error{border-color:var(--red)}