:root{--bg: #eef1f4;--bg-2: #e3e8ee;--surface: #ffffff;--surface-2: #f6f8fa;--border: #d7dde4;--border-2: #e6eaef;--text: #1a1f26;--muted: #6a7480;--accent: #14181d;--accent-ink: #ffffff;--primary: #c13515;--primary-ink: #ffffff;--danger: #b3261e;--shadow: 0 6px 26px rgba(20, 24, 29, .16);--focus: #2563eb;--scroll-thumb: rgba(20, 24, 29, .2);--scroll-thumb-hover: rgba(20, 24, 29, .38)}:root[data-theme=dark]{--bg: #0e1216;--bg-2: #0a0d10;--surface: #171c22;--surface-2: #1e242b;--border: #2a323b;--border-2: #232a31;--text: #e7ecf1;--muted: #9aa4b0;--accent: #e7ecf1;--accent-ink: #14181d;--primary: #e0521f;--primary-ink: #ffffff;--danger: #e5544b;--shadow: 0 10px 34px rgba(0, 0, 0, .5);--focus: #5b9dff;--scroll-thumb: rgba(255, 255, 255, .16);--scroll-thumb-hover: rgba(255, 255, 255, .32)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}.app{display:flex;flex-direction:column;height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px;transition:background-color .15s}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.pane-editor::-webkit-scrollbar,.modal-b::-webkit-scrollbar,textarea::-webkit-scrollbar,.menu::-webkit-scrollbar{width:8px;height:8px}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto;z-index:20}.tb-brand{display:flex;align-items:center;gap:8px;color:var(--text)}.tb-logo{display:inline-flex;height:24px}.tb-logo :global(svg),.tb-logo svg{height:24px;width:auto}.tb-word{display:inline-flex;height:13px;color:var(--text)}.tb-word svg{height:13px;width:auto}.tb-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:4px}.tb-spacer{flex:1}.tb-group{display:flex;align-items:center;gap:8px}.btn{font:inherit;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:7px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:filter .12s,background .12s}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent}.btn.ghost{background:transparent}.btn.sm{padding:4px 9px;font-size:11.5px;border-radius:6px}.btn.icn-btn{padding:7px 9px}.btn:disabled{opacity:.5;cursor:not-allowed}.zoom{font:inherit;font-size:12px;padding:6px 8px;border-radius:7px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.icn{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;border-radius:5px}.icn:hover{background:var(--surface-2);color:var(--text)}.icn.danger:hover{color:var(--danger)}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);padding:6px;z-index:40}.menu button{display:block;width:100%;text-align:left;font:inherit;font-size:12.5px;padding:8px 10px;border:none;background:transparent;color:var(--text);border-radius:6px;cursor:pointer}.menu button:hover{background:var(--surface-2)}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.workspace{flex:1;display:grid;grid-template-columns:430px 1fr;min-height:0}.pane-editor{overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:12px 12px 60px}.pane-preview{overflow:auto;background:var(--bg-2);min-width:0}.grp{border:1px solid var(--border);border-radius:9px;margin-bottom:10px;background:var(--surface);overflow:hidden}.grp-h{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.grp-h:hover{background:var(--surface-2)}.grp-caret{color:var(--muted);font-size:11px;width:12px}.grp-t{font-weight:700;font-size:12.5px;flex:1}.grp-r{display:flex}.grp-actions{display:flex;gap:2px}.grp-b{padding:4px 12px 14px;border-top:1px solid var(--border-2)}.fld{display:block;margin:9px 0}.fld-l{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.fld-i{width:100%;font:inherit;font-size:12.5px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text)}.fld-i:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:transparent}.fld-i.mono,.mono{font-family:Consolas,Courier New,monospace}.fld-t,textarea.fld-i{resize:vertical;line-height:1.45}.fld-row{display:flex;gap:8px}.fld-row>.fld{flex:1}.sub-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:14px 0 6px}.muted{color:var(--muted)}.small{font-size:11px}.empty{padding:8px 2px}.metrics-readout{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:8px;margin:6px 0 10px}.metrics-readout b{color:var(--text)}.metrics-note{color:var(--muted);font-size:10.5px;font-style:italic}.asset-row,.tbl-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.asset-row .fld-i,.tbl-row .fld-i{padding:5px 7px;font-size:12px}.prio-row{display:flex;gap:6px;margin-bottom:8px;align-items:flex-start}.prio-label{flex:0 0 150px}.prio-row textarea{flex:1}.findings-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.preview-wrap{width:100%;height:100%;overflow:auto}.preview-scale{margin:0 auto}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090c8c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:640px;max-width:100%;max-height:calc(100vh - 80px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.modal.ai{width:720px}.modal-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-h h2{margin:0 0 2px;font-size:16px}.modal-b{padding:16px 18px;overflow-y:auto}.modal-f{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.spacer{flex:1}.dropzone{border:1.5px dashed var(--border);border-radius:10px;padding:22px;text-align:center;cursor:pointer;background:var(--surface-2);margin:10px 0}.dropzone:hover{border-color:var(--primary)}.dz-inner{color:var(--text);line-height:1.6}.file-list{list-style:none;margin:8px 0;padding:0}.file-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--border-2);border-radius:7px;margin-bottom:5px}.fl-name{flex:1;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:12.5px;color:var(--text)}.check input{margin-top:2px}.alert{padding:9px 12px;border-radius:8px;font-size:12.5px;margin-top:10px}.alert.error{background:#fdecea;color:#8a1c13;border:1px solid #f3b7b0}.alert.info{background:#eaf2fd;color:#1a3f7a;border:1px solid #b8d0f2}:root[data-theme=dark] .alert.error{background:#3a1614;color:#ffb3ab;border-color:#642620}:root[data-theme=dark] .alert.info{background:#14243d;color:#a9c8f5;border-color:#24405f}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:4px 0 6px}.seg-b{font:inherit;font-size:12px;padding:7px 12px;border:none;background:var(--surface-2);color:var(--text);cursor:pointer}.seg-b+.seg-b{border-left:1px solid var(--border)}.seg-b.on{background:var(--accent);color:var(--accent-ink)}.logo-preview{margin:10px 0}.lp-label{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.lp-dark{background:#14181d;border-radius:8px;overflow:hidden}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pane-editor{border-right:none;border-bottom:1px solid var(--border)}.tb-sub{display:none}}
