@import"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";:root{font-family:Aptos,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f8fafc;--card: #ffffff;--muted: #64748b;--foreground: #0f172a;--border: #d8dee8;--border-soft: #e5eaf2;--primary: #0b6fd8;--primary-soft: #eff6ff;--primary-foreground: #ffffff;--destructive: #b42318;--destructive-soft: #fff1f0;--warning: #a15c00;--warning-soft: #fff8e6;--success: #067647;--success-soft: #ecfdf3;--mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--foreground);background:var(--background)}button,input,select{font:inherit}button{cursor:pointer}.material-icons-outlined{direction:ltr;display:inline-block;font-family:Material Icons Outlined;font-feature-settings:"liga";font-size:20px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased}button:disabled,select:disabled{cursor:not-allowed;opacity:.6}#root,.app-frame{min-height:100vh}.app-frame{display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--border);background:var(--card)}.topbar-inner,.page-shell,.footer-note{width:min(100% - 32px,56rem);margin:0 auto}.topbar-inner{display:flex;align-items:center;gap:12px;padding:24px 0}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:8px;color:var(--primary-foreground);background:var(--primary)}.brand-mark .material-icons-outlined{font-size:22px}.topbar h1{margin:0;font-family:var(--mono);font-size:1.25rem;font-weight:800;line-height:1.2;letter-spacing:-.04em}.topbar p{margin:4px 0 0;color:var(--muted);font-family:var(--mono);font-size:.75rem}.page-shell{display:grid;flex:1;gap:32px;padding:32px 0 80px;align-content:start}.workflow-section,.preview-stack,.preview-block,.validation-block{display:grid;gap:12px}.section-heading{display:flex;align-items:center;gap:10px}.section-heading h2,.preview-block h2,.status-strip h2,.message-block h2{margin:0;font-size:.92rem;font-weight:700;line-height:1.3}.step-number{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:999px;color:var(--primary-foreground);background:var(--primary);font-family:var(--mono);font-size:.75rem;font-weight:800}.file-row{display:flex;align-items:center;gap:12px;min-height:74px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:16px}.file-picker{display:flex;align-items:center;min-width:0;flex:1;gap:12px}.file-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;color:var(--primary)}.file-name{min-width:0;overflow:hidden;color:var(--foreground);font-family:var(--mono);font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;border-radius:6px;color:var(--foreground);background:transparent}.icon-button:hover{background:#f1f5f9}.icon-button:focus-visible,.export-type-card:focus-visible,.primary-button:focus-visible{outline:3px solid rgba(11,111,216,.24);outline-offset:2px}.visually-hidden,.native-select-compat{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.export-type-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-type-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:74px;border:2px solid var(--border);border-radius:8px;padding:16px;text-align:left;background:var(--card);transition:border-color .14s ease,background .14s ease}.export-type-card:hover{border-color:#0b6fd852}.export-type-card.active{border-color:var(--primary);background:var(--primary-soft)}.export-type-card strong{color:var(--foreground);font-size:.9rem}.export-type-card.active strong{color:var(--primary)}.export-card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--primary);background:#eef5ff;font-size:20px}.export-type-card.active .export-card-icon{color:var(--primary-foreground);background:var(--primary)}.export-cta{display:grid;justify-items:center;gap:10px;margin-top:24px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:0;border-radius:8px;padding:0 40px;color:var(--primary-foreground);background:var(--primary);font-size:.96rem;font-weight:800;box-shadow:0 10px 22px #0b6fd833;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.primary-button .material-icons-outlined{width:16px;height:16px;font-size:16px}.primary-button:hover:not(:disabled){background:#075eb8;box-shadow:0 14px 28px #0b6fd842;transform:translateY(-1px)}.compat-note,.preview-note,.muted{margin:0;color:var(--muted);font-family:var(--mono);font-size:.75rem}.export-note{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0;border:1px solid rgba(6,118,71,.2);border-radius:999px;padding:6px 12px;color:var(--success);background:var(--success-soft);font-family:var(--mono);font-size:.75rem;font-weight:700}.export-note .material-icons-outlined{color:var(--success);font-size:17px}.status-list{display:grid;gap:6px}.validation-block{gap:14px}.validation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.validation-block h3{margin:0;color:var(--foreground);font-family:var(--mono);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.validation-header p{margin:6px 0 0;color:var(--muted);font-size:.85rem}.validation-counts{display:flex;flex-wrap:wrap;gap:8px}.validation-counts .count-pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid var(--border);border-radius:999px;padding:0 12px;color:var(--muted);background:var(--card);font-family:var(--mono);font-size:.75rem}.count-pill .material-icons-outlined{font-size:17px}.count-pill.error{border-color:#b4231842;color:var(--destructive);background:var(--destructive-soft)}.count-pill.warning{border-color:#a15c0047;color:var(--warning);background:var(--warning-soft)}.count-pill strong{font-size:.82rem}.findings-grid{display:grid;gap:12px}.findings-column{display:grid;gap:6px}.findings-column h4{margin:0;color:var(--muted);font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.findings-list{display:grid;gap:6px;max-height:320px;margin:0;padding:0;overflow:auto;list-style:none}.finding-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:6px;padding:9px 12px;background:var(--card);font-size:.875rem;line-height:1.4}.finding-item.error{border-color:#b423184d;color:var(--destructive);background:var(--destructive-soft)}.finding-item.warning{border-color:#a15c004d;color:var(--warning);background:var(--warning-soft)}.finding-item.success{border-color:#0676472e;color:var(--muted);background:var(--card)}.finding-item.info{border-color:#0b6fd833;color:var(--muted);background:var(--primary-soft)}.finding-icon{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--primary);font-size:18px}.finding-item.error .finding-icon{color:var(--destructive)}.finding-item.warning .finding-icon{color:var(--warning)}.finding-item.success .finding-icon{color:var(--success)}.preview-block{gap:12px}.data-list{display:grid;margin:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}.data-row{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr);gap:18px;min-width:0;border-bottom:1px solid var(--border-soft);padding:12px 16px}.data-row:last-child{border-bottom:0}.data-row dt{color:var(--muted);font-family:var(--mono);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.data-row dd{margin:0;overflow-wrap:anywhere;font-family:var(--mono);font-size:.85rem;font-weight:750}.data-list-compact{max-width:36rem}.flagged{border-color:#b4231847;background:var(--destructive-soft)}.items-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card)}.items-table{width:100%;border-collapse:collapse;caption-side:bottom;font-size:.875rem}.items-table thead tr{background:#f1f5f9}.items-table th,.items-table td{min-height:48px;border-bottom:1px solid var(--border-soft);padding:14px 16px;text-align:left;vertical-align:top}.items-table th{color:var(--muted);font-family:var(--mono);font-size:.72rem;font-weight:750}.items-table tbody tr:hover{background:#f8fafc}.items-table tbody tr:last-child td{border-bottom:0}.item-text{display:block;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-cell{text-align:right;font-family:var(--mono);white-space:nowrap}.muted-cell{color:var(--muted);font-size:.8rem}.finding-inline{margin:8px 0 0;color:var(--destructive);font-size:.8rem}.status-strip,.message-block{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px 14px}.status-strip p,.message-block p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.45}.ready-state p{color:var(--success);font-weight:700}.status-icon{flex:0 0 auto;margin-top:2px;color:var(--success);font-size:20px}.blocked-state{border-color:#b423184d;background:var(--destructive-soft)}.ready-state{border-color:#0676474d;background:var(--success-soft)}.footer-note{border-top:1px solid var(--border);padding:16px 0;color:var(--muted);text-align:center;font-family:var(--mono);font-size:.75rem}@media(max-width:760px){.topbar-inner,.page-shell,.footer-note{width:min(100% - 24px,56rem)}.export-type-cards{grid-template-columns:1fr}.data-row{grid-template-columns:1fr;gap:4px}.primary-button{width:100%}.validation-header{display:grid}}