:root{--bg:#fff;--sidebar-bg:#fbfbfa;--text:#37352f;--muted:#787066;--border:#e9e7e2;--border-strong:#d6d3cc;--accent:#2f3437;--accent-hover:#000;--sel:#2f6fed;--sel-soft:#eaf1fe;--success:#2f6b32;--error:#b3261e;--error-bg:#fdecea;--radius:8px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif}#root{height:100%}.app{align-items:stretch;min-height:100vh;display:flex}.main{flex:1;width:100%;min-width:0;max-width:760px;margin:0 auto;padding:48px 40px 80px}.header{margin-bottom:28px}.header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:700}.tagline{color:var(--muted);margin:0;font-size:15px}.muted{color:var(--muted);font-size:13.5px;line-height:1.5}.hint{margin-top:12px}.dropzone{text-align:center;cursor:pointer;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:56px 24px;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--accent);background:#fafafa}.dropzone-icon{margin-bottom:10px;font-size:30px}.dropzone-title{margin-bottom:4px;font-size:17px;font-weight:600}.preview{margin-bottom:18px}.preview-stage{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:0 auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f0f0f0f}.preview-canvas{width:100%;height:auto;display:block}.preview-seal{cursor:pointer;height:auto;position:absolute}.preview-seal.is-selected{outline:2px dashed var(--sel);outline-offset:2px}.preview-hint{text-align:center;margin:12px 0 0}.doc-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.doc-strip{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.doc-chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;max-width:240px;padding:4px 6px 4px 12px;font-size:13px;display:inline-flex}.doc-chip.is-active{border-color:var(--sel);background:var(--sel-soft)}.doc-chip-name{cursor:pointer;font:inherit;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:180px;overflow:hidden}.doc-add{cursor:pointer;color:var(--muted);border-style:dashed;border-color:var(--border-strong);background:0 0;padding:5px 14px}.doc-add:hover{color:var(--text);border-color:var(--accent)}.actions{gap:10px;margin-top:4px;display:flex}.results{margin-top:18px}.result-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.result-item{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.result-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-left:1px solid var(--border);flex-shrink:0;width:320px;height:100vh;padding:24px 20px;position:sticky;top:0;overflow-y:auto}.sidebar.is-collapsed{display:none}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sidebar-title{font-size:16px;font-weight:600}.sidebar-sub{margin:0 0 16px}.sidebar-reopen{z-index:10;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border-right:none;border-radius:8px 0 0 8px;padding:9px 14px;font-size:13px;font-weight:500;position:fixed;top:20px;right:0;box-shadow:-1px 1px 4px #0f0f0f0f}.sidebar-reopen:hover{background:#fafafa}.seal-list{flex-direction:column;gap:8px;display:flex}.seal-item{border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .15s,opacity .15s}.seal-item.is-selected{border-color:var(--sel)}.seal-item.is-disabled{opacity:.55}.seal-item-row{cursor:pointer;align-items:center;gap:8px;padding:8px 10px;display:flex}.seal-item-thumb{border:1px solid var(--border);background:#fbfbfa;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:3px;display:flex;overflow:hidden}.seal-item-thumb img{object-fit:contain;max-width:100%;max-height:100%}.seal-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.seal-controls{border-top:1px solid var(--border);padding:4px 12px 14px}.locked-note{color:var(--muted);margin:10px 0 2px;font-size:12px}.seal-add{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;transition:color .15s,border-color .15s;display:flex}.seal-add:hover{color:var(--text);border-color:var(--accent)}.seal-add-plus{font-size:16px}.remove-all{width:100%;margin-top:14px}.checkbox input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;display:block}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px 5px;font-size:13px;line-height:1;transition:background .15s,color .15s}.icon-btn:hover{color:var(--text);background:#efeee9}.icon-btn.is-on{color:var(--text)}.controls{flex-direction:column;gap:12px;margin-top:12px;display:flex}.controls.is-disabled{opacity:.5}.control{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.control span{color:var(--muted)}.control input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.control input[type=range]:disabled{cursor:default}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--muted);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.banner{border-radius:var(--radius);margin-bottom:16px;padding:11px 14px;font-size:14px}.banner-success{color:var(--success);background:#edf7ed;margin-bottom:0}.banner-error{background:var(--error-bg);color:var(--error)}@media (width<=720px){.sidebar{z-index:20;position:fixed;top:0;right:0;box-shadow:-2px 0 12px #0f0f0f1a}.main{padding:40px 20px 64px}}.detect-badge{margin:4px 0 0;font-size:13.5px}.detect-ok{color:var(--success)}.detect-ok strong{font-weight:600}.detect-fail{color:var(--error)}.dot{vertical-align:middle;margin-right:2px;font-size:9px}.dot-ok{color:var(--success)}.dot-fail{color:var(--error)}.dot-pending{color:var(--muted)}.result-failed{border-color:var(--error-bg);background:var(--error-bg)}