:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e7eef7;--muted:#cbd5e1c7;--bg:#0b1320;--surface:#0a111ed6;--surface-strong:#0c121ff0;--surface-soft:#0f172ad1;--surface-card:#0c121fdb;--border:#94a3b82e;--border-soft:#94a3b824;--border-strong:#94a3b847;--accent-strong:#7dd3c7;--accent-warm:#f3b562;--shadow-soft:0 24px 56px #02061757;--mono:"IBM Plex Mono", "Cascadia Code", "Cascadia Mono", Consolas, monospace;--sans:"Aptos", "Aptos Display", "Segoe UI Variable Display", "Segoe UI Variable Text", "Trebuchet MS", sans-serif;--page-background:radial-gradient(circle at 12% 14%, #7dd3c71a, transparent 26%), radial-gradient(circle at 88% 0%, #f3b56217, transparent 24%), linear-gradient(180deg, #09111d 0%, #0f1727 48%, #0b1320 100%);--hero-background:radial-gradient(circle at top left, #7dd3c726, transparent 34%), radial-gradient(circle at bottom right, #f3b56224, transparent 32%), linear-gradient(145deg, #0c121ff0, #080e18e6);--badge-bg:#7dd3c71f;--pill-bg:#ffffff0f;--pill-success-bg:#22c55e2e;--pill-success-text:#bbf7d0;--button-bg:#0f172ab8;--button-border:#94a3b842;--button-hover-border:#7dd3c76b;--button-hover-shadow:0 14px 28px #0206173d;--button-active-border:#7dd3c75c;--button-active-bg:#7dd3c729;--button-active-text:#c8f5ef;--primary-button-gradient:linear-gradient(135deg, #7dd3c7, #49bdae);--primary-button-text:#08111d;--input-bg:#080e18bd;--input-border:#94a3b852;--hint-bg:#ffffff14;--file-drop-border:#7dd3c757;--file-drop-background:linear-gradient(180deg, #0c121feb, #0f172ae0), radial-gradient(circle at top left, #7dd3c724, transparent 40%);--summary-border:#94a3b833;--summary-background:linear-gradient(145deg, #0c121ff0, #0f172ae0);--warm-text:#fdba74;--error-text:#fda4af;--info-text:#93c5fd;--image-review-background:linear-gradient(180deg, #0c121ff0, #0a101cf5);--card-border:#94a3b833;--preview-background:linear-gradient(180deg, #090f1af0, #0f172afa), radial-gradient(circle at top right, #7dd3c714, transparent 35%);--preview-canvas:#08111d;--preview-body:#0c121ff0;--preview-body-stroke:#dbe5f0;--preview-title:#f8fafc;--preview-pin-default:#a8bfd6;--preview-pin-number:#8fa3b8;--preview-pin-warning:#f3b562;--preview-pin-hover:#7dd3c7;--preview-pin-active:#f8fafc;--preview-text-halo:#08111d;--progress-fill:linear-gradient(90deg, #7dd3c7, #49bdae);--progress-sheen:#ffffff47;--preset-background:linear-gradient(180deg, #0c121feb, #0f172ae6);--preset-active-border:#7dd3c766;--preset-active-background:radial-gradient(circle at top right, #7dd3c729, transparent 38%), linear-gradient(180deg, #0e1625fa, #090f1af5);--card-soft-background:#0c121fdb;--code-background:#09111d;--code-text:#d9f99d;--good-border:#22c55e33;--bad-border:#f472b62e;--good-background:linear-gradient(135deg, #0c121ff0, #061813f0), radial-gradient(circle at top left, #22c55e29, transparent 36%);--bad-background:linear-gradient(135deg, #0c121ff0, #240f1af0), radial-gradient(circle at top left, #f472b629, transparent 36%);--table-divider:#94a3b824;--row-error-bg:#7f1d1d3d;--row-warning-bg:#78350f3d;--row-info-bg:#1e40af33;--row-active-shadow:inset 0 2px 0 #7dd3c74d, inset 0 -2px 0 #7dd3c74d;--confidence-bg:#22c55e2e;--confidence-text:#86efac;--confidence-low-bg:#92400e33;--confidence-low-text:#fdba74;--issue-border:#94a3b82e;--issue-item-background:#0c121fcc;--ok-text:#86efac;--error-background:#7f1d1d42;--warning-background:#78350f42;--info-background:#1e40af3d;font-family:var(--sans);color:var(--text);background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#142132;--muted:#546377;--bg:#e7edf2;--surface:#ffffffe6;--surface-strong:#fffffffa;--surface-soft:#f1f5f9f2;--surface-card:#ffffffdb;--border:#94a3b84d;--border-soft:#94a3b82e;--border-strong:#94a3b880;--accent-strong:#0f766e;--accent-warm:#d97706;--shadow-soft:0 20px 40px #0f172a14;--page-background:radial-gradient(circle at top left, #0e749014, transparent 25%), radial-gradient(circle at bottom right, #d977061a, transparent 26%), linear-gradient(180deg, #eef4f7, #e3e9ef);--hero-background:radial-gradient(circle at top left, #0f766e29, transparent 34%), radial-gradient(circle at bottom right, #d9770629, transparent 32%), linear-gradient(145deg, #fffffffa, #f4f8fcf5);--badge-bg:#0f766e1a;--pill-bg:#0f172a0f;--pill-success-bg:#15803d1f;--pill-success-text:#166534;--button-bg:#ffffffe0;--button-border:#94a3b880;--button-hover-border:#0f766e8c;--button-hover-shadow:0 10px 20px #0f172a14;--button-active-border:#0f766e80;--button-active-bg:#0f766e1f;--button-active-text:#0f766e;--primary-button-gradient:linear-gradient(135deg, #0f766e, #155e75);--primary-button-text:#f8fafc;--input-bg:#ffffffeb;--input-border:#94a3b88c;--hint-bg:#0f172a14;--file-drop-border:#0e749073;--file-drop-background:linear-gradient(180deg, #ffffffe6, #f1f5f9f2), radial-gradient(circle at top left, #0e74901f, transparent 40%);--summary-border:#94a3b859;--summary-background:linear-gradient(145deg, #fffffff0, #f1f5f9fa);--warm-text:#9a3412;--error-text:#b91c1c;--info-text:#1d4ed8;--image-review-background:linear-gradient(180deg, #f8fafcf2, #fffffff2);--card-border:#94a3b859;--preview-background:linear-gradient(180deg, #fffffff2, #f5f7fafa), radial-gradient(circle at top right, #0ea5e914, transparent 35%);--preview-canvas:#f8fafc;--preview-body:#fff;--preview-body-stroke:#0f172a;--preview-title:#0f172a;--preview-pin-default:#334155;--preview-pin-number:#64748b;--preview-pin-warning:#b45309;--preview-pin-hover:#0f766e;--preview-pin-active:#0f172a;--preview-text-halo:#fff;--progress-fill:linear-gradient(90deg, #0f766e, #0ea5a4);--progress-sheen:#ffffff59;--preset-background:linear-gradient(180deg, #fffffff0, #f1f5f9f2);--preset-active-border:#0f766e7a;--preset-active-background:radial-gradient(circle at top right, #0d948829, transparent 38%), linear-gradient(180deg, #f0fdfafa, #fffffff5);--card-soft-background:#ffffffdb;--code-background:#0f172a;--code-text:#d9f99d;--good-border:#15803d2e;--bad-border:#b91c1c24;--good-background:linear-gradient(135deg, #fffffff0, #ecfdf5f5), radial-gradient(circle at top left, #15803d1f, transparent 36%);--bad-background:linear-gradient(135deg, #fffffff0, #fef2f2f5), radial-gradient(circle at top left, #b91c1c1f, transparent 36%);--table-divider:#94a3b82e;--row-error-bg:#fef2f2eb;--row-warning-bg:#fff7edeb;--row-info-bg:#eff6ffe6;--row-active-shadow:inset 0 2px 0 #0f766e42, inset 0 -2px 0 #0f766e42;--confidence-bg:#dcfce7;--confidence-text:#166534;--confidence-low-bg:#fef3c7;--confidence-low-text:#92400e;--issue-border:#94a3b833;--issue-item-background:#ffffffc2;--ok-text:#166534;--error-background:#fee2e2f5;--warning-background:#ffedd5f5;--info-background:#dbeafef5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-background);color:var(--text);margin:0;transition:background .18s,color .18s}h1,h2,h3,p,figure,pre{margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.app-shell>.hero,.app-shell>.part-panel,.app-shell>.builder-grid,.app-shell>.guide-panel,.app-shell>.status-grid,.app-shell>.panel{max-width:1360px;margin:0 auto 16px}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);text-align:left;border-radius:22px}.hero,.part-panel,.workspace-panel,.preview-panel,.guide-panel,.status-panel,.code-panel,.panel:last-child{padding:20px}.hero{background:var(--hero-background)}.hero-topbar,.hero-body,.hero-actions,.hero-controls,.guide-actions,.preview-toolbar,.workflow-summary,.workflow-actions,.panel-heading,.example-actions,.example-buttons,.planner-footer{align-items:center;gap:12px;display:flex}.hero-topbar,.panel-heading,.planner-footer{justify-content:space-between}.hero-topbar{align-items:flex-start}.hero-controls{flex-wrap:wrap;justify-content:flex-end}.control-group{justify-items:end;gap:6px;display:grid}.switch-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,3.1rem);line-height:1}.hero-lead{max-width:860px;color:var(--muted);margin-top:14px;font-size:1rem;line-height:1.7}.hero-body{justify-content:space-between;align-items:flex-end;margin-top:18px}.hero-summary{gap:14px;display:grid}.quick-steps,.guide-list,.issue-list{margin:0;padding-left:20px}.quick-steps{color:var(--muted);gap:8px;line-height:1.55;display:grid}.hero-badges,.guide-tabs,.segmented,.theme-switch,.locale-switch{flex-wrap:wrap;gap:8px;display:flex}.badge,.pill{background:var(--badge-bg);color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill{background:var(--pill-bg);color:var(--text)}.pill.success{background:var(--pill-success-bg);color:var(--pill-success-text)}.hero-actions{flex-wrap:wrap;justify-content:flex-end}.preview-toolbar,.guide-actions,.workflow-summary,.workflow-actions{flex-wrap:wrap}.export-format{width:min(280px,100%)}.segment-button,button{border:1px solid var(--button-border);background:var(--button-bg);min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 16px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.segment-button{min-height:38px;padding:0 14px}.segment-button.active{border-color:var(--button-active-border);background:var(--button-active-bg);color:var(--button-active-text)}button:hover,.segment-button:hover{border-color:var(--button-hover-border);box-shadow:var(--button-hover-shadow);transform:translateY(-1px)}button.primary{background:var(--primary-button-gradient);color:var(--primary-button-text);border-color:#0000}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}input,select,textarea,button{font:inherit}input,select,textarea{box-sizing:border-box;border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:14px}input,select{height:44px;padding:0 14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.82}option{color:var(--text);background:var(--bg)}textarea{resize:vertical;min-height:280px;font-family:var(--mono);padding:14px;line-height:1.55}label{color:var(--muted);text-align:left;text-transform:uppercase;gap:8px;font-size:12px;font-weight:700;display:grid}.label-row{align-items:center;gap:8px;display:inline-flex}.hint-dot{background:var(--hint-bg);width:18px;height:18px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.panel-heading{margin-bottom:14px}.panel-heading h2,.panel h2,.guide-content h3,.example-card h3,.screenshot-card h3{margin:0}.panel-heading span,.guide-content p,.message,.example-card p,.screenshot-card p,.guide-list,.quick-steps{color:var(--muted)}.part-fields{gap:14px;display:grid}.part-fields-basic{grid-template-columns:minmax(220px,1.7fr) 140px 220px}.part-fields-advanced{grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr);margin-top:14px}.advanced-fields{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:14px}.advanced-fields summary,.code-panel summary{cursor:pointer;font-weight:700;list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.code-panel summary::-webkit-details-marker{display:none}.builder-grid,.status-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:16px;display:grid}.builder-grid>.panel,.status-grid>.panel{width:100%;min-width:0;max-width:none;margin:0}.workspace-block{gap:14px;display:grid}.import-source{grid-template-columns:minmax(240px,.9fr) minmax(240px,1fr);gap:12px;display:grid}.file-drop,.recognition-summary{border-radius:18px;min-height:108px;padding:16px}.file-drop{border:1px dashed var(--file-drop-border);background:var(--file-drop-background);text-transform:none;align-content:center}.file-drop span{color:var(--text);font-size:.98rem;font-weight:700}.file-drop small,.recognition-summary small,.message{font-size:.92rem;line-height:1.6}.file-drop input{background:0 0;border:0;height:auto;padding:0}.recognition-summary{border:1px solid var(--summary-border);background:var(--summary-background);align-content:space-between;display:grid}.recognition-summary strong{color:var(--text);margin-bottom:6px;font-size:2rem;line-height:1;display:block}.message{margin:0}.message.warm{color:var(--warm-text)}.message.error{color:var(--error-text)}.image-review{border:1px solid var(--card-border);background:var(--image-review-background);border-radius:18px;margin:0;overflow:hidden}.image-review img{object-fit:contain;width:100%;max-height:280px;display:block}.image-review figcaption{border-top:1px solid var(--border-strong);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.image-review figcaption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ocr-action{justify-items:end;gap:8px;min-width:min(320px,100%);display:grid}.progress-button{width:min(320px,100%);position:relative;overflow:hidden}.progress-button-label{z-index:1;position:relative}.progress-button.is-busy{justify-content:center}.progress-button-fill{background:var(--progress-fill);border-radius:999px;height:100%;transition:width .18s;display:block;position:absolute;inset:0 auto 0 0;overflow:hidden}.progress-button-fill.processing:after{content:"";background:linear-gradient(90deg, transparent, var(--progress-sheen), transparent);animation:1.1s linear infinite ocr-progress-sheen;position:absolute;inset:0}.ocr-status{width:min(320px,100%);color:var(--muted);text-align:right;font-size:.92rem;line-height:1.4}@keyframes ocr-progress-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.preview{border:1px solid var(--border-strong);background:var(--preview-background);border-radius:18px;overflow:auto}.preview svg{width:100%;min-height:360px;display:block}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preset-card{text-align:left;background:var(--preset-background);border-radius:18px;gap:8px;min-height:102px;padding:14px;display:grid}.preset-card span{text-transform:none;font-size:.88rem;line-height:1.5}.preset-card.active{border-color:var(--preset-active-border);background:var(--preset-active-background)}.planner-fields,.side-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.planner-footer{align-items:flex-start}.planner-footer .message{flex:1}.guide-tabs{margin-bottom:16px}.guide-content{gap:14px;display:grid}.example-grid,.screenshot-grid{gap:12px;display:grid}.example-card,.screenshot-card{background:var(--card-soft-background);border-radius:18px;padding:16px}.example-actions{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.example-buttons{flex-wrap:wrap}.example-card pre,.code-panel pre{background:var(--code-background);color:var(--code-text);font-family:var(--mono);border-radius:16px;margin:0;padding:14px;font-size:.87rem;line-height:1.6;overflow:auto}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-card.good{border:1px solid var(--good-border)}.screenshot-card.bad{border:1px solid var(--bad-border)}.screenshot-mock{font-family:var(--mono);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;padding:16px;font-size:.88rem;display:grid}.screenshot-mock.good{background:var(--good-background)}.screenshot-mock.bad{background:var(--bad-background)}.guide-list{gap:10px;line-height:1.65;display:grid}.pin-table-wrap{overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;overflow-x:auto}.pin-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:940px}.pin-table th,.pin-table td{border-bottom:1px solid var(--table-divider);vertical-align:middle;padding:8px 6px}.pin-row td{transition:background .14s,box-shadow .14s}.pin-row.issue-error td{background:var(--row-error-bg)}.pin-row.issue-warning td{background:var(--row-warning-bg)}.pin-row.issue-info td{background:var(--row-info-bg)}.pin-row.active td{box-shadow:var(--row-active-shadow)}.pin-table th{z-index:1;background:var(--surface-strong);text-align:left;text-transform:uppercase;color:var(--muted);font-size:12px;position:sticky;top:0}.review-toolbar,.review-hints,.row-actions,.bulk-toolbar,.bulk-control,.confidence-stack{align-items:center;gap:10px;display:flex}.review-toolbar{justify-content:space-between;margin-bottom:12px}.review-hints{flex-wrap:wrap}.review-hints .message{font-size:.84rem}.bulk-toolbar{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:16px;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px 14px}.bulk-control{flex-wrap:wrap}.bulk-control span,.bulk-control small{color:var(--muted);font-size:.78rem}.bulk-control select,.bulk-control input{border-radius:10px;width:auto;min-width:112px;height:36px;padding:0 10px}.bulk-search input,.bulk-rename input{min-width:168px}.bulk-rename{align-items:flex-start}.bulk-rename small{align-self:center}.cell-input{border-radius:12px;min-width:0;height:38px;padding:0 10px}.pin-table th:first-child,.pin-table td:first-child{width:42px}.pin-table th:nth-child(2),.pin-table td:nth-child(2){width:86px}.pin-table th:nth-child(4),.pin-table td:nth-child(4),.pin-table th:nth-child(5),.pin-table td:nth-child(5){width:144px}.pin-table th:nth-child(7),.pin-table td:nth-child(7){width:132px}.pin-table th:last-child,.pin-table td:last-child{width:138px}.confidence{background:var(--confidence-bg);min-width:60px;color:var(--confidence-text);border-radius:999px;justify-content:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.confidence.low{background:var(--confidence-low-bg);color:var(--confidence-low-text)}.confidence-stack{flex-wrap:wrap}.pin-marker{background:var(--pill-bg);min-height:24px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.pin-marker.warning{background:var(--warning-background);color:var(--warm-text)}.row-actions{justify-content:flex-end}.table-action{border-radius:12px;min-height:34px;padding:0 12px;font-size:.78rem}.table-action.subtle{background:0 0}.pin-table input[type=checkbox]{width:18px;height:18px;margin:0;padding:0}.issue-list{gap:10px;padding:0;list-style:none;display:grid}.issue-item{border:1px solid var(--issue-border);background:var(--issue-item-background);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.issue-list .ok{color:var(--ok-text)}.issue-action{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:flex-start;gap:10px;padding:0;display:flex}.issue-action:hover{box-shadow:none;transform:none}.issue-badge{text-transform:uppercase;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:78px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.issue-badge.error,.issue-item.error{color:var(--error-text)}.issue-badge.warning,.issue-item.warning{color:var(--warm-text)}.issue-badge.info,.issue-item.info{color:var(--info-text)}.issue-badge.error{background:var(--error-background)}.issue-badge.warning{background:var(--warning-background)}.issue-badge.info{background:var(--info-background)}.code-panel{gap:12px;display:grid}.workflow-bar{z-index:3;background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:12px;padding:16px 20px;display:grid;position:sticky;bottom:12px}.workflow-actions.compact{justify-content:flex-end}@media (width<=1180px){.builder-grid,.status-grid,.part-fields-basic,.part-fields-advanced,.planner-fields,.side-grid{grid-template-columns:1fr 1fr}.hero-body{flex-direction:column;align-items:stretch}.hero-actions{justify-content:flex-start}}@media (width<=900px){.app-shell{padding:16px}.builder-grid,.status-grid,.part-fields-basic,.part-fields-advanced,.planner-fields,.side-grid,.import-source,.preset-grid,.screenshot-grid{grid-template-columns:1fr}.hero-topbar,.hero-controls,.preview-toolbar,.guide-actions,.workflow-summary,.workflow-actions,.panel-heading,.planner-footer,.example-actions,.image-review figcaption{flex-direction:column;align-items:stretch}.control-group{justify-items:stretch}.theme-switch .segment-button,.locale-switch .segment-button{flex:1}.review-toolbar{flex-direction:column;align-items:stretch}.bulk-toolbar{padding:12px}.ocr-action{justify-items:stretch;min-width:0}.progress-button,.ocr-status{width:100%}.ocr-status{text-align:left}}@media (width<=640px){.app-shell{padding:12px}.panel,.hero,.workspace-panel,.preview-panel,.guide-panel,.status-panel,.code-panel{border-radius:18px}.pin-table{min-width:820px}}