.fs *,.fs-order *{box-sizing:border-box}.fs{--fs-line:var(--th-line,#1018081a);--fs-line-strong:var(--th-line-strong,#1018082e);--fs-raise:var(--th-raise,#fff);--fs-bg:var(--th-bg,#f7f6f2);--fs-text:var(--th-text,#15171a);--fs-muted:var(--th-muted,#4f545a);--fs-signal:var(--th-signal,#1f5f46);--fs-ink:var(--th-signal-ink,#1f5f46);--fs-warn:var(--th-warn,#a35300);color:var(--fs-text)}.fs-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:900px){.fs-grid{grid-template-columns:1fr}}.fs-stage{gap:10px;display:grid;position:sticky;top:84px}@media (max-width:900px){.fs-stage{position:static}}.fs-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fs-tabs>button,.fs-zoom button{border:1px solid var(--fs-line-strong);background:var(--fs-raise);min-height:36px;color:var(--fs-text);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px}.fs-tabs>button[aria-selected=true]{background:var(--fs-text);border-color:var(--fs-text);color:var(--fs-raise)}.fs-zoom{gap:4px;margin-left:auto;display:inline-flex}.fs-zoom button{min-height:30px;padding:0 10px;font-size:12px}.fs-zoom button[aria-pressed=true]{border-color:var(--fs-ink);box-shadow:inset 0 0 0 1px var(--fs-ink)}.fs-canvas{border:1px solid var(--fs-line);background:#f7f6f1;border-radius:16px;position:relative;overflow:hidden}.fs-canvas canvas{width:100%;display:block}.fs-drop{text-align:center;cursor:pointer;border:2px dashed var(--fs-line-strong);color:var(--fs-text);background:#ffffffd1;border-radius:12px;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:20px 0 0 20px}.fs-drop:hover,.fs-drop:focus-within{border-color:var(--fs-ink)}.fs-drop strong{font-size:18px}.fs-drop span{max-width:36ch;color:var(--fs-muted);font-size:13px;line-height:1.5}.fs-drop input,.fs-upload input,.fs-link input{opacity:0;width:1px;height:1px;position:absolute}.fs-panel{gap:14px;display:grid}.fs-step{border:1px solid var(--fs-line);background:var(--fs-raise);border-radius:16px;gap:10px;min-width:0;margin:0;padding:18px;display:grid}.fs-step legend,.fs-legend{align-items:center;gap:10px;padding:0 6px;font-size:16px;font-weight:700;display:flex}.fs-legend{padding:0}.fs-step legend span,.fs-legend span{font:600 12px/1 var(--font-mono,monospace);color:var(--fs-ink)}.fs-label{align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.fs-muted{color:var(--fs-muted);margin:0;font-size:13px;line-height:1.5}.fs-error{color:var(--fs-warn);margin:0;font-size:14px}.fs-upload{background:var(--fs-text);min-height:44px;color:var(--fs-raise);cursor:pointer;border-radius:10px;justify-self:start;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex;position:relative}.fs-upload:focus-within{outline:3px solid var(--fs-signal);outline-offset:2px}.fs-file{background:var(--fs-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.fs-file-name{overflow-wrap:anywhere;gap:2px;min-width:0;font-size:14px;font-weight:600;display:grid}.fs-file-name small{color:var(--fs-muted);font-weight:400}.fs-link{cursor:pointer;flex:none;font-size:14px;text-decoration:underline;position:relative}.fs-link:focus-within{outline:2px solid var(--fs-ink)}.fs-repeats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}@media (max-width:420px){.fs-repeats{grid-template-columns:repeat(3,minmax(0,1fr))}}.fs-repeats button{border:1px solid var(--fs-line);background:var(--fs-raise);color:var(--fs-text);font:inherit;cursor:pointer;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;font-size:12px;display:grid}.fs-repeats button.is-on,.fs-fabrics button.is-on,.fs-kinds button.is-on,.fs-chips button.is-on{border-color:var(--fs-ink);box-shadow:inset 0 0 0 1px var(--fs-ink);background:color-mix(in srgb, var(--fs-signal) 14%, var(--fs-raise))}.fs-size{grid-template-columns:1fr auto auto;align-items:end;gap:10px;display:grid}@media (max-width:420px){.fs-size{grid-template-columns:1fr 1fr}.fs-size input[type=range]{grid-column:1/-1}}.fs-size input[type=range]{width:100%;accent-color:var(--fs-ink)}.fs-size label{color:var(--fs-muted);gap:4px;font-size:12px;display:grid}.fs-size label span{color:var(--fs-text);align-items:center;gap:4px;display:inline-flex}.fs-size input[type=number]{border:1px solid var(--fs-line-strong);background:var(--fs-raise);width:76px;min-height:38px;color:var(--fs-text);font:inherit;border-radius:8px;padding:0 8px}.fs-size input[readonly]{background:var(--fs-bg);color:var(--fs-muted)}.fs-dpi{background:var(--fs-bg);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.fs-dpi.is-ok{color:var(--fs-ink)}.fs-dpi.is-warn{color:var(--fs-warn)}.fs-dpi.is-block{color:#fff;background:#b42318}.fs-fabrics{gap:8px;display:grid}.fs-fabrics button,.fs-kinds button{border:1px solid var(--fs-line);background:var(--fs-raise);color:var(--fs-text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.fs-fabrics strong{justify-content:space-between;gap:10px;font-size:15px;display:flex}.fs-fabrics strong em{font:600 14px/1.3 var(--font-mono,monospace);white-space:nowrap;font-style:normal}.fs-fabrics span{font-size:13px}.fs-fabrics small,.fs-kinds small{color:var(--fs-muted);font-size:12px;line-height:1.45}.fs-kinds{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px;display:grid}.fs-kinds strong{font-size:14px}.fs-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:420px){.fs-row{grid-template-columns:1fr}}.fs-field{gap:5px;min-width:0;font-size:13px;font-weight:600;display:grid}.fs-field>span{align-items:center;gap:4px;display:inline-flex}.fs-field small{color:var(--fs-muted);font-weight:400}.fs-field input,.fs-field select,.fs-address input,.fs-alipay input{border:1px solid var(--fs-line-strong);background:var(--fs-raise);width:100%;min-height:42px;color:var(--fs-text);font:inherit;border-radius:10px;padding:0 12px;font-weight:400}.fs-check{align-self:end;align-items:center;gap:8px;min-height:42px;font-size:14px;display:flex}.fs-chips{flex-wrap:wrap;gap:6px;display:flex}.fs-chips button{border:1px solid var(--fs-line);background:var(--fs-raise);min-height:34px;color:var(--fs-text);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.fs-quote{background:var(--fs-bg);border-radius:12px;gap:8px;padding:14px;transition:opacity .15s;display:grid}.fs-quote.is-loading{opacity:.6}.fs-quote h3{margin:0;font-size:14px}.fs-quote dl,.fs-totals{gap:6px;margin:0;font-size:14px;display:grid}.fs-quote dl div,.fs-totals div{justify-content:space-between;gap:12px;display:flex}.fs-quote dt,.fs-totals dt{color:var(--fs-muted)}.fs-quote dd,.fs-totals dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.fs-quote .is-total,.fs-totals .is-total{border-top:1px solid var(--fs-line);padding-top:6px;font-size:18px;font-weight:700}.fs-quote .is-total dt,.fs-totals .is-total dt{color:inherit}.fs-quote details{color:var(--fs-muted);font-size:13px}.fs-quote summary{cursor:pointer}.fs-quote details p,.fs-quote details ul{margin:6px 0 0;line-height:1.5}.fs-quote details ul{padding-left:18px}.fs-checkout .th-button{justify-self:start}.fs-pay{border:1px solid var(--fs-line);border-radius:12px;gap:8px;margin:0;padding:10px;display:grid}.fs-pay legend{color:var(--fs-muted);padding:0 6px;font-size:13px}.fs-pay label{border:1px solid var(--fs-line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.fs-pay label.is-on{border-color:var(--fs-ink)}.fs-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.fs-fineprint{color:var(--fs-muted);margin:0;font-size:12px;line-height:1.5}.fs-fineprint a{color:inherit}.fs-order{gap:14px;max-width:660px;display:grid}.fs-order-head{align-items:center;gap:16px;display:flex}.fs-order-head img{object-fit:cover;border:1px solid var(--th-line,#0000001a);background:#fff;border-radius:12px;width:96px;height:96px}.fs-order h1{margin:0;font-size:24px}.fs-order h2{margin:0;font-size:18px}.fs-status{background:var(--th-bg,#f7f6f2);border-radius:999px;margin:6px 0 0;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.fs-status.is-paid,.fs-status.is-producing,.fs-status.is-shipped{color:var(--th-signal-ink,#1f5f46);background:#1f5f4615}.fs-status.is-cancelled{color:var(--th-warn,#a35300)}.fs-summary{background:var(--th-bg,#f7f6f2);border-radius:10px;margin:0;padding:10px 12px;line-height:1.6}.fs-order .fs-muted,.fs-order .fs-error{--fs-muted:var(--th-muted,#4f545a);--fs-warn:var(--th-warn,#a35300)}.fs-alipay,.fs-address{border:1px solid var(--th-line,#0000001a);border-radius:14px;gap:12px;padding:18px;display:grid}.fs-alipay label,.fs-address label{gap:6px;font-size:14px;font-weight:600;display:grid}.fs-alipay .th-button,.fs-address .th-button{justify-self:start}.fs-order .fs-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.fs-order .fs-row{grid-template-columns:1fr}}.fs-page-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.fs-page-steps li{border:1px solid var(--th-line,#0000001a);background:var(--th-raise,#fff);border-radius:16px;gap:6px;padding:18px;display:grid}.fs-page-steps b{font:600 12px/1 var(--font-mono,monospace);color:var(--th-signal-ink,#1f5f46)}.fs-page-steps strong{font-size:16px}.fs-page-steps p{color:var(--th-muted,#4f545a);margin:0;font-size:14px;line-height:1.55}.fs-faq{gap:10px;max-width:820px;display:grid}.fs-faq details{border:1px solid var(--th-line,#0000001a);background:var(--th-raise,#fff);border-radius:12px;padding:14px 16px}.fs-faq summary{cursor:pointer;font-weight:600}.fs-faq p{color:var(--th-muted,#4f545a);margin:8px 0 0;line-height:1.6}.fs-page-facts{flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.fs-page-facts li:before{content:"✓ ";color:var(--th-signal-ink,#1f5f46);font-weight:700}.fs-swatches{flex-wrap:wrap;gap:8px;display:flex}.fs-swatches button{border:1px solid var(--fs-line-strong);cursor:pointer;width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--fs-raise);border-radius:999px;padding:0}.fs-swatches button.is-on{outline:2px solid var(--fs-ink);outline-offset:2px}.fs-chips button{align-items:center;gap:6px;display:inline-flex}.fs-chip-static{background:var(--fs-text);min-height:32px;color:var(--fs-raise);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.fs-kinds button small+small{color:var(--fs-text);font-weight:600}.fs-timeline{counter-reset:fs-step;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:4px 0 0;padding:0;list-style:none;display:grid}.fs-timeline li{color:var(--th-muted,#4f545a);align-content:start;gap:4px;padding:22px 8px 0 0;font-size:13px;display:grid;position:relative}.fs-timeline li:before{content:"";border:2px solid var(--th-line-strong,#10180833);background:var(--th-raise,#fff);box-sizing:border-box;border-radius:999px;width:12px;height:12px;position:absolute;top:5px;left:0}.fs-timeline li:after{content:"";background:var(--th-line,#1018081a);height:2px;position:absolute;top:10px;left:16px;right:4px}.fs-timeline li:last-child:after{display:none}.fs-timeline li.is-done:before{border-color:var(--th-signal-ink,#346a06);background:var(--th-signal-ink,#346a06)}.fs-timeline li.is-done:after{background:var(--th-signal-ink,#346a06)}.fs-timeline li.is-now:before{border-color:var(--th-signal-ink,#346a06);box-shadow:0 0 0 4px #c8ff0073}.fs-timeline b{color:var(--th-text,#15171a);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.fs-timeline small{color:var(--th-muted,#4f545a);font-size:12px;font-weight:400}.fs-timeline span{line-height:1.45}@media (max-width:520px){.fs-timeline{grid-template-columns:1fr;gap:10px}.fs-timeline li{padding:0 0 0 24px}.fs-timeline li:before{top:3px}.fs-timeline li:after{width:2px;height:calc(100% - 4px);top:18px;left:5px;right:auto}}
