:root{--accent:#fdae27;--accent-strong:#de8500;--accent-soft:#fdae2724;--ink:#17202b;--muted:#626b76;--page:#f5f6f8;--panel:#fff;--surface:#f2f4f7;--surface-strong:#e5e7eb;--line:#d0d5dd;--line-soft:#e5e7eb;--white:#fff;--link:#235f9f}.app-shell{background:var(--page);min-height:100vh;color:var(--ink);grid-template-rows:auto minmax(0,1fr);display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand svg{color:var(--accent)}.brand h1{margin:0;font-size:20px;line-height:1.1}.brand p{color:var(--muted);margin:3px 0 0;font-size:13px}.workspace{grid-template-rows:auto minmax(0,1fr);gap:18px;width:min(1600px,100% - 36px);min-height:0;margin:18px auto 56px;display:grid}.input-panel,.results-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;overflow:hidden}.input-panel{padding:18px}.panel-heading,.panel-actions,.results-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-heading{margin-bottom:12px}.panel-heading h2{margin:0;font-size:15px;line-height:1.2}.panel-heading p{color:var(--muted);margin:3px 0 0;font-size:13px}.counter,.status-line{color:var(--muted);font-size:13px;line-height:1.4}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px}input,select{min-height:38px;padding:0 10px}textarea{resize:vertical;width:100%;min-height:220px;padding:12px;line-height:1.45}textarea::placeholder{color:#89919d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #fdae2759}.file-input{display:none}.import-strip{grid-template-columns:auto minmax(0,1fr);gap:10px;margin-bottom:12px;display:grid}.sitemap-import{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.sitemap-import svg{color:var(--muted)}.sitemap-import input{border-color:#0000;min-width:0}.import-message{background:var(--accent-soft);color:#6f4b00;border:1px solid #fdae2761;border-radius:6px;margin-bottom:12px;padding:9px 10px;font-size:13px;line-height:1.35}.import-message.error{color:#8a1b1e;background:#9f1d2014;border-color:#9f1d2047}.import-preview{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:12px;display:grid}.import-preview>div:first-child{gap:4px;min-width:0;display:grid}.import-preview span{color:var(--muted);font-size:13px;line-height:1.4}.batch-controls{align-items:center;gap:10px;display:flex}.panel-actions{margin-top:12px}.action-row,.toolbar-actions{align-items:center;gap:10px;display:flex}.status-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note,.chip{background:var(--accent-soft);color:#6f4b00;border:1px solid #fdae2761;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.progress-track{background:var(--surface);height:3px;margin:14px -18px -18px}.progress-track div{background:var(--accent);height:100%;transition:width .18s}button{font:inherit;cursor:pointer;border:0;border-radius:7px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.primary-button,.secondary-button,.icon-button{justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.primary-button{background:var(--ink);color:var(--white);padding:0 14px}.primary-button:not(:disabled):hover{background:#263242}.secondary-button,.icon-button{background:var(--surface-strong);color:var(--ink)}.secondary-button{padding:0 13px}.icon-button{width:38px;padding:0}.secondary-button:not(:disabled):hover,.icon-button:not(:disabled):hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.results-toolbar{border-bottom:1px solid var(--line);background:var(--panel);padding:14px 16px}.results-heading{gap:3px;display:grid}.results-heading h2{margin:0;font-size:15px;line-height:1.2}.results-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.table-wrap{background:var(--white);min-height:280px;overflow:auto}table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1680px}thead th{z-index:2;background:var(--surface);position:sticky;top:0}th,td{border-bottom:1px solid var(--line-soft);vertical-align:top;white-space:normal;word-break:break-word;padding:11px 12px;line-height:1.4}th{color:#4f5964;text-align:left;text-transform:uppercase;font-size:12px;font-weight:700}td{font-size:13px}td.empty{color:var(--muted);text-align:center;padding:42px 12px}.col-num{width:56px}.col-url{width:300px}.col-title{width:280px}.col-desc{width:360px}.col-h1{width:240px}.col-schema{width:230px}.col-notes{width:214px}th:first-child,td:first-child{z-index:3;background:var(--white);box-shadow:1px 0 0 var(--line-soft);position:sticky;left:0}thead th:first-child{z-index:4;background:var(--surface)}a.url{color:var(--link);text-decoration:none}a.url:hover{text-decoration:underline}.chips,.chipbar{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer}.chip.passive{cursor:default}.chip:not(.passive):hover{border-color:var(--accent);background:#fdae2733}.drawer{z-index:50;border-left:1px solid var(--line);background:var(--panel);flex-direction:column;width:620px;transition:right .2s;display:flex;position:fixed;top:0;bottom:0;right:-620px;box-shadow:-20px 0 55px #17202b33}.drawer.open{right:0}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.drawer-title{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:700;line-height:1.35}.chipbar{border-bottom:1px solid var(--line);background:var(--surface);padding:10px 14px}.code{color:#e6edf3;background:#101722;border:0;flex:1;margin:0;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.backdrop{z-index:40;pointer-events:none;opacity:0;background:#17202b6b;border:0;border-radius:0;transition:opacity .2s;position:fixed;inset:0}.backdrop.open{pointer-events:auto;opacity:1}@media (width<=760px){.topbar{align-items:stretch;padding:14px}.workspace{gap:12px;width:calc(100% - 24px);margin-top:12px}.input-panel{padding:14px}.panel-heading,.panel-actions,.import-preview,.results-toolbar{flex-direction:column;align-items:stretch}.import-strip,.sitemap-import{grid-template-columns:1fr}.sitemap-import svg{display:none}.action-row,.batch-controls,.toolbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.primary-button,.secondary-button,.icon-button{width:100%}.progress-track{margin:14px -14px -14px}.drawer{width:100%;right:-100%}}:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,textarea{font:inherit}