:root{--bg: #0e1116;--panel: #151920;--panel-2: #1b212a;--line: #262c36;--text: #e8eaed;--muted: #8b95a3;--accent: #2f6feb;--danger: #d9534f;--ok: #2ea043;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.muted{color:var(--muted)}.small{font-size:11.5px}.grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:5px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:6px 10px;font:inherit;cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){border-color:#3a4351}.btn:disabled{opacity:.4;cursor:default}.btn.sm{padding:4px 8px;font-size:12px}.btn.ghost{background:transparent}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn.active{border-color:var(--accent);color:#9dc0ff}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 7px;font:inherit;min-width:0}input[type=range]{padding:0;width:76px;accent-color:var(--accent)}.boot,.empty{color:var(--muted);padding:24px;display:flex;gap:8px;align-items:center}.empty.big{justify-content:center;height:100%}.empty-mini{color:var(--muted);padding:32px;text-align:center}.login{max-width:320px;margin:18vh auto;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.login h1{margin:0;font-size:20px}.login p{margin:0}.err{color:var(--danger);font-size:12px}.app{height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;letter-spacing:.3px}.listen{color:var(--muted);font-size:12px}.search{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted)}.search input{width:220px}.toast{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 14px;box-shadow:0 8px 24px #0008}.toast.ok{border-color:#2b6b3a}.toast.err{border-color:#6b2b2b}.body{flex:1;display:flex;min-height:0}.worklist{width:260px;flex:none;overflow-y:auto;border-right:1px solid var(--line);background:var(--panel)}.job{display:block;width:100%;text-align:left;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);padding:9px 11px;cursor:pointer;font:inherit}.job:hover{background:var(--panel-2)}.job.on{background:#1d2531;box-shadow:inset 3px 0 0 var(--accent)}.job-name{font-weight:600}.job-meta,.job-foot{color:var(--muted);font-size:11.5px}.job-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-foot{display:flex;gap:8px;margin-top:3px;flex-wrap:wrap}.pill{border-radius:20px;padding:0 7px;border:1px solid var(--line)}.pill.receiving{color:#d2a24c}.pill.received{color:#6ea8fe}.pill.composed{color:#7ee2a8}.pill.sent{color:var(--ok);border-color:#2b6b3a}.stage{flex:1;display:flex;min-width:0}.film-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.film-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.film-field{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.film-adjust.disabled{opacity:.45}.film-preview-wrap{flex:1;overflow:auto;padding:16px;background:#0a0d12}.film-print-root{display:flex;flex-direction:column;align-items:center;gap:16px}.film-page{width:min(100%,780px);position:relative;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 20px #000a}.film-dark .film-page{background:#000;color:#ddd}.film-light .film-page{background:#fff;color:#111}.film-header{line-height:1.35;flex:none}.film-grid{flex:1;display:grid;gap:4px;min-height:0}.film-cell{position:relative;overflow:hidden;background:inherit;container-type:size;display:flex;align-items:center;justify-content:center;outline:1px solid transparent}.film-cell img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:center}.film-cell.selected{outline-color:var(--accent)}.film-pan-mode .film-cell{cursor:grab}.film-pos{position:absolute;left:3px;top:2px;font-size:10px;color:#8ea0b8;background:#0006;padding:0 4px;border-radius:3px}.film-page-num{position:absolute;right:8px;bottom:4px;font-size:10px;opacity:.7}.film-footnote{padding:7px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px;background:var(--panel)}.side{width:310px;flex:none;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}.side section{padding:12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.side h4{margin:0;font-size:12.5px;display:flex;align-items:center;gap:6px}.side label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}.side p{margin:0}.row{display:flex;align-items:center;gap:6px}.row.wrap{flex-wrap:wrap}.linkbox{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit{list-style:none;margin:0;padding:0;font-size:11.5px;display:flex;flex-direction:column;gap:4px}.audit li{border-bottom:1px dotted var(--line);padding-bottom:3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;display:flex;align-items:center;justify-content:center}.picker{width:min(440px,calc(100% - 32px));max-height:80vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.picker-head,.picker-search,.picker-add{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.picker-head{justify-content:space-between}.picker-tabs{display:flex;gap:6px}.picker-search{color:var(--muted)}.picker-search input{flex:1}.picker-list{flex:1;overflow-y:auto}.picker-row{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 12px;border-bottom:1px solid var(--line)}.picker-pick{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:8px 4px;cursor:pointer}.picker-pick:hover{color:#9dc0ff}.picker-pick span{font-size:11.5px}.picker-add{border-top:1px solid var(--line);border-bottom:0}.picker-add input{flex:1}@media (max-width: 1100px){.body{flex-direction:column}.worklist{width:100%;max-height:30vh;border-right:0;border-bottom:1px solid var(--line)}.stage{flex-direction:column}.side{width:100%;border-left:0;border-top:1px solid var(--line)}}