*{box-sizing:border-box}html{background:var(--color-page);scroll-behavior:smooth;min-width:20rem}body{min-height:100vh;color:var(--color-text);background:var(--color-page);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-sm);margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand), transparent 62%);outline-offset:2px}button:disabled{cursor:wait;opacity:.58}a{color:inherit;text-decoration:none}svg{stroke-width:2px;width:1.15em;height:1.15em}.app-shell{min-height:100vh;overflow:hidden}.site-header{width:min(calc(100% - var(--space-8)), var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-4);height:5rem;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);font-size:var(--font-size-md);letter-spacing:-.02em;font-weight:800;display:flex}.brand>span{color:#fff;background:var(--color-brand);border-radius:var(--radius-sm);place-items:center;width:2.25rem;height:2.25rem;display:grid;transform:rotate(-5deg)}.site-header nav{align-items:center;gap:var(--space-2);display:flex}.icon-button,.nav-button,.text-button,.button{cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);border:0}.icon-button{width:2.75rem;height:2.75rem;color:var(--color-text);border-radius:var(--radius-pill);background:0 0;place-items:center;display:grid}.icon-button:hover,.nav-button:hover{background:var(--color-surface)}.nav-button{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);color:var(--color-text);border-radius:var(--radius-pill);background:0 0;display:flex}.nav-button b{min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);color:#fff;background:var(--color-brand);border-radius:var(--radius-pill);place-items:center;font-size:.7rem;display:grid}main{width:min(calc(100% - var(--space-8)), var(--content-width));margin:0 auto}.hero{max-width:58rem;margin:var(--space-12) auto var(--space-16);text-align:center;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-brand), transparent 83%), transparent 68%);filter:blur(8px);height:24rem;position:absolute;inset:-8rem 10% auto}.eyebrow{width:fit-content;margin:0 auto var(--space-5);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-pill);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:750;display:flex}h1,h2,h3,h4,p{margin-top:0}.hero h1{max-width:52rem;margin:0 auto var(--space-5);font-size:var(--font-size-xl);line-height:var(--line-xl);letter-spacing:-.055em}.hero>p{max-width:40rem;margin:0 auto var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-md)}.input-card{padding:var(--space-6);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-md) + var(--space-2));box-shadow:var(--shadow-2)}.input-card label{margin-bottom:var(--space-3);font-weight:750;display:block}.input-card textarea{resize:vertical;width:100%;min-height:8.5rem;padding:var(--space-4);color:var(--color-text);background:var(--color-page);border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:var(--line-sm);transition:border-color var(--transition), background var(--transition)}.input-card textarea:focus{background:var(--color-surface-raised);border-color:var(--color-brand)}.input-card textarea::placeholder{color:var(--color-text-muted);opacity:.72}.input-footer{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.input-footer>span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.form-error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--font-size-xs)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-sm);white-space:nowrap;font-weight:750;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--color-brand)}.button-primary:hover{background:var(--color-brand-hover)}.button-secondary{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.button-secondary:hover{border-color:color-mix(in srgb, var(--color-text), transparent 70%)}.button-small{min-height:2.25rem;padding:0 var(--space-3);font-size:var(--font-size-xs)}.text-button{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-2);color:var(--color-accent);background:0 0;font-weight:700;display:inline-flex}.text-button:hover{color:var(--color-brand)}.text-button.danger{margin-top:var(--space-4);color:var(--color-danger)}.platform-section{padding:var(--space-8);align-items:center;gap:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-md) + var(--space-2));box-shadow:var(--shadow-1);grid-template-columns:minmax(15rem,.7fr) 1.3fr;display:grid}.platform-section h2,.section-heading h2{margin-bottom:var(--space-2);font-size:var(--font-size-lg);line-height:var(--line-lg);letter-spacing:-.025em}.platform-section p{color:var(--color-text-muted);margin:0}.platform-cloud{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.platform-cloud span{padding:var(--space-2) var(--space-3);color:var(--color-text);background:color-mix(in srgb, var(--color-brand) calc(5% + var(--platform-index) * 0.35%), var(--color-page));border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700}.queue-section{padding:var(--space-16) 0}.section-heading{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.section-heading h2{margin:0}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);min-height:13rem;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.empty-state>span{width:3.5rem;height:3.5rem;color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-pill);place-items:center;display:grid}.empty-state p{margin:0}.task-list{gap:var(--space-5);display:grid}.task-row{padding:var(--space-5);align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex}.task-icon{width:2.75rem;height:2.75rem;color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-pill);font-size:var(--font-size-lg);flex:none;place-items:center;font-weight:800;display:grid}.task-error .task-icon{color:var(--color-danger)}.task-copy{flex:1;min-width:0}.task-copy strong,.task-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.task-copy span{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs)}.progress{height:var(--space-1);margin-top:var(--space-3);background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.progress i{background:var(--color-brand);border-radius:inherit;height:100%;transition:width .42s;display:block}.task-parsing .progress i{background-image:linear-gradient(90deg, var(--color-brand), color-mix(in srgb, var(--color-brand), white 28%), var(--color-brand));background-size:200% 100%;animation:1.4s linear infinite progress-shimmer}@keyframes progress-shimmer{to{background-position:-200% 0}}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-md) + var(--space-2));box-shadow:var(--shadow-1);grid-template-columns:minmax(15rem,23rem) 1fr;display:grid;overflow:hidden}.result-cover{background:var(--color-page);min-height:18rem;position:relative}.result-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-placeholder{width:100%;height:100%;color:var(--color-text-muted);place-items:center;display:grid}.cover-placeholder svg{width:4rem;height:4rem}.platform-badge{left:var(--space-4);top:var(--space-4);padding:var(--space-2) var(--space-3);color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-xs);background:#12110fc2;border:1px solid #fff3;font-weight:750;position:absolute}.result-body{min-width:0;padding:var(--space-6)}.result-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.result-heading h3{margin-bottom:var(--space-2);font-size:var(--font-size-lg);line-height:var(--line-lg);letter-spacing:-.02em}.metadata{gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.metadata span{align-items:center;gap:var(--space-1);display:flex}.format-section{margin-top:var(--space-6)}.format-section h4{margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.format-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.format-row{min-width:0;padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-page);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.format-row>div{min-width:0}.format-row strong,.format-row span{display:block}.format-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.format-row span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.gallery-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.gallery-heading p{margin:calc(var(--space-2) * -1) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.gallery-grid{gap:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.gallery-item{aspect-ratio:1;background:var(--color-page);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;position:relative;overflow:hidden}.gallery-item.selected{border-color:var(--color-brand)}.gallery-item input{opacity:0;pointer-events:none;position:absolute}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-item>span{top:var(--space-1);right:var(--space-1);color:#fff;background:var(--color-brand);border-radius:var(--radius-pill);place-items:center;width:1.35rem;height:1.35rem;display:none;position:absolute}.gallery-item.selected>span{display:grid}.gallery-actions{margin-top:var(--space-4);justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}footer{width:min(calc(100% - var(--space-8)), var(--content-width));padding:var(--space-8) 0 var(--space-12);justify-content:space-between;gap:var(--space-6);color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);margin:0 auto;display:flex}footer p{max-width:44rem;margin:0}.modal-layer{z-index:20;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-layer.centered{padding:var(--space-4);justify-content:center;align-items:center}.history-panel{width:min(32rem,100%);height:100%;padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-2);animation:.22s ease-out slide-in;overflow-y:auto}@keyframes slide-in{0%{transform:translate(100%)}}.modal-heading{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.modal-heading h2,.share-dialog h2{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.modal-heading p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.modal-heading .icon-button,.modal-close{font-size:var(--font-size-lg)}.history-list{gap:var(--space-3);display:grid}.history-row{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:3.5rem minmax(0,1fr) auto;display:grid}.history-row img,.history-thumb{object-fit:cover;background:var(--color-page);border-radius:var(--radius-sm);place-items:center;width:3.5rem;height:3.5rem;display:grid}.history-row>div{min-width:0}.history-row strong,.history-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-row span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.share-dialog{width:min(27rem,100%);padding:var(--space-8);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-md) + var(--space-2));box-shadow:var(--shadow-2);position:relative}.share-dialog .modal-close{top:var(--space-3);right:var(--space-3);position:absolute}.qr-wrap{width:fit-content;margin:var(--space-5) auto;padding:var(--space-4);border-radius:var(--radius-md);background:#fff}.qr-wrap svg{width:13rem;height:13rem;display:block}.share-dialog>p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);overflow:hidden}@media (width<=56rem){.platform-section,.result-card{grid-template-columns:1fr}.platform-cloud{justify-content:flex-start}.result-cover{min-height:22rem}}@media (width<=42rem){.site-header,main,footer{width:min(calc(100% - var(--space-5)), var(--content-width))}.site-header{height:4.5rem}.brand{max-width:12rem;line-height:var(--line-xs)}.nav-button span{display:none}.language-button span{display:block}.hero{margin:var(--space-8) auto var(--space-12)}.hero h1{font-size:2.35rem}.input-card{padding:var(--space-4)}.input-footer{flex-direction:column;align-items:stretch}.input-footer .button{width:100%}.platform-section{padding:var(--space-5);gap:var(--space-5)}.platform-cloud{max-height:10rem;overflow:hidden}.queue-section{padding:var(--space-12) 0}.result-cover{aspect-ratio:16/10;min-height:16rem;max-height:24rem}.result-body{padding:var(--space-4)}.format-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-actions{flex-direction:column;align-items:stretch}.gallery-actions .button{width:100%}footer{flex-direction:column;align-items:flex-start}.history-panel{padding:var(--space-4)}.history-row{grid-template-columns:3rem minmax(0,1fr)}.history-row img,.history-thumb{width:3rem;height:3rem}.history-row .button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:#e24b3f;--color-brand-hover:#ca3f35;--color-brand-soft:#fff0ed;--color-accent:#176b5b;--color-page:#f8f6f1;--color-surface:#fff;--color-surface-raised:#fffdfa;--color-text:#1d1c1a;--color-text-muted:#716e68;--color-border:#e8e3da;--color-success:#23845f;--color-warning:#b56a12;--color-danger:#c73e35;--color-overlay:#16141185;--font-sans:Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:clamp(2rem, 4vw, 3.25rem);--line-xs:1.25rem;--line-sm:1.5rem;--line-md:1.625rem;--line-lg:1.875rem;--line-xl:1.12;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.75rem;--radius-md:1.125rem;--radius-pill:999px;--shadow-1:0 8px 26px #332a1f12;--shadow-2:0 18px 50px #332a1f1f;--content-width:72rem;--transition:.18s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:#ff7469;--color-brand-hover:#ff8a80;--color-brand-soft:#3b2422;--color-accent:#6ac0ad;--color-page:#151513;--color-surface:#1e1e1b;--color-surface-raised:#252521;--color-text:#f5f2ea;--color-text-muted:#aaa69e;--color-border:#34332e;--color-overlay:#000000b3;--shadow-1:none;--shadow-2:none}