:root{--ink:#20252a;--paper:#707b83;--panel:#f8f8f7;--line:#bac0c3;--purple:#6900dc;--gold:#e6b400;--orange:#eb7b1f;--muted:#5f686e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:9;background:#fff;padding:.7rem}.site-header{min-height:78px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #818b91;background:#68737b;color:#fff}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:.06em}.brand img{width:55px;height:55px;object-fit:contain}.brand small{display:block;font:500 9px/1.25 Oswald,sans-serif;letter-spacing:.22em;opacity:.78}.site-nav{display:flex;gap:.55rem}.site-nav a{min-width:70px;padding:.52rem .72rem;color:#fff;text-align:center;text-decoration:none;font-size:.79rem;box-shadow:inset 0 1px rgba(255,255,255,.45),0 2px 3px rgba(0,0,0,.25)}.nav-purple{background:linear-gradient(#9d50ff,#6100c9)}.nav-gold{background:linear-gradient(#ffdb43,#d9a900);color:#2d2500!important}.nav-orange{background:linear-gradient(#ffad5e,#e67011)}.hero{position:relative;isolation:isolate;min-height:535px;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,13vw,13rem) 4rem;overflow:hidden;background:#111;color:#fff}.hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(10,11,12,.97) 0%,rgba(10,11,12,.88) 28%,rgba(10,11,12,.22) 62%,rgba(10,11,12,.05) 100%)}.hero-copy{position:relative;z-index:1;max-width:650px}.hero-visual{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.eyebrow{margin:0 0 .8rem;color:#fff078;font:600 .77rem/1 Oswald,sans-serif;letter-spacing:.18em}.hero h1{margin:0;font-size:clamp(2.75rem,6.5vw,5.8rem);line-height:1.08;letter-spacing:-.06em;text-shadow:0 2px 2px rgba(0,0,0,.22)}.hero em{font-style:normal;color:#fff5bf}.intro{max-width:590px;margin:1.8rem 0;color:#fff;line-height:1.8;font-size:.95rem}.scroll-cue{display:inline-flex;gap:1rem;color:#fff;text-decoration:none;font-size:.86rem;border-bottom:1px solid #dfe3e5;padding-bottom:.5rem}.visualizer{max-width:1060px;margin:0 auto;padding:clamp(3.5rem,8vw,6.5rem) 1.25rem}.section-heading{color:#fff}.section-heading h2,.result h2{margin:0;font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.05em}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.2rem}.upload-card{position:relative;min-height:276px;padding:1.55rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #9ea6aa;background:var(--panel);cursor:pointer;transition:.2s}.upload-card:hover,.upload-card.dragover{border-color:var(--purple);background:#fff}.upload-card.has-image{border-style:solid;padding:0;overflow:hidden}.step-number{position:absolute;top:1.1rem;left:1.25rem;font:600 .85rem Oswald,sans-serif;color:#85827c}.upload-icon{font-size:3rem;line-height:1;margin-bottom:1rem;color:var(--purple)}.upload-card strong{font-size:1.15rem}.upload-card>span:not(.step-number):not(.upload-icon){max-width:240px;margin-top:.7rem;color:var(--muted);font-size:.79rem;line-height:1.65}.image-preview{display:none;width:100%;height:276px;object-fit:cover}.has-image .image-preview{display:block}.has-image>.upload-icon,.has-image>strong,.has-image>span:not(.step-number),.replace-file{display:none}.has-image .replace-file{display:block;position:absolute;right:1rem;bottom:1rem;border:0;background:var(--purple);color:#fff;padding:.55rem .85rem;font:500 .78rem "Noto Sans TC";cursor:pointer}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}.consent{display:flex;align-items:flex-start;gap:.65rem;max-width:560px;font-size:.78rem;line-height:1.6;color:#fff;cursor:pointer}.consent input{margin:.25rem 0 0;accent-color:var(--purple)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;border:0;padding:1rem 1.35rem;background:linear-gradient(#9640ff,#6100c9);box-shadow:inset 0 1px rgba(255,255,255,.35),0 2px 3px rgba(0,0,0,.25);color:#fff;text-decoration:none;font:600 .92rem "Noto Sans TC";cursor:pointer;white-space:nowrap}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.compact{padding:.8rem 1rem;background:linear-gradient(#ffad5e,#e67011)}.form-note,.result-disclaimer{margin:.8rem 0 0;color:#edf0f1;font-size:.76rem;line-height:1.65}.form-error{color:#fff3a1;font-weight:600;font-size:.86rem}.result{margin-top:4rem;padding:3rem;background:#e8ebeb;border:1px solid #c3c9cc}.result .eyebrow{color:var(--purple)}.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.text-button{border:0;border-bottom:1px solid #555;background:none;padding:0 0 .3rem;font:500 .84rem "Noto Sans TC";cursor:pointer}.result-image-wrap{position:relative;display:grid;place-items:center;min-height:300px;margin-top:1.5rem;background:#d2d6d7}.result-image-wrap img{display:none;max-width:100%;max-height:720px}.result-image-wrap.complete img{display:block}.loading{text-align:center}.loading[hidden]{display:none}.spinner{display:block;width:36px;height:36px;margin:0 auto 1rem;border:3px solid #c6c3bd;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin:.5rem 0;color:var(--muted);font-size:.82rem}.result-actions{display:flex;gap:.75rem;margin-top:1.25rem}.secondary-button{background:#fff;box-shadow:none;color:var(--ink);border:1px solid var(--ink);padding:.78rem 1rem}.result-disclaimer{color:var(--muted)}footer{padding:2rem 1.25rem;background:#68737b;color:#fff;text-align:center;font-size:.75rem}@media(max-width:680px){.site-header{min-height:70px;padding:.45rem 1rem}.brand{font-size:1rem}.brand img{width:43px;height:43px}.site-nav a{min-width:0;padding:.42rem .45rem;font-size:.68rem}.hero{min-height:500px;padding-bottom:3rem}.hero:after{background:linear-gradient(90deg,rgba(10,11,12,.93),rgba(10,11,12,.52))}.hero-visual{object-position:60% center}.upload-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.primary-button{width:100%}.result{padding:1.5rem}.result-actions{flex-direction:column}.result-actions>*{width:100%}}