:root{--paper:#f5f3ee;--ink:#29332c;--muted:#71746c;--line:#dddcd3;--accent:#596a50}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 "Microsoft YaHei","PingFang SC",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid #95733d;outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5vw;border-bottom:1px solid var(--line)}.brand{font:28px Georgia;letter-spacing:2px}.brand small{display:block;font:8px Arial;letter-spacing:2px;margin-top:9px}.badge{font-size:12px;background:#e7eadf;padding:6px 14px;border-radius:30px}main{max-width:1560px;margin:auto;padding:0 5vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:60px;padding:62px 0 48px}.eyebrow{font-size:11px;letter-spacing:3px;color:#8b7358}h1{font:48px/1.25 Georgia,"SimSun",serif;letter-spacing:3px;margin:16px 0}h2{font-size:18px;font-weight:500;margin:0}.intro p{color:var(--muted)}.intro aside{max-width:390px;border-left:1px solid var(--line);padding-left:30px}.intro aside span{font-size:12px;color:#847455}.studio{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}.panel{background:#fffefa;border:1px solid #e8e6df;border-radius:22px;padding:26px}.workspace{display:grid;gap:24px}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:12px}.section-title>span{font:italic 20px Georgia;color:#9b957f}.hint{font-size:12px;color:var(--muted);margin:10px 0 18px}input[type=search],select{width:100%;border:1px solid var(--line);background:#fffefa;color:var(--ink);padding:11px 12px;border-radius:10px;min-width:0}label{display:block;font-size:13px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.results-line{display:flex;justify-content:space-between;align-items:center;margin:17px 0;color:var(--muted);font-size:12px}.text-button{border:0;background:none;color:var(--accent)}.fabric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fabric{padding:5px;border:1px solid transparent;border-radius:12px;background:#f5f3ee;text-align:left;color:var(--ink)}.fabric img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}.fabric span{display:block;padding:5px 3px;font-size:11px}.fabric[aria-pressed=true]{border:2px solid var(--accent);padding:4px;background:#e9eddf}.full{width:100%;margin-top:17px}.primary,.secondary{padding:11px 18px;border-radius:30px;border:1px solid var(--line);background:transparent;color:var(--ink)}.primary{background:var(--ink);color:white;border-color:var(--ink)}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:166px;border:1px dashed #a9ad9e;background:#f5f5ef;border-radius:15px;padding:20px;text-align:center;cursor:pointer}.upload input{max-width:100%;margin-bottom:8px}.upload strong{font-weight:400}.upload span,.upload small{color:var(--muted);font-size:12px}.upload.drag{background:#e5eadc}.preview img{width:100%;max-height:390px;object-fit:contain;border-radius:12px;background:#eeeee7}.preview button{margin-top:10px}.selection{background:#f4f3ec;padding:15px;border-radius:14px;margin:16px 0;display:flex;align-items:center;gap:16px}.selection img{width:88px;height:88px;object-fit:cover;border-radius:9px}.selection strong{font:24px Georgia}.selection p{margin:3px 0;font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:20px 0}.radio,.check{display:flex;align-items:flex-start;gap:8px;margin:10px 0}.radio input,.check input{margin-top:6px;accent-color:var(--accent)}.notice{background:#edf0e7;padding:14px;border-radius:12px;font-size:12px;white-space:pre-line}.compare{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#e4e4de}.compare>img,.compare div img{display:block;width:100%;height:100%;object-fit:contain}.compare div{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.before-label,.after-label{position:absolute;top:10px;background:#ffffffd9;padding:3px 9px;border-radius:20px;font-size:11px}.before-label{right:10px}.after-label{left:10px}.slider-label{display:flex;align-items:center;gap:16px;margin-top:14px}.slider-label input{flex:1;accent-color:var(--accent)}footer{padding:50px 0;color:var(--muted);font-size:12px;text-align:center}@media(min-width:1000px){.fabrics{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}}@media(max-width:800px){header{padding:19px 22px;flex-wrap:wrap}.badge{font-size:10px}header>a:last-child{display:none}main{padding:0 22px}.intro{padding:30px 0;gap:24px;display:block}h1{font-size:38px}.intro aside{border-left:0;padding:8px 0 0;max-width:none}.studio{grid-template-columns:1fr}.panel{padding:20px;border-radius:18px}.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fabrics .fabric-grid{max-height:410px;overflow:auto}.studio{gap:20px}.selection strong{font-size:20px}}
:root{scroll-padding-top:16px}.mobile-next-step,.mobile-selection{display:none}
@media(max-width:800px){
 header{gap:10px;padding:16px!important}header .brand{font-size:24px}header .badge{margin-left:auto}header>a:last-of-type:not(.brand){display:block;font-size:12px}header .text-button{font-size:12px;padding:6px}
 main{padding:0 14px!important}.intro{padding:20px 2px!important}.intro h1{font-size:30px;margin:8px 0}.intro h1 br{display:none}.intro .eyebrow{font-size:9px;margin:0;letter-spacing:2px}.intro p{font-size:12px;margin:8px 0}.intro aside{padding-top:8px;border-top:1px solid var(--line)}.intro aside strong{font-size:13px}.intro aside p{margin:4px 0}.intro aside span{font-size:11px}
 .studio{gap:16px}.panel{padding:16px!important;border-radius:16px!important;min-width:0}.workspace{gap:16px;scroll-margin-top:16px}.section-title{gap:10px}h2{font-size:17px}.hint{line-height:1.65}.filters{gap:8px}input[type=search],select{font-size:16px!important;min-height:44px}
 .fabrics .fabric-grid{max-height:230px!important;overflow:auto;overscroll-behavior:contain;gap:8px}.fabric span{font-size:12px}.mobile-next-step{display:block;min-height:48px;margin-top:8px}.mobile-selection{display:block;margin:12px 0 0;color:var(--accent)}
 .upload{min-height:140px;padding:14px}.selection{padding:12px;gap:12px}.selection img{width:68px;height:68px;flex-shrink:0}.selection>div{min-width:0}.selection strong{overflow-wrap:anywhere}.selection p{line-height:1.6}.radio,.check{min-height:36px;line-height:1.65}.radio input,.check input{flex-shrink:0;width:18px;height:18px;margin-top:2px}#prepare{min-height:50px}.mask-actions button{min-height:44px}.mask-editor input[type=range]{max-width:65%}footer{padding:28px 0 calc(28px + env(safe-area-inset-bottom))}
}