:root{color:#17202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 0 24px}h1,h2,p{margin:0}h1{color:#0f2a36;font-size:42px;line-height:1}h2{color:#17313d;font-size:20px;line-height:1.2}.subtitle{margin-top:10px;color:#52616b;font-size:18px}.privacy-badge{border:1px solid #9fc7b5;border-radius:8px;background:#edf8f2;color:#1d5f45;padding:10px 12px;font-weight:700}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.stage{display:flex;align-items:center;gap:10px;border-bottom:3px solid #cbd5dc;color:#63717b;padding:10px 0;font-weight:700}.stage span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dfe6eb;color:#39454d}.stage.active{border-color:#257a61;color:#18342d}.stage.active span{background:#257a61;color:#fff}.status{border-radius:8px;margin-bottom:16px;padding:12px 14px;background:#eef3f6;color:#31414a}.status.loading{background:#fff7dc;color:#65511a}.status.success{background:#e7f6ec;color:#1e5f3e}.status.error{background:#fdecec;color:#8d2424}.panel,.empty-state{border:1px solid #d6dee3;border-radius:8px;background:#fff;padding:20px;margin-bottom:16px;box-shadow:0 8px 24px #1f303a0f}.panel p,.empty-state p{color:#5c6a73;margin-top:6px}.upload-panel,.export-panel,.settings-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr);gap:20px;align-items:start}.settings-grid{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(180px,.8fr))}.drop-zone{display:grid;place-items:center;gap:10px;min-height:190px;border:2px dashed #8fb0bf;border-radius:8px;background:#f8fbfc;padding:24px;text-align:center}.drop-zone:focus{outline:3px solid #9bcfc0;outline-offset:3px}.drop-zone strong{font-size:20px;color:#102b36;overflow-wrap:anywhere}.drop-zone span{color:#61717a}.button-row,.progress-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.progress-wrap{justify-content:flex-start;margin-top:10px}progress{width:min(320px,100%);height:14px;accent-color:#257a61}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}button,select{border:1px solid #aebbc3;border-radius:8px;background:#fff;color:#17202a;min-height:42px;padding:0 14px}button:hover{border-color:#257a61}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,select:focus-visible,input:focus-visible,.checkbox-row:focus-within{outline:3px solid #9bcfc0;outline-offset:3px}label{display:grid;gap:7px;color:#283842;font-weight:700}select{width:100%}.stats,.summary{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin:0}.stats div,.summary div{border:1px solid #dde5e9;border-radius:8px;padding:12px;background:#fbfcfd}dt{color:#65737c;font-size:13px}dd{margin:4px 0 0;color:#142832;font-size:20px;font-weight:800;overflow-wrap:anywhere}.parse-warning{grid-column:1 / -1;color:#84631f;background:#fff8e6;border-radius:8px;padding:10px 12px}.diagnostic-note{grid-column:1 / -1;background:#eef3f6;border-radius:8px;padding:10px 12px}.diagnostics ul{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}.diagnostics li{border-radius:8px;padding:10px 12px}.diagnostics li.warning{background:#fff8e6;color:#755417}.diagnostics li.serious{background:#fdecec;color:#8d2424}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:16px}.checkbox-row{display:flex;align-items:center;gap:10px;border:1px solid #d9e1e6;border-radius:8px;min-height:48px;padding:10px 12px;background:#fbfcfd;font-weight:700}.checkbox-row input{width:18px;height:18px;accent-color:#257a61}.inline-settings{display:grid;grid-template-columns:minmax(220px,320px) minmax(220px,1fr);gap:14px;align-items:end;margin-bottom:16px}.inline-settings p{margin-bottom:8px}.clean-note{margin:-2px 0 16px;color:#5c6a73}.table-wrap{overflow-x:auto;border:1px solid #d7e0e5;border-radius:8px;max-height:520px}.table-wrap.compact{max-height:300px}table{width:100%;min-width:720px;border-collapse:collapse;white-space:nowrap}th,td{border-bottom:1px solid #e5ecef;padding:10px 12px;text-align:left;max-width:280px;overflow:hidden;text-overflow:ellipsis}th{position:sticky;top:0;background:#eef4f5;color:#1f3945;z-index:1}td{color:#2b3b43}.export-panel{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(180px,.8fr) auto;align-items:end}.change-preview{display:grid;gap:10px;margin-top:18px}.change-preview h3{margin:0;color:#17313d;font-size:17px}.change-preview p{margin:0}.primary-action{background:#257a61;border-color:#257a61;color:#fff;font-weight:800}.primary-action:hover{background:#1e6650}.seo-hero{align-items:start;border-bottom:1px solid #d6dee3;margin-bottom:24px}.brand-link{display:inline-block;color:#257a61;font-weight:800;margin-bottom:14px;text-decoration:none}.brand-link:hover{text-decoration:underline}.seo-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:22px;align-items:start;margin-bottom:22px}.seo-copy,.example-panel,.seo-card{border:1px solid #d6dee3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f303a0f}.seo-copy{padding:22px}.seo-copy p{color:#44545d;font-size:17px;line-height:1.55}.seo-copy ul{display:grid;gap:10px;margin:18px 0 0;padding-left:20px;color:#2b3b43}.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-link,.secondary-link{display:inline-flex;align-items:center;min-height:42px;border-radius:8px;padding:0 14px;font-weight:800;text-decoration:none}.primary-link{background:#257a61;color:#fff}.secondary-link{border:1px solid #aebbc3;color:#17202a}.example-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.example-panel div{min-width:0;padding:18px}.example-panel div:first-child{border-right:1px solid #d6dee3}.example-panel h2{margin-bottom:10px}.example-panel pre{overflow-x:auto;margin:0;border-radius:8px;background:#f4f7f8;color:#1c3039;padding:12px;line-height:1.5;white-space:pre}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-card{display:grid;gap:8px;padding:16px;color:inherit;text-decoration:none}.seo-card:hover{border-color:#257a61}.seo-card strong{color:#17313d}.seo-card span{color:#5c6a73;line-height:1.4}@media(max-width:900px){.hero,.upload-panel,.settings-grid,.export-panel,.seo-layout{grid-template-columns:1fr}.hero{display:grid;align-items:start}.checkbox-grid,.inline-settings,.seo-grid,.stats,.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}h1{font-size:34px}.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid,.inline-settings,.seo-grid,.stats,.summary,.example-panel{grid-template-columns:1fr}.example-panel div:first-child{border-right:0;border-bottom:1px solid #d6dee3}}