:root{--bg:#fff;--surface:#fff;--ink:#29232c;--muted:#706c75;--line:#ded9df;--soft:#f9f7f9;--accent:#4a2555;--accent-hover:#36193f;--danger:#a34242}
body{background:#fff;color:var(--ink);font-size:13px}
.app-header{height:72px;background:#fff}
.header-inner{max-width:1260px;padding:0 42px}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.04em}
.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:4px;background:var(--accent);color:#fff;font-size:16px;line-height:1}
.header-label,.header-note{font-size:11px;color:var(--muted)}
main{max-width:1260px;padding:31px 42px 60px}
.page-intro{margin-bottom:22px}
h1{font-size:27px;letter-spacing:-.055em;margin-bottom:7px}
.page-intro p{font-size:13px}
h2{font-size:13px;letter-spacing:-.02em}
.scope{font-size:11px}
.workspace{grid-template-columns:300px minmax(0,1fr);gap:16px}
.panel{border-color:var(--line);border-radius:5px;box-shadow:none}
.panel-head{padding:16px 18px}
.panel-body{padding:18px}
.panel-subtitle{font-size:11px;margin-top:4px}
.source-tabs{gap:13px;margin:0 18px}
.source-tabs button{color:var(--muted);font-size:11px;padding:11px 1px}
.source-pane p{font-size:12px}
.file-target{min-height:120px;border-color:#c7bdca;border-radius:5px;background:#fbfafb}
.file-target:hover{background:#f4edf6}
.file-target strong{font-size:12px}
.file-target span,.source-note{font-size:11px}
.source-note{padding:12px 18px}
.web-steps{color:var(--ink);font-size:12px}
.web-hint{background:var(--soft);border:1px solid var(--line);border-radius:5px;color:var(--muted)}
.advanced summary{color:var(--accent)}
textarea,select,.name-input{border-color:#c9c2cc;border-radius:5px}
textarea:focus,select:focus,.name-input:focus{box-shadow:0 0 0 3px #4a25551a}
.small-button{border-color:var(--line);border-radius:5px;color:var(--accent)}
.small-button:hover{background:var(--soft)}
.status{color:var(--muted)}
.count{border-radius:3px;background:#f2ebf4;color:var(--accent)}
.queue-panel{min-height:420px}
.empty-state{min-height:330px}
.item{border-color:#eee9ef}
.item img{border-color:var(--line);border-radius:5px;background:repeating-conic-gradient(#f2eff3 0 25%,#fff 0 50%) 50%/12px 12px}
.register-panel{margin-top:16px}
.primary{border-radius:5px}
.preview-banner{border-color:var(--line);border-radius:5px;background:var(--soft);color:var(--accent)}
@media(max-width:830px){.workspace{grid-template-columns:1fr}}
@media(max-width:520px){main{padding:24px 16px 40px}.header-inner{padding:0 16px}.register-action{flex-direction:column;align-items:stretch}}