:root{--font-serif:"Fraunces", "Cormorant Garamond", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "IBM Plex Mono", monospace;--font-sans:"Inter", "Manrope", system-ui, -apple-system, sans-serif;--bg-body:#faf4ec;--bg-card:#fff;--bg-soft:#f6ede0;--bg-elevated:#fff;--bg-brand:linear-gradient(135deg, #7a2737 0%, #a44455 100%);--bg-primary:linear-gradient(135deg, #7a2737 0%, #a44455 100%);--bg-primary-strong:#5e1d2a;--bg-primary-soft:#7a273714;--bg-progress:#ede0d0;--bg-progress-soft:linear-gradient(90deg, #7a2737 0%, #a44455 100%);--border-color:#7a27371f;--border-strong:#7a273738;--border-input:#7a273729;--text-main:#2a1a20;--text-soft:#4d3438;--text-muted:#8a7167;--text-subtle:#6e5249;--text-inverse:#faf4ec;--text-on-primary:#faf4ec;--text-on-brand:#faf4ec;--text-accent:#7a2737;--text-eyebrow:#c89860;--text-danger:#b91c1c;--text-warning:#b45309;--shadow-card:0 16px 40px #7a273714;--shadow-toggle:0 10px 24px #7a27372e;color:var(--text-main);background:var(--bg-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg-body:#0a0809;--bg-card:#141012eb;--bg-soft:#110d0fd9;--bg-elevated:#1c1619eb;--bg-brand:linear-gradient(135deg, #7a2737 0%, #a44455 100%);--bg-primary:linear-gradient(135deg, #7a2737 0%, #a44455 100%);--bg-primary-strong:#f4ede2;--bg-primary-soft:#7a27372e;--bg-progress:#e8d6c41a;--bg-progress-soft:linear-gradient(90deg, #7a2737 0%, #a44455 100%);--border-color:#e8d6c414;--border-strong:#e8d6c42e;--border-input:#e8d6c424;--text-main:#f4ede2;--text-soft:#d8cdbf;--text-muted:#b3a596;--text-subtle:#aa9d8e;--text-inverse:#0a0809;--text-on-primary:#f4ede2;--text-on-brand:#f4ede2;--text-accent:#d3958f;--text-eyebrow:#c89860;--text-danger:#d05a5a;--text-warning:#d2a04c;--shadow-card:0 24px 80px #0009;--shadow-toggle:0 14px 32px #00000073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #7a273729, transparent 28%), radial-gradient(circle at 85% 15%, #c8986014, transparent 22%), var(--bg-body);min-width:320px;min-height:100vh;color:var(--text-main);margin:0;transition:background-color .22s,color .22s}button,input,select,textarea{font:inherit}button,input,select,textarea,body,#root{transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s}a{color:inherit;text-decoration:none}img,svg{display:block}#root{min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:40px 40px 64px;position:relative}.scroll-progress{z-index:9000;transform-origin:0;pointer-events:none;will-change:transform;background:linear-gradient(90deg,#7a2737,#c89860);height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.app-shell:before{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle,#7a27372e,#0000 60%);width:70vw;max-width:800px;height:70vw;max-height:800px;animation:14s ease-in-out infinite offcloud-halo;position:fixed;top:-10%;right:-20%}[data-theme=dark] .app-shell:before{opacity:1}:root .app-shell:before{opacity:.55}@keyframes offcloud-halo{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-30px,20px)scale(1.06)}}.app-shell>*{z-index:1;position:relative}.page-header{text-align:center;max-width:1100px;margin:0 auto 28px}.page-header-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand-line{align-items:center;gap:12px;display:inline-flex}.brand-mark{background:var(--bg-brand);width:40px;height:40px;color:var(--text-on-brand);font-family:var(--font-serif);letter-spacing:.02em;box-shadow:var(--shadow-toggle);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.brand-line{position:relative}.brand-name{font-family:var(--font-serif);color:var(--text-main);letter-spacing:-.005em;padding-right:14px;font-size:1.1rem;font-weight:600;position:relative}.brand-name:after{content:"";background:#7a2737;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite brand-dot;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 12px #7a273780}@keyframes brand-dot{0%,to{box-shadow:0 0 8px #7a27374d}50%{box-shadow:0 0 14px #7a2737a6}}.security-pill,.hint-chip,.engine-badge,.selection-summary span,.status,.field span,.field small,.notice-row span,.page-footer-tag,.page-footer-meta,.preset-card span,.output-chip span{font-family:var(--font-mono)}.security-pill,.hint-chip,.engine-badge{letter-spacing:.06em;font-size:.74rem}.selection-summary span{letter-spacing:.04em;font-size:.78rem}.theme-toggle{border:1px solid var(--border-color);background:var(--bg-soft);width:82px;min-width:82px;height:44px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-card);border-radius:999px;grid-template-columns:repeat(2,1fr);align-items:center;gap:12px;padding:0 12px;display:inline-grid;position:relative}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle svg{z-index:1;position:relative}.theme-toggle-thumb{background:var(--bg-card);border:1px solid var(--border-color);width:34px;height:34px;box-shadow:var(--shadow-toggle);border-radius:999px;transition:transform .22s,background-color .22s,border-color .22s;position:absolute;top:4px;left:4px}.theme-toggle:not(.is-dark) .theme-toggle-slot-sun svg,.theme-toggle.is-dark .theme-toggle-slot-moon svg{color:var(--text-main)}.eyebrow{color:var(--text-eyebrow);font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:500}.page-header h1,.workspace-top h2,.support-card h2,.seo-card h2,.faq-item h3,.results-header h3,.path-card h2{color:var(--text-main);font-family:var(--font-serif);letter-spacing:-.012em;margin:0;font-weight:600;line-height:1.05}.page-header h1{margin-top:14px;font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:500;line-height:.98}.path-card h2{font-size:1.55rem}.workspace-top h2,.support-card h2,.seo-card h2{font-size:clamp(1.7rem,3vw,2.2rem)}.page-copy,.section-copy,.notice-row p,.dropzone-copy p,.field small,.engine-card p,.support-item p,.seo-block p,.faq-item p,.result-card p{color:var(--text-muted);margin:0;line-height:1.65}.page-copy{margin-top:16px;font-size:1.02rem}.hero-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.hero-link{min-width:220px}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px;display:grid}.path-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card);isolation:isolate;border-radius:24px;padding:24px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.path-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 28px 56px -28px #7a273766}.path-card:before{content:"01";font-family:var(--font-serif);letter-spacing:-.04em;color:#7a27370f;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-size:clamp(4.5rem,9vw,6.4rem);font-weight:500;line-height:1;position:absolute;top:14px;right:22px}.path-card-featured:before{content:"02"}[data-theme=dark] .path-card:before{color:#e8d6c40a}.path-card>*{z-index:1;position:relative}.path-card-featured{background:linear-gradient(135deg, #7a273729, transparent 58%), var(--bg-card)}.path-points{color:var(--text-muted);gap:8px;margin:16px 0 0;padding-left:18px;display:grid}.path-points li::marker{color:var(--text-eyebrow)}.path-link{margin-top:18px}.workspace-card,.support-card,.seo-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card);isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.workspace-card:before,.support-card:before,.seo-card:before,.path-card:after{content:"";pointer-events:none;z-index:0;border:1px solid #e8d6c40a;border-radius:16px;position:absolute;inset:10px}[data-theme=dark] .workspace-card:before,[data-theme=dark] .support-card:before,[data-theme=dark] .seo-card:before,[data-theme=dark] .path-card:after{border-color:#e8d6c40d}.workspace-card>*,.support-card>*,.seo-card>*{z-index:1;position:relative}.workspace-card{padding:24px}.workspace-top,.notice-row,.file-row-top,.file-status,.action-bar,.engine-head,.results-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-top{margin-bottom:18px}.security-pill,.hint-chip,.engine-badge,.selection-summary span{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:inline-flex}.dropzone{border:1.5px dashed var(--border-strong);background:var(--bg-soft);text-align:center;border-radius:20px;justify-items:center;gap:14px;padding:36px 20px;transition:border-color .3s,background .3s,transform .3s;display:grid;position:relative}.dropzone:hover{border-color:#7a27375c}.dropzone.is-dragging{background:var(--bg-primary-soft);border-style:solid;border-color:#7a2737;transform:scale(1.005)}.dropzone-icon{background:var(--bg-elevated);width:48px;height:48px;color:var(--text-main);border:1px solid var(--border-color);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.dropzone-copy{gap:6px;display:grid}.dropzone-copy strong,.file-meta strong,.result-meta strong{color:var(--text-main)}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s,color .16s;display:inline-flex}.primary-button{background:var(--bg-primary);color:var(--text-on-primary)}.secondary-button,.icon-button{background:var(--bg-elevated);color:var(--text-main);border-color:var(--border-input)}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.icon-button{width:40px;min-width:40px;height:40px;padding:0}.notice-row{margin-top:16px;padding:14px 0 0}.notice-row span{color:var(--text-subtle);white-space:nowrap;font-size:.92rem}.selection-summary,.hint-list,.file-list,.results-section,.support-grid{gap:12px;display:grid}.selection-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:18px}.hint-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:18px}.file-list{margin-top:18px}.file-row{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:18px;padding:16px}.file-meta{gap:4px;min-width:0;display:grid}.file-meta strong,.result-meta strong{overflow-wrap:anywhere}.file-meta span,.status-text,.result-meta span{color:var(--text-muted);font-size:.92rem}.file-status{margin-top:12px}.status{color:var(--text-main);align-items:center;gap:8px;font-weight:600;display:inline-flex}.status-done{color:var(--text-accent)}.status-error{color:var(--text-danger)}.status-partial{color:var(--text-warning)}.progress-track{background:var(--bg-progress);border-radius:999px;width:100%;height:7px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--bg-primary);height:100%;display:block}.progress-track-soft span{background:var(--bg-progress-soft)}.output-picker{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:18px;gap:14px;margin-top:20px;padding:16px;display:grid}.output-picker-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.output-picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px;display:grid}.controls-grid-secondary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{gap:8px;min-width:0;display:grid}.field-head{gap:4px;display:grid}.field span{color:var(--text-main);font-size:.92rem;font-weight:600}.field select,.field input{border:1px solid var(--border-input);background:var(--bg-elevated);width:100%;min-width:0;min-height:48px;color:var(--text-main);border-radius:14px;padding:0 14px}.field select:disabled,.field input:disabled{background:var(--bg-soft);color:var(--text-muted)}.field-inline{margin-top:4px}.mini-button{border:1px solid var(--border-input);background:var(--bg-elevated);min-height:38px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.mini-button:disabled{opacity:.55;cursor:not-allowed}.output-chip-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.output-chip{border:1px solid var(--border-input);background:var(--bg-elevated);min-height:92px;color:var(--text-main);text-align:left;cursor:pointer;border-radius:16px;gap:6px;padding:14px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:grid}.output-chip:hover{transform:translateY(-1px)}.output-chip strong{font-size:1rem}.output-chip span{color:var(--text-muted);line-height:1.45}.output-chip.is-selected{background:var(--bg-primary);color:var(--text-on-primary);border-color:#0000}.output-chip.is-selected span{color:#ffffffc7}.output-chip:disabled{opacity:.65;cursor:not-allowed;transform:none}.output-empty,.output-picker-summary{color:var(--text-muted);margin:0;line-height:1.6}.preset-strip{border-top:1px solid var(--border-color);gap:12px;margin-top:18px;padding-top:16px;display:grid}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.preset-card{border:1px solid var(--border-input);background:var(--bg-elevated);min-height:84px;color:var(--text-main);text-align:left;cursor:pointer;border-radius:16px;gap:5px;padding:14px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:grid}.preset-card:hover{transform:translateY(-1px)}.preset-card strong{font-size:.98rem}.preset-card span{color:var(--text-muted);line-height:1.45}.preset-card.is-active{background:var(--bg-primary);color:var(--text-on-primary);border-color:#0000}.preset-card.is-active span{color:#ffffffc7}.preset-card:disabled{opacity:.55;cursor:not-allowed;transform:none}.action-bar{flex-wrap:wrap;justify-content:flex-start;margin-top:22px}.engine-card{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:18px;margin-top:18px;padding:16px}.engine-head{margin-bottom:10px}.results-section{margin-top:20px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.result-card{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:18px;gap:12px;padding:16px;display:grid}.result-meta{gap:4px;display:grid}.support-card{content-visibility:auto;contain-intrinsic-size:260px;margin-top:18px;padding:24px}.support-card h2{margin-bottom:16px}.support-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.support-item{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:18px;padding:16px}.support-item strong{color:var(--text-main);margin-bottom:6px;display:block}.seo-card{content-visibility:auto;contain-intrinsic-size:360px;gap:18px;margin-top:18px;padding:24px;display:grid}.seo-card-head{gap:8px;margin-bottom:4px;display:grid}.faq-grid,.seo-links-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.seo-block,.faq-item{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:18px;gap:10px;padding:18px;display:grid}.seo-link-card{border:1px solid var(--border-color);background:var(--bg-soft);color:inherit;border-radius:18px;gap:8px;padding:18px;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:grid}.seo-link-card:hover{border-color:var(--border-input);transform:translateY(-1px)}.seo-link-card strong{color:var(--text-main)}.seo-link-card span{color:var(--text-muted);line-height:1.6}.seo-list{color:var(--text-muted);gap:10px;margin:0;padding-left:18px;line-height:1.6;display:grid}.seo-list li::marker{color:var(--text-subtle)}.faq-item h3{font-size:1.1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-footer{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:24px;gap:12px;margin:28px 0 0;padding:20px 24px;display:grid}.page-footer-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-footer-tag{color:var(--text-muted);font-size:.9rem}.page-footer-meta{border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:12px;font-size:.86rem}.page-footer-meta a{color:var(--text-soft);text-underline-offset:3px;-webkit-text-decoration:underline #94a3b866;text-decoration:underline #94a3b866;transition:color .16s,text-decoration-color .16s}.page-footer-meta a:hover{color:var(--text-main);text-decoration-color:currentColor}@media (width<=720px){.page-footer{padding:18px}.page-footer-line{flex-direction:column;align-items:flex-start}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=720px){.app-shell{padding:20px 14px 40px}.workspace-card,.support-card,.seo-card,.path-card{padding:18px}.page-header-top,.workspace-top,.notice-row,.file-row-top,.file-status,.results-header,.engine-head,.output-picker-head{flex-direction:column;align-items:flex-start}.path-grid{grid-template-columns:1fr}.page-header{text-align:left}.hero-actions{justify-content:flex-start}.brand-line{align-self:flex-start}.theme-toggle{align-self:flex-end}.action-bar{flex-direction:column;align-items:stretch}.action-bar .primary-button,.action-bar .secondary-button,.output-picker-actions{width:100%}}.support-grid{gap:16px}.seo-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.seo-link-card{min-height:148px}.theme-toggle{justify-content:space-between;align-items:center;gap:4px;width:88px;min-width:88px;height:44px;padding:3px;display:inline-flex;overflow:hidden}.theme-toggle-slot{z-index:1;border-radius:999px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.theme-toggle svg{margin:0}.theme-toggle-thumb{width:36px;height:36px;top:3px;left:3px;box-shadow:0 4px 12px #0f172a29}.theme-toggle.is-dark .theme-toggle-thumb{transform:translate(40px)}@media (width<=960px){.seo-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.seo-links-grid{grid-template-columns:1fr}.theme-toggle{align-self:flex-start}}