@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:opsz,wght@9..40,400;9..40,500&display=swap";:root{--brand: #169fe6;--brand-dk: #1285c1;--brand-lt: #42b3ed;--brand-subtle: rgba(22, 159, 230, .1);--brand-ring: rgba(22, 159, 230, .3);--orange: #f26109;--orange-dk: #e64011;--orange-subtle: rgba(242, 97, 9, .1);--orange-ring: rgba(242, 97, 9, .3);--bg: #eef2f6;--panel: #ffffff;--panel-muted: #f5f7fa;--panel-raised: #ffffff;--overlay: rgba(255, 255, 255, .7);--border: #dde2e9;--border-strong: #b8c1cc;--border-focus: var(--brand);--text: #1c2733;--text-soft: #566575;--text-faint: #8fa0b0;--text-invert: #ffffff;--ok-bg: #e2f5e9;--ok-text: #1b5e32;--ok-border: #a8ddb8;--warn-bg: #fff8e1;--warn-text: #7a5200;--warn-border: #ffd54f;--info-bg: #e3f2fd;--info-text: #0d4f80;--info-border: #90caf9;--err-bg: #fce8e8;--err-text: #8b1a1a;--err-border: #e89090;--shadow-xs: 0 1px 3px rgba(0,0,0,.07);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow: 0 4px 20px rgba(0,0,0,.09);--shadow-lg: 0 8px 36px rgba(0,0,0,.11);--shadow-inset: inset 0 1px 3px rgba(0,0,0,.06);--r-xs: 6px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;--sidebar: clamp(260px, 24vw, 400px);--max-w: 1900px;--pad: clamp(10px, 1.8vw, 22px);--gap: clamp(8px, 1.2vw, 14px);--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "DM Mono", "Consolas", "Courier New", monospace;--text-xs: .72rem;--text-sm: .82rem;--text-base: .92rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--t-fast: 80ms ease;--t: .14s ease;--t-slow: .22s ease;font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg: #0d1117;--panel: #161c24;--panel-muted: #1c2430;--panel-raised: #202a36;--overlay: rgba(22, 28, 36, .8);--border: #2a3548;--border-strong: #384d62;--text: #dce8f2;--text-soft: #7a96aa;--text-faint: #4a6070;--text-invert:#0d1117;--brand-subtle: rgba(22, 159, 230, .14);--brand-ring: rgba(22, 159, 230, .35);--orange-subtle: rgba(242, 97, 9, .14);--orange-ring: rgba(242, 97, 9, .35);--ok-bg: #0f2e18;--ok-text: #7dd99a;--ok-border: #2a6b3e;--warn-bg: #2a1f06;--warn-text: #e8c060;--warn-border:#7a5a00;--info-bg: #091d30;--info-text: #71c5f0;--info-border:#1a4a72;--err-bg: #2a0e0e;--err-text: #f08080;--err-border: #7a2a2a;--shadow-xs: 0 1px 3px rgba(0,0,0,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 4px 20px rgba(0,0,0,.35);--shadow-lg: 0 8px 36px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,textarea,a{font:inherit}button,input,textarea{color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.app-shell{max-width:var(--max-w);margin:0 auto;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);min-height:100dvh}.logo-marquee{display:flex;justify-content:center}.app-logo{max-width:min(100%,380px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:0 20px;height:64px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-shrink:0}.app-brand{display:flex;align-items:center;gap:12px;min-width:0}.app-brand-icon{width:36px;height:36px;border-radius:var(--r-sm);background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-title{min-width:0}.app-kicker{margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.app-bar h1{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.meta-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);background:var(--panel-muted);border:1px solid var(--border);color:var(--text-soft);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.theme-switcher{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--panel-muted);border:1px solid var(--border)}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--text-faint);transition:background var(--t),color var(--t)}.theme-btn:hover{background:var(--panel-raised);color:var(--text)}.theme-btn.active{background:var(--brand);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-muted);color:var(--text-soft);transition:background var(--t),border-color var(--t),color var(--t),transform var(--t)}.icon-btn:hover{background:var(--panel-raised);color:var(--text);transform:translateY(-1px)}.icon-btn.active{background:var(--brand);border-color:var(--brand-dk);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;height:36px;border-radius:var(--r-pill);border:none;font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:transform var(--t),opacity var(--t),background var(--t),box-shadow var(--t);flex-shrink:0}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dk)}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-dk)}.btn-ok{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border)}.btn-warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.btn-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.btn-danger{background:var(--err-bg);color:var(--err-text);border:1px solid var(--err-border)}.btn-ghost{background:var(--panel-muted);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--panel-raised);border-color:var(--border-strong)}.btn-teal{background:#0b6b60;color:#f0fffd}.btn-teal:hover{background:#095c52}.btn-sm{height:30px;padding:0 12px;font-size:var(--text-xs)}.refresh-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:var(--r-pill);border:none;background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background var(--t),transform var(--t),box-shadow var(--t)}.refresh-btn:hover{background:var(--brand-dk);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.refresh-btn:disabled{opacity:.65;cursor:wait;transform:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px;display:grid;grid-template-columns:auto minmax(180px,260px) minmax(180px,260px) auto;gap:16px;align-items:end}.settings-heading{margin:0;font-size:var(--text-md);font-weight:700}.settings-kicker{margin:0 0 6px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.settings-field{display:grid;gap:6px}.settings-label{font-size:var(--text-sm);color:var(--text-soft);font-weight:500}.settings-field input[type=file],.settings-field input[type=range]{width:100%}.settings-value{font-size:var(--text-sm);color:var(--text-faint)}.banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r);font-size:var(--text-sm);font-weight:500;border:1px solid}.banner-ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.banner-err{background:var(--err-bg);color:var(--err-text);border-color:var(--err-border)}.banner-inline{background:var(--err-bg);color:var(--err-text);border-color:var(--err-border);margin-top:10px}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:var(--gap);flex:1;min-height:0}.queue-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.queue-head{padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.queue-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.section-kicker{margin:0 0 4px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.queue-title{margin:0;font-size:var(--text-md);font-weight:700}.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--r-pill);background:var(--brand-subtle);color:var(--brand);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.queue-sub{margin:6px 0 0;font-size:var(--text-xs);color:var(--text-faint)}.queue-body{flex:1;overflow-y:auto;padding:10px 10px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.queue-empty{padding:40px 20px;text-align:center;color:var(--text-faint);font-size:var(--text-sm)}.queue-group{display:flex;flex-direction:column;gap:4px}.queue-group-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 4px}.queue-group-name{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);display:flex;align-items:center;gap:5px}.queue-group-count{font-size:var(--text-xs);color:var(--text-faint);font-weight:500}.queue-item{position:relative;display:grid;gap:4px;width:100%;padding:10px 12px 10px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel-muted);text-align:left;transition:transform var(--t),border-color var(--t),background var(--t),box-shadow var(--t);overflow:hidden}.queue-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border);border-radius:var(--r) 0 0 var(--r);transition:background var(--t)}.queue-item[data-ai-state=ready]:before{background:var(--ok-text)}.queue-item[data-ai-state=queued]:before{background:var(--brand-lt)}.queue-item[data-ai-state=error]:before{background:var(--err-text)}.queue-item:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.queue-item.selected{background:var(--brand-subtle);border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.queue-item.selected:before{background:var(--brand)}.q-row{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:var(--text-xs);overflow:hidden}.q-row-primary{font-size:var(--text-sm);font-weight:700;color:var(--text)}.q-id{color:var(--brand);font-weight:700;flex-shrink:0}.q-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.q-meta{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-state{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex-shrink:0}.q-state.state-ready{color:var(--ok-text)}.q-state.state-queued{color:var(--brand)}.q-state.state-error{color:var(--err-text)}.review-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.review-head{padding:16px 18px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.review-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.review-title{min-width:0;flex:1}.review-title h2{margin:4px 0 0;font-size:var(--text-xl);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-action-strip{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.status-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;border:1px solid;white-space:nowrap}.chip-default{background:var(--panel-muted);color:var(--text-soft);border-color:var(--border)}.chip-ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.chip-warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.chip-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.chip-err{background:var(--err-bg);color:var(--err-text);border-color:var(--err-border)}.chip-brand{background:var(--brand-subtle);color:var(--brand-dk);border-color:var(--brand-ring)}.chip-orange{background:var(--orange-subtle);color:var(--orange-dk);border-color:var(--orange-ring)}.review-info-rows{margin-top:10px;display:flex;flex-direction:column;gap:3px}.review-info-row{font-size:var(--text-xs);color:var(--text-faint);display:flex;align-items:center;gap:6px}.review-info-row b{color:var(--text-soft);font-weight:600}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);flex:1;min-height:0;padding:var(--gap);overflow:hidden}.review-col{display:flex;flex-direction:column;min-height:0;border-radius:var(--r);background:var(--panel-muted);border:1px solid var(--border);overflow:hidden}.col-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.col-title{display:flex;align-items:center;gap:8px}.col-label{font-size:var(--text-sm);font-weight:700;color:var(--text)}.col-kicker{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:1px}.col-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;background:var(--panel-raised);border:1px solid var(--border);color:var(--text-soft)}.pill-ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.pill-brand{background:var(--brand-subtle);color:var(--brand-dk);border-color:var(--brand-ring)}.col-body{flex:1;overflow:auto;padding:14px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.col-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--text)}.col-body p{margin:0;color:var(--text-soft);font-size:var(--text-sm)}.review-html{color:var(--text);line-height:1.6}.review-html img{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:var(--r-sm);border:1px solid var(--border)}.review-html p,.review-html div{max-width:100%;overflow-wrap:break-word}.review-html a{color:var(--brand);text-decoration:underline}.draft-col-inner{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 14px 14px;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.subject-field{display:grid;gap:5px;flex-shrink:0}.field-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.field-hint{justify-self:end;font-size:var(--text-xs);color:var(--text-soft)}.subject-input{width:100%;height:38px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:var(--text-sm);transition:border-color var(--t),box-shadow var(--t)}.subject-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.editor-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex-shrink:0}.toolbar-divider{width:1px;height:22px;background:var(--border);margin:0 2px;flex-shrink:0}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--panel);color:var(--text-soft);font-size:var(--text-sm);transition:background var(--t),border-color var(--t),color var(--t)}.toolbar-btn:hover{background:var(--panel-muted);border-color:var(--border-strong);color:var(--text)}.color-picker-wrap{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--panel);color:var(--text-soft);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background var(--t),border-color var(--t)}.color-picker-wrap:hover{background:var(--panel-muted);border-color:var(--border-strong)}.color-picker-input{width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;cursor:pointer}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:1px solid var(--border);border-radius:4px}.draft-editor{flex:1;min-height:220px;padding:12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);line-height:1.55;overflow-y:auto;transition:border-color var(--t),box-shadow var(--t);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.draft-editor:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.draft-editor[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.draft-editor p,.draft-editor ul,.draft-editor ol,.draft-editor li{margin:0}.draft-editor p,.draft-editor li{line-height:1.55}.draft-editor ul,.draft-editor ol{padding-left:1.2rem}.draft-editor a{color:var(--brand);text-decoration:underline}.editor-helper{font-size:var(--text-xs);color:var(--text-faint);flex-shrink:0}.editor-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.debug-panel{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-muted);overflow:hidden;flex-shrink:0}.debug-panel summary{padding:8px 12px;font-size:var(--text-xs);font-weight:600;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.debug-panel summary:hover{color:var(--text)}.debug-panel pre{margin:0;padding:12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;overflow:auto}.review-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:60px 20px;color:var(--text-soft)}.review-empty svg{color:var(--text-faint);margin-bottom:8px}.review-empty h2{margin:0;font-size:var(--text-xl);color:var(--text)}.review-empty p{margin:0;font-size:var(--text-sm);max-width:36ch}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 9px;border-radius:var(--r-xs);background:var(--text);color:var(--panel);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t),transform var(--t);z-index:50}[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1280px){:root{--sidebar: clamp(240px, 30vw, 360px)}.settings-panel{grid-template-columns:1fr 1fr}}@media (max-width: 1060px){.workspace,.review-grid{grid-template-columns:1fr}.queue-body{max-height:340px}}@media (max-width: 760px){.app-bar{height:auto;flex-direction:column;align-items:flex-start;padding:14px 16px;gap:10px}.app-bar-actions{width:100%;justify-content:flex-start}.settings-panel{grid-template-columns:1fr}.review-head-top{flex-direction:column}.review-action-strip{justify-content:flex-start}.meta-chips{display:none}}@media (max-width: 480px){:root{--pad: 10px;--gap: 8px}}