:root{color:#17151f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17151f;--muted:#706b78;--paper:#fffaf2;--soft:#f3ebdf;--line:#17151f1f;--line-strong:#17151f3d;--accent:#ff6a3d;--accent-soft:#ff6a3d21;--shadow:0 30px 80px #20182a1f;background:#fbf7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#ff6a3d24,#0000 32%),linear-gradient(#fffaf2 0%,#fbf7ef 58%,#f0e8dc 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,label,summary{-webkit-tap-highlight-color:transparent}h1,p{margin-top:0}.shell{width:min(980px,100% - 28px);margin:0 auto;padding:26px 0 54px}#fileInput{opacity:0;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hero{text-align:center;justify-items:center;padding:20px 0 24px;display:grid}.brand{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:850}h1{letter-spacing:-.07em;text-wrap:balance;max-width:760px;margin-bottom:12px;font-size:clamp(42px,7vw,74px);line-height:.96}.hero p{color:#47414f;max-width:460px;margin-bottom:22px;font-size:clamp(16px,2vw,20px);line-height:1.45}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-button,.ghost-button{appearance:none;min-height:48px;color:var(--ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s,background .16s;display:inline-flex}.primary-button{background:var(--ink);color:#fff;box-shadow:0 14px 30px #17151f38}.ghost-button{border-color:var(--line);background:#ffffffad}.primary-button:hover,.ghost-button:hover,.preset-button:hover,.segment:hover,.variant-tabs button:hover{transform:translateY(-1px);box-shadow:0 14px 32px #17151f1f}.primary-button:focus-visible,.ghost-button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.preset-button:focus-visible,.segment:focus-visible,.variant-tabs button:focus-visible{outline-offset:3px;outline:3px solid #ff6a3d52}.primary-button:disabled,.ghost-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.compact{min-height:42px;padding:9px 16px}.card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2d6;border-radius:34px}.generator{gap:24px;padding:clamp(18px,4vw,34px);display:grid}.upload-panel{justify-items:center;gap:14px;display:grid}#app.has-image .upload-panel{display:none}.drop-zone{text-align:center;border:1.5px dashed var(--line-strong);cursor:pointer;background:#ffffff94;border-radius:30px;place-items:center;gap:8px;width:min(520px,100%);min-height:300px;padding:30px;transition:border-color .16s,background .16s,transform .16s;display:grid}.drop-zone strong{letter-spacing:-.03em;font-size:22px}.drop-zone small{color:var(--muted);font-size:15px}.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.avatar-mark{aspect-ratio:1;border:1px solid var(--line-strong);width:128px;image-rendering:pixelated;background:linear-gradient(#17151f 0 0) 35% 40%/12% 12% no-repeat,linear-gradient(#17151f 0 0) 65% 40%/12% 12% no-repeat,linear-gradient(#ff6a3d 0 0) 42% 66%/30% 8% no-repeat,linear-gradient(135deg,#ffd7bd,#efa39f 54%,#879fff);border-radius:26px}.result-view{justify-items:center;gap:18px;display:none}#app.has-image .result-view{display:grid}.canvas-frame{aspect-ratio:1;border:1px solid var(--line);background-color:#fffdf7;background-image:linear-gradient(45deg,#17151f0b 25%,#0000 25%),linear-gradient(-45deg,#17151f0b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#17151f0b 75%),linear-gradient(-45deg,#0000 75%,#17151f0b 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:32px;place-items:center;width:min(520px,100%);padding:clamp(12px,2vw,20px);display:grid}#resultCanvas{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;border-radius:22px}.result-meta{text-align:center;justify-items:center;gap:10px;display:grid}#status{color:#3d3744;margin:0;font-weight:720}.stage-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stage-dots span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#ffffff94;border-radius:999px;align-items:center;padding:5px 10px;font-size:13px;font-weight:780;display:inline-flex}#app.has-image .stage-dots span{color:var(--ink);background:#ff6a3d17}.quick-controls{grid-template-columns:1fr;justify-self:center;gap:14px;width:min(720px,100%);display:none}#app.has-image .quick-controls{display:grid}.control-row{grid-template-columns:58px 1fr;align-items:center;gap:12px;display:grid}.control-label{color:var(--muted);font-size:14px;font-weight:820}.pill-group,.variant-tabs{flex-wrap:wrap;gap:8px;display:flex}.preset-button,.segment,.variant-tabs button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:#ffffffad;border-radius:999px;padding:8px 14px;font-weight:820;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s}.preset-button.active,.segment.active,.variant-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.variant-tabs:empty:before{content:"上传后可选";color:var(--muted);font-size:14px}.download{justify-self:center;width:min(360px,100%);margin-top:4px}.details-bar{gap:10px;width:min(760px,100%);margin:18px auto 0;display:grid}.advanced-panel,.backend-panel{border:1px solid var(--line);color:var(--muted);background:#ffffff80;border-radius:22px;padding:14px 18px;font-size:14px;line-height:1.5}.advanced-panel summary,.backend-panel summary,.dev-details summary{cursor:pointer;color:#484250;font-weight:820}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding-top:14px;display:grid}.field{gap:7px;font-weight:760;display:grid}.field span{justify-content:space-between;gap:10px;display:flex}.field b{color:var(--accent)}select,input[type=range]{width:100%}select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#ffffffb8;border-radius:13px;padding:8px 10px;font-weight:720}input[type=range]{accent-color:var(--accent)}.check{color:#383340;align-items:center;gap:9px;font-weight:720;display:flex}.check input{width:19px;height:19px;accent-color:var(--accent)}.backend-panel{display:none}.backend-panel p{margin:10px 0}.backend-actions{flex-wrap:wrap;gap:8px;display:flex}#sourceCanvas{border:1px solid var(--line);width:96px;height:96px;image-rendering:pixelated;border-radius:14px;margin-top:12px}.dev-details{margin-top:10px}.dev-details p{margin-bottom:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=720px){.shell{width:min(100% - 18px,560px);padding-top:18px}h1{font-size:clamp(40px,13vw,58px)}.generator{border-radius:26px}.drop-zone{border-radius:24px;min-height:250px}.canvas-frame{border-radius:24px}.control-row{grid-template-columns:1fr;gap:8px}.advanced-grid{grid-template-columns:1fr}.primary-button,.ghost-button{min-height:46px}.hero-actions,.backend-actions{width:100%}.hero-actions .primary-button,.hero-actions .ghost-button{flex:1}}@media (width<=460px){.shell{width:min(100% - 12px,440px)}.generator{padding:14px}.hero{padding-top:10px}.pill-group,.variant-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preset-button,.segment,.variant-tabs button,.download{width:100%}}