:root{--bg:#f4f4f1;--surface:#fff;--text:#1c1c1a;--muted:#55554f;--border:#d8d8d3;--border-strong:#c9c9c3;--placeholder:#e3e3de;--primary:#1f4fb8;--primary-hover:#163b8a;--primary-soft:#f0f3fa;--danger:#a3261b;--danger-soft:#fbeeec;--radius:10px;color:var(--text);background:var(--bg);font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--primary)}a:hover{color:var(--primary-hover)}button{font:inherit;color:inherit}img{display:block}.demo-banner{color:#5c4400;text-align:center;background:#fff4d6;padding:6px 24px;font-size:13px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex}.brand{letter-spacing:.02em;color:var(--text);font-size:18px;font-weight:700;text-decoration:none}.crumbs{color:var(--muted);font-size:14px}.page{flex-direction:column;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:24px;display:flex}.page.wide{gap:24px;max-width:1200px;padding-top:32px}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;min-height:44px;color:var(--text);border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted);color:var(--text)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:24px;min-height:48px;padding:0 30px;font-size:16px;font-weight:700}.btn.primary:hover{background:var(--primary-hover);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{min-height:36px;padding:0 16px;font-size:14px}.linklike{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.muted{color:var(--muted)}.notice{color:#5c4400;background:#fff4d6;border-radius:8px;padding:10px 14px;font-size:14px}.error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:14px}.welcome{flex-direction:column;gap:12px;padding:24px;display:flex}.welcome h2{margin:0;font-size:20px}.welcome ol{margin:0;padding-left:20px;font-size:15px;line-height:1.9}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.drop{background:var(--surface);border-radius:var(--radius);text-align:center;cursor:pointer;min-height:220px;font:inherit;border:2px dashed #a6a6a0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.drop.over{border-color:var(--primary);background:var(--primary-soft)}.project-card{color:var(--text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{border-color:var(--muted);color:var(--text)}.project-card .cover-link{display:block}.project-card .cover{background:var(--placeholder);object-fit:cover;width:100%;height:150px}.project-card .meta{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.project-card .name{color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.project-card .confirm{background:var(--danger-soft)}.muted-link{color:var(--muted)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{color:#fff;background:#7f1d14}.signin{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.signin-card{flex-direction:column;gap:14px;width:100%;max-width:400px;padding:32px;display:flex}.signin-card h1{margin:0;font-size:22px}.signin-card p{margin:0;font-size:14px;line-height:1.6}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field input{border:1px solid var(--border-strong);min-height:44px;font:inherit;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:0 12px;font-size:17px}.consent{border-top:1px solid #e2e2dd;flex-direction:column;gap:8px;padding-top:14px;display:flex}.consent label{cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;display:flex}.consent input{flex:none;width:18px;height:18px;margin-top:2px}.consent p{margin:0 0 0 28px;font-size:13px;line-height:1.6}.consent div{margin-left:28px}.credits{background:var(--primary-soft);color:var(--primary);border-radius:14px;padding:4px 12px;font-size:14px}.credits.none{background:var(--danger-soft);color:var(--danger)}.account-section{flex-direction:column;gap:10px;padding:20px 24px;display:flex}.account-section h2{margin:0;font-size:17px}.account-section p{margin:0;font-size:14px;line-height:1.6}.tabs{justify-content:center;gap:8px;display:flex}.tab{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:22px;min-height:44px;padding:0 24px;font-size:15px}.tab[aria-selected=true]{background:var(--text);border-color:var(--text);color:#fff;font-weight:500}.stage{background:var(--placeholder);border-radius:var(--radius);justify-content:center;display:flex;position:relative;overflow:hidden}.stage .frame{width:fit-content;max-width:100%;position:relative}.stage img.base{cursor:crosshair;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:max(360px,100vh - 380px)}.stage img.overlay,.stage svg.areas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.text-input{border:1px solid var(--border-strong);min-height:36px;font:inherit;background:var(--surface);border-radius:6px;width:100%;max-width:320px;margin-top:6px;padding:0 10px;font-size:15px}.stage .dot{pointer-events:none;background:#fff;border:2px solid #14783c;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.stage .busy{color:#fff;background:#1c1c1acc;border-radius:18px;padding:8px 16px;font-size:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hint{text-align:center;font-size:14px}.actionbar{flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px;display:flex}.actionbar .slot{flex-direction:column;gap:2px;min-width:140px;display:flex}.actionbar .slot-label{color:var(--muted);font-size:13px}.actionbar .slot-value{align-items:baseline;gap:8px;font-size:16px;font-weight:500;display:flex}.actionbar .divider{background:#e2e2dd;align-self:stretch;width:1px}.ref{align-items:center;gap:12px;min-width:200px;display:flex}.ref .thumb{background:var(--placeholder);object-fit:cover;border-radius:6px;flex:none;width:56px;height:56px}.actionbar select{border:1px solid var(--border-strong);min-height:36px;font:inherit;background:var(--surface);border-radius:6px;padding:0 8px;font-size:15px}.go{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.go .note{color:var(--muted);font-size:12px}.results{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.results .heading{color:var(--muted);align-self:center;margin-right:4px;font-size:13px}.result-item{width:128px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;padding:0;text-decoration:none;display:flex}.result-item .tile{background:var(--placeholder);object-fit:cover;border:2px solid #0000;border-radius:6px;width:100%;height:72px}.result-item.current .tile{border-color:var(--text)}.result-item .caption{font-size:12px;line-height:1.4}.tile.pending{background:var(--primary-soft);border:1px dashed var(--primary);color:var(--primary);text-align:center;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex}.tile.failed{background:var(--danger-soft);border:1px dashed var(--danger);color:var(--danger);justify-content:center;align-items:center;font-size:12px;display:flex}.compare{border-radius:var(--radius);background:var(--placeholder);-webkit-user-select:none;user-select:none;touch-action:none;width:fit-content;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.compare img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:max(360px,100vh - 330px)}.compare img.after{width:100%;height:100%;position:absolute;inset:0}.compare .line{pointer-events:none;background:#fff;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0}.compare .knob{border:2px solid var(--text);pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:-18px 0 0 -18px;display:flex;position:absolute;top:50%}.compare .tag{color:#fff;background:#1c1c1abf;border-radius:4px;padding:4px 10px;font-size:13px;position:absolute;top:12px}.compare input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare input[type=range]:focus-visible+.line{outline:3px solid var(--primary)}.retry-box{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.disclaimer{color:var(--muted);margin:0;font-size:13px;line-height:1.6}@media (max-width:640px){.page{padding:16px}.topbar{padding:12px 16px}.actionbar{gap:14px}.actionbar .divider{display:none}.go{align-items:stretch;width:100%}}