:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0d1419;--surface:#111b22;--surface-raised:#153243;--surface-strong:#1b3c4d;--text:#eef0eb;--text-muted:#bfc8c1;--primary:#eef0eb;--primary-strong:#f4f9e9;--secondary:#284b63;--secondary-strong:#35607c;--accent:#b4b8ab;--accent-strong:#d1d6ca;--button-primary-text:#0d1419;--line:#b4b8ab24;--line-strong:#b4b8ab4d;--focus:#b4b8ab3d;--shadow-soft:0 8px 18px #0000002e;--shadow-strong:0 14px 28px #0000003d;--success:#bde7c4;--success-bg:#1f5b3a38;--error:#f5c0c0;--error-bg:#ab2f2f38;--notice-bg:#284b6352;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--duration-fast:.16s;--duration-base:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1);--mono:"SFMono-Regular", "Cascadia Code", "JetBrains Mono", ui-monospace, monospace;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#eef0eb;--surface:#f4f9e9;--surface-raised:#fff;--surface-strong:#fbfcf9;--text:#153243;--text-muted:#425563;--primary:#153243;--primary-strong:#0f2531;--secondary:#284b63;--secondary-strong:#35607c;--accent:#4d584e;--accent-strong:#344136;--button-primary-text:#eef0eb;--line:#1532431f;--line-strong:#15324338;--focus:#284b6333;--shadow-soft:0 8px 18px #1532430d;--shadow-strong:0 14px 28px #15324314;--success:#1f5b3a;--success-bg:#1f5b3a1a;--error:#ab2f2f;--error-bg:#ab2f2f1a;--notice-bg:#284b6314}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48;transform:none}img{max-width:100%;display:block}#app{min-height:100vh}.skip-link{z-index:10;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);transition:transform var(--duration-fast) var(--ease-out);padding:10px 12px;text-decoration:none;position:absolute;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:24px 0 56px}.hero,.dropzone,.action-bar,.grid,.empty-state,.notice{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}.hero{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.35fr) minmax(320px,.92fr);gap:20px;padding:24px;display:grid}.hero__copywrap,.control-panel,.dropzone__content,.action-bar,.card,.empty-state{position:relative}.hero__copywrap{gap:18px;display:grid}.hero__actions{align-items:center;gap:12px;display:flex}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:600;display:inline-flex}h1,h2,p{margin:0}h1{letter-spacing:-.045em;max-width:12ch;font-size:clamp(2.5rem,6vw,4.3rem);font-weight:700;line-height:.95}h2{letter-spacing:-.025em;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:700;line-height:1.08}.hero__copy,.control-panel__header p,.dropzone__content p,.dropzone__hint,.empty-state p,.card__meta span,.card__error,.step-card p,.hero__route-label{color:var(--text-muted)}.hero__copy{max-width:62ch;font-size:1rem}.hero__route{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;padding:12px 14px;display:inline-flex}.hero__route strong{font-size:.95rem}.hero__route-label{margin-right:4px;font-size:.84rem;font-weight:600}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.step-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);min-height:94px;transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.step-card__index{border:1px solid var(--line);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent);font-family:var(--mono);background:0 0;place-items:center;font-weight:600;display:inline-grid}.step-card strong{margin-bottom:4px;display:block}.step-card--active,.step-card--complete{border-color:var(--line-strong)}.control-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-strong);align-content:start;gap:18px;padding:22px;display:grid}.controls{gap:14px;display:grid}.field{gap:8px;font-size:.95rem;display:grid}.field span{font-weight:600}.field select{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);min-height:50px;color:var(--text);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:0 14px}.button,.field select,.dropzone{touch-action:manipulation}.button{border-radius:var(--radius-md);letter-spacing:-.01em;min-height:50px;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:inline-flex}.button__content{align-items:center;gap:10px;display:inline-flex}.button__spinner{border:2px solid #ffffff3d;border-top-color:#fffffff5;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}.button--primary{background:var(--accent);color:var(--button-primary-text);box-shadow:0 8px 18px #00000024}.button--ghost{border-color:var(--line-strong);color:var(--text);background:0 0}.button--full{width:100%}.button--hero{min-width:min(100%,280px);min-height:56px;font-size:1rem}.button--hero-inline{min-width:192px}.button:hover:not(:disabled),.button:focus-visible:not(:disabled),.field select:hover,.field select:focus-visible,.step-card:hover,.card:hover{transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.985)}.button--primary:hover:not(:disabled),.button--primary:focus-visible:not(:disabled){background:var(--accent-strong)}.button--ghost:hover:not(:disabled),.button--ghost:focus-visible:not(:disabled),.field select:hover,.field select:focus-visible{border-color:var(--line-strong)}.button:focus-visible,.field select:focus-visible,.dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-tile{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);gap:4px;padding:14px;display:grid}.stat-tile span{color:var(--text-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:600}.stat-tile strong{font-size:1.35rem;line-height:1}.dropzone{border-radius:var(--radius-xl);margin-top:24px;padding:14px}.dropzone__content{text-align:center;border:1px dashed var(--line-strong);border-radius:calc(var(--radius-xl) - 4px);background:var(--surface-raised);justify-items:center;gap:14px;min-height:292px;padding:36px 24px;display:grid}.dropzone__icon{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);place-items:center;width:64px;height:64px;display:grid}.dropzone__icon span{width:22px;height:22px;color:var(--accent);border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg)translate(-2px,-2px)}.dropzone__meta{gap:4px;display:grid}.dropzone--active{border-color:var(--line-strong);box-shadow:var(--shadow-strong)}.dropzone--active .dropzone__content{border-color:var(--accent)}.action-bar{border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:18px 20px;display:flex}.action-bar__summary{gap:10px;min-width:0;display:grid}.action-bar__summary strong{font-size:1rem;line-height:1.35}.progress-track{border-radius:var(--radius-xs);background:#284b633d;width:min(360px,100%);height:8px;overflow:hidden}.progress-track__fill{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--duration-base) var(--ease-out);display:block}.action-bar__buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notices{gap:12px;margin-top:24px;display:grid}.notice{border-radius:var(--radius-md);gap:4px;padding:14px 16px;display:grid}.notice--neutral{background:var(--notice-bg);border-color:var(--line)}.notice--success{background:var(--success-bg);color:var(--success);border-color:#1f5b3a3d}.notice--error{background:var(--error-bg);color:var(--error);border-color:#ab2f2f3d}.grid{border-radius:var(--radius-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:24px;padding:16px;display:grid}.empty-state{border-radius:var(--radius-lg);text-align:center;place-items:center;gap:10px;min-height:220px;padding:48px 24px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);gap:0;display:grid}.card--converted{border-color:#1f5b3a4d}.card--error{border-color:#ab2f2f4d}.card__media{aspect-ratio:16/10;background:var(--surface-strong);overflow:hidden}.card__preview{object-fit:cover;width:100%;height:100%}.card__preview--placeholder{height:100%;color:var(--text-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:.95rem;font-weight:600;display:grid}.card__body{gap:12px;padding:16px;display:grid}.card__meta{gap:6px;display:grid}.card__meta strong{word-break:break-word;font-size:.98rem;line-height:1.3}.card__actions,.card__result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card__error{font-size:.93rem}.badge{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);min-height:30px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 12px;font-size:.76rem;font-weight:600;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success);border-color:#1f5b3a3d}.badge--error{background:var(--error-bg);color:var(--error);border-color:#ab2f2f3d}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.hero,.step-grid{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.action-bar__buttons>*{flex:220px}}@media (width<=760px){.shell{width:min(100vw - 20px,1120px);padding:18px 0 40px}.hero{gap:16px;padding:18px}h1{max-width:none;font-size:clamp(2.2rem,12vw,3.4rem)}.hero__copywrap{gap:16px}.hero__copy{font-size:.96rem}.hero__actions .button{width:100%}.control-panel{padding:18px}.stat-strip{grid-template-columns:1fr}.dropzone{padding:10px}.dropzone__content{min-height:272px;padding:26px 18px}.action-bar{padding:16px}.progress-track{width:100%}.action-bar__buttons{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}