:root{--paper:#f7f5ef;--ink:#232722;--muted:#73766e;--line:#dedfd7;--accent:#586a40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Microsoft YaHei",Tahoma,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #668653;outline-offset:4px}[hidden]{display:none!important}.site-header{height:91px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:20}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1.5px;display:inline-block;white-space:nowrap}.wordmark span{font-weight:400;margin:0 5px;color:#7b8668}.wordmark small{display:block;font-size:8px;letter-spacing:3px;text-align:right;margin-top:5px;font-weight:400}.site-header nav{display:flex;gap:32px;font-size:12px}.header-tools{display:flex;gap:25px;align-items:center}.languages{display:flex;gap:8px}.languages button{font-size:11px;background:none;border:0;padding:5px 0;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid}.bag-button{border:0;background:none;display:flex;gap:8px;align-items:center;font-size:12px}.bag-button svg{width:20px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}#bag-count{font-size:10px}.preview-bar{font-size:10px;text-align:center;letter-spacing:1px;background:#e9ece1;padding:10px;color:#59624e}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{padding:65px 9% 25px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;line-height:1.7}h1{font-size:clamp(40px,4.4vw,67px);line-height:1.3;letter-spacing:-2px;margin:30px 0 23px;font-weight:500}h1 em{font-family:Georgia,"Microsoft YaHei",serif;font-weight:400;font-style:normal;color:var(--accent)}p{font-size:13px;line-height:1.95;color:var(--muted)}.intro{max-width:390px;margin:0 0 27px}.button{padding:16px 24px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent}.button.dark{background:var(--ink);color:white}.button.outline{color:var(--ink)}.text-link{font-size:11px;margin:20px 0}.hero-bottom{margin-top:auto;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:1px}.hero-visual{position:relative;background:#cecec3;overflow:hidden;min-height:580px}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-caption{position:absolute;bottom:22px;left:25px;right:25px;background:#f7f5efe8;padding:14px 18px;display:flex;justify-content:space-between;font-size:10px}.vertical-note{position:absolute;right:15px;top:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:white;text-shadow:0 1px 5px #0008}.section{padding:75px 5%}.section-heading{margin-bottom:30px}h2{font-size:clamp(26px,2.5vw,39px);line-height:1.45;letter-spacing:-1px;font-weight:500;margin:12px 0;white-space:pre-line}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-image{height:260px;position:relative;background:#eeeee6;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.future .category-image{background:#e8e5da}.cap .category-image{background:#dfe4d8}.category-image svg{width:100%;height:100%;padding:30px;stroke:#696e5c;stroke-width:1.3;fill:none;transition:transform .3s}.category-card:hover svg{transform:rotate(-3deg)}.coming-tag{position:absolute;right:15px;top:15px;font-size:9px;border:1px solid #888e7b;padding:5px 9px}.category-label{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.category-label h3{font-size:18px;font-weight:500;margin:0}.category-label p{font-size:11px;margin:6px 0 0}.category-label>span{font-size:21px}.shop-section{padding-top:30px}.shop-heading{display:flex;justify-content:space-between;align-items:end}.shop-heading p{margin:0}.shop-heading>span{font-size:11px;color:var(--muted)}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.category-tabs{display:flex;gap:22px;align-items:center}.category-tabs button{background:none;border:0;padding:7px 0;font-size:12px;color:var(--muted)}.category-tabs button.active{border-bottom:1px solid var(--ink);color:var(--ink)}.search-tools{display:flex;gap:15px}.search-tools input,.search-tools select{background:transparent;border:1px solid var(--line);padding:10px;font-size:11px;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 20px}.product-card{position:relative}.product-photo{aspect-ratio:1;position:relative;background:white;width:100%;padding:0;border:0;display:block;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-photo:hover img{transform:scale(1.035)}.product-photo .pack{position:absolute;left:10px;top:10px;font-size:9px;background:#f7f5efe8;padding:5px 8px}.product-info{padding:16px 0}.product-info .brand-model{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.5px}.product-info h3{font-size:13px;font-weight:500;line-height:1.6;margin:10px 0 6px;min-height:42px}.product-info h3 button{background:none;padding:0;border:0;text-align:left;line-height:inherit}.price{font-size:11px;color:var(--muted);margin:5px 0}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px}.product-bottom button{background:none;border:0;border-bottom:1px solid var(--line);padding:5px 0;font-size:11px}.product-bottom>span{color:var(--muted)}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px solid var(--line)}.empty h3{font-weight:400;font-size:24px}.designer-section{margin:40px 5% 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:65px;gap:8%}.designer-copy{align-self:center}.designer-copy h2{font-size:clamp(36px,4vw,58px);font-family:Georgia,"Microsoft YaHei",serif;line-height:1.4}.designer-copy>p{max-width:400px}.designer-copy .button{margin:20px 0}.fineprint{font-size:10px;line-height:1.9;color:var(--muted)}.designer-poster{min-height:520px;background:#c9c8b9;padding:25px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.poster-top,.poster-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;z-index:1}.poster-sculpture{height:290px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-22deg)}.poster-sculpture i{width:72px;height:210px;border-radius:50%;display:block;background:linear-gradient(100deg,#a2ac8e,#f1f0dc 45%,#afb497);box-shadow:20px 16px 30px #57624230;transform:rotate(25deg)}.poster-sculpture i:nth-child(2){height:255px}.poster-sculpture i:nth-child(3){height:180px}.designer-poster h3{font-size:33px;font-weight:400;margin:0;font-family:Georgia,serif;z-index:1}.designer-poster>p{font-size:25px;margin:5px 0;color:var(--ink);z-index:1}.poster-bottom{border-top:1px solid #7c846b55;padding-top:15px;margin-top:20px}.about-section{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:40px;border-bottom:1px solid var(--line);margin-top:50px}.about-section h2{margin-top:0}.about-section>p:last-child{margin:0}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:start;gap:30px}footer p{font-size:10px;margin:0 0 6px}footer>span{font-size:10px}.dialog-close,.bag-heading button{background:none;border:0;font-size:27px}.dialog-close{position:absolute;right:18px;top:12px;z-index:2}dialog{border:0;background:var(--paper);padding:0;color:var(--ink)}dialog::backdrop{background:#18201780}#product-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto}#product-content{display:grid;grid-template-columns:1fr 1fr}.detail-photo{background:white;display:flex;align-items:center}.detail-photo img{width:100%;object-fit:contain}.detail-copy{padding:45px 30px}.detail-copy h2{font-size:24px}.detail-copy label{font-size:12px;display:block;margin:22px 0 8px}.option{border:1px solid var(--line);padding:9px 13px;font-size:11px;background:transparent;margin:0 5px 6px 0}.option.selected{background:var(--ink);color:white;border-color:var(--ink)}.quantity{padding:11px;border:1px solid var(--line);background:transparent;width:90px}.detail-copy .button{width:100%;margin-top:23px}.detail-facts{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding:15px 0;margin-top:25px}.bag-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}#bag-dialog{width:min(500px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0 0 0 auto;padding:28px;position:fixed;inset:0 0 0 auto}.bag-heading h2{font-size:24px;margin:0}.bag-row{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.bag-row img{width:80px;height:90px;object-fit:contain;background:white}.bag-row h3{font-size:12px;margin:0 0 7px;font-weight:500;line-height:1.5}.bag-row p{font-size:10px;margin:4px 0}.bag-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.bag-controls input{width:65px;padding:7px;border:1px solid var(--line);background:transparent;font-size:11px}.bag-controls button{background:none;border:0;font-size:10px;text-decoration:underline}.bag-summary{margin-top:25px}.summary-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:18px 0}.bag-summary .button{width:100%;opacity:.5}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:var(--ink);color:white;font-size:12px;z-index:100}.brand-mode .site-header .wordmark,.brand-mode .site-header nav{display:none}.brand-mode .site-header{height:65px;justify-content:flex-end}.brand-mode footer{display:none}.brand-space{--brand-bg:#ece7db;--brand-ink:#31392c;background:var(--brand-bg);color:var(--brand-ink);min-height:calc(100vh - 65px);padding:30px 6% 70px}.brand-space.electric{--brand-bg:#614e3e;--brand-ink:#eee6d7}.brand-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand-top a{font-size:11px}.brand-theme{display:flex;gap:8px}.brand-theme button{background:transparent;color:inherit;border:1px solid currentColor;font-size:10px;padding:8px 10px}.brand-theme button.active{background:var(--brand-ink);color:var(--brand-bg)}.brand-space .concept-label{font-size:10px;letter-spacing:1px;border-top:1px solid currentColor;padding-top:20px;margin-top:35px}.brand-hero{padding:45px 0 60px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.brand-hero h1{font-family:Georgia,"Microsoft YaHei",serif;font-weight:400;font-size:clamp(45px,6vw,88px);margin:20px 0;line-height:1.15;letter-spacing:-2px}.brand-space p{color:inherit;max-width:480px}.brand-art{position:relative;aspect-ratio:1;overflow:hidden}.brand-art i{position:absolute;width:58%;height:85%;border:1px solid currentColor;border-radius:50%;left:20%;top:5%;transform:rotate(35deg)}.brand-art i:nth-child(2){transform:rotate(-35deg)}.brand-art i:nth-child(3){transform:rotate(90deg)}.electric .brand-art i{border-radius:0;transform:rotate(15deg);border-width:2px}.electric .brand-art i:nth-child(2){transform:rotate(45deg)}.electric .brand-art i:nth-child(3){transform:rotate(75deg)}.brand-story{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:35px 0;border-top:1px solid currentColor}.brand-works{padding:50px 0;text-align:center;border-top:1px solid currentColor}.brand-works p{margin:auto}.brand-space .fineprint{opacity:.8}.electric .brand-hero h1{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-3px}.electric .brand-story h2{text-transform:uppercase;font-weight:800}@media(max-width:1000px){.site-header nav{gap:18px}.header-tools{gap:16px}.hero-copy{padding-top:45px}h1{font-size:43px}.hero-visual{min-height:530px}.product-grid{grid-template-columns:repeat(3,1fr)}.search-tools input{width:175px}.category-image{height:230px}.about-section{grid-template-columns:1fr 1.5fr}.about-section>p:last-child{grid-column:2}}@media(max-width:700px){html{scroll-padding-top:140px}.site-header{height:auto;min-height:95px;flex-wrap:wrap;padding:18px 5% 12px;gap:18px}.wordmark{font-size:21px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:11px}.header-tools{gap:15px}.bag-button{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6% 25px}.hero-copy h1{font-size:42px;margin:20px 0}.hero-copy .intro{max-width:100%}.hero-bottom{margin-top:20px}.hero-visual{min-height:390px}.section{padding:45px 5%}.category-grid{gap:12px;grid-template-columns:1fr 1fr}.socks-card{grid-column:1/-1}.socks-card .category-image{height:260px}.category-image{height:165px}.category-image svg{padding:15px}.category-label h3{font-size:16px}.category-label p{font-size:10px}.coming-tag{font-size:8px;right:8px;top:8px}.section-heading h2{font-size:27px}.filters{flex-direction:column;gap:12px}.search-tools input{width:100%}.search-tools{width:100%}.search-tools select{max-width:120px}.category-tabs{justify-content:space-between}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-info h3{font-size:12px}.product-info .brand-model{font-size:8px;gap:5px}.product-photo .pack{left:7px;top:7px;font-size:8px}.shop-heading{align-items:start;gap:10px}.shop-heading>span{font-size:9px;white-space:nowrap}.designer-section{grid-template-columns:1fr;padding-top:40px;gap:30px;margin-top:15px}.designer-copy h2{font-size:40px}.designer-poster{min-height:460px}.about-section{display:block;margin-top:15px}.about-section h2{margin:20px 0}.about-section>p:last-child{margin-top:20px}footer{flex-wrap:wrap;padding:30px 5%}footer>div{width:100%;order:3}#product-content{grid-template-columns:1fr}.detail-photo{height:270px}.detail-photo img{height:100%}.detail-copy{padding:25px}.dialog-close{background:var(--paper);border-radius:50%;width:32px;height:32px;line-height:30px;right:10px}.brand-mode .site-header{min-height:58px;padding:15px 5%}.brand-top{align-items:start;flex-direction:column;gap:20px}.brand-hero{grid-template-columns:1fr;padding-top:30px;gap:20px}.brand-hero h1{font-size:48px}.brand-art{max-width:330px;width:100%;margin:auto}.brand-story{grid-template-columns:1fr;gap:0}.brand-theme button{padding:7px}.brand-works h2{font-size:28px}.product-bottom>span{font-size:9px}}

.dialog-languages{display:flex;gap:12px;padding:12px 25px;border-bottom:1px solid var(--line)}.dialog-languages button{border:0;background:transparent;padding:4px 0;font-size:10px}.dialog-languages button[aria-pressed=true]{border-bottom:1px solid var(--ink)}#product-dialog .dialog-languages{padding-right:60px}#product-content .detail-copy .eyebrow{color:var(--muted)}
/* Boxy custom studio */
:root{--paper:#f5f4ef;--accent:#535e40}.boxy-label{font-size:11px;letter-spacing:2px;background:#c2ae8c;padding:8px 12px;margin-top:20px}.boxy-hero h1{font-weight:600;font-size:clamp(45px,5.2vw,78px);margin:22px 0}.boxy-hero h1 em{font-family:Arial,"Microsoft YaHei",Tahoma,sans-serif;color:var(--ink);font-weight:600}.boxy-hero{min-height:650px}.boxy-hero .hero-visual{background:white;min-height:650px}.boxy-hero .hero-visual>img{object-fit:cover;object-position:center 35%}.hero-sticker{position:absolute;right:25px;top:25px;transform:rotate(8deg);background:#c2ae8c;color:var(--ink);padding:16px;font-size:16px;font-weight:700;line-height:1.3}.direction-strip{display:flex;justify-content:space-between;padding:20px 5%;background:var(--ink);color:#e9edce;gap:15px;font-size:10px;letter-spacing:1.6px}.fit-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:0 5% 75px;background:#e7e9df}.fit-photo{height:550px;background:white;position:relative}.fit-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.image-note{position:absolute;bottom:15px;left:15px;right:15px;font-size:9px;background:#f9f9f0df;padding:10px}.fit-copy{padding:45px 10% 45px 0;align-self:center}.fit-copy h2{font-size:35px;line-height:1.5}.fit-feature{font-size:11px;padding:15px 0;border-top:1px solid #bbc1ac}.fit-copy>p{margin-bottom:25px}.sock-editorial{display:grid;grid-template-columns:1.2fr 1fr;background:#d8d9cc;margin-top:30px}.sock-editorial>img{width:100%;height:400px;object-fit:cover}.sock-editorial>div{padding:40px;align-self:center}.sock-editorial h3{font-size:30px;font-weight:500;margin:20px 0}.sock-editorial .fineprint{font-size:9px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-info h3{min-height:0;font-size:15px}.product-info .brand-model span:last-child{font-size:8px}.photo-credits{margin-top:15px;font-size:10px;max-width:600px}.photo-credits summary{cursor:pointer}.photo-credits p{margin:10px 0}.photo-credits a{display:block;font-size:9px;line-height:2;color:var(--muted);text-decoration:underline}.category-tabs{min-width:140px}.fit-copy h2,.about-section h2{white-space:pre-line}@media(max-width:1000px){.fit-section{gap:5%}.fit-photo{height:500px}.fit-copy h2{font-size:29px}.sock-editorial>div{padding:25px}.boxy-hero h1{font-size:56px}}@media(max-width:700px){.boxy-hero .hero-visual{min-height:430px}.boxy-hero h1{font-size:48px}.direction-strip{font-size:8px;letter-spacing:.5px;gap:7px}.fit-section{grid-template-columns:1fr;margin-bottom:40px;gap:0}.fit-photo{height:400px}.fit-copy{padding:30px 25px}.fit-copy h2{font-size:31px}.sock-editorial{grid-template-columns:1fr}.sock-editorial>img{height:330px}.sock-editorial h3{font-size:26px}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.product-info h3{font-size:13px}.product-info .brand-model{flex-direction:column;gap:7px}.product-bottom{gap:10px}.hero-sticker{font-size:13px;padding:12px}.preview-bar{font-size:8px;letter-spacing:0}.header-tools{gap:10px}.site-header .wordmark{font-size:20px}.wordmark small{font-size:7px;letter-spacing:1.3px}}

.hero-sticker{white-space:pre-line}
/* Personal consultation and in-house collections */
.text-button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.service-section{padding-top:30px}.service-section h2{font-size:clamp(30px,3.2vw,46px)}.service-section>.section-heading>p:last-child{max-width:650px}.service-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:40px 0}.service-steps article{border-top:1px solid var(--line);padding:25px 0}.service-steps article>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.service-steps h3{font-size:19px;line-height:1.6;font-weight:500;margin:20px 0 12px}.service-steps p{font-size:12px;max-width:340px}.consultation-band{padding:30px 35px;background:#dedccd;display:flex;justify-content:space-between;align-items:center;gap:30px}.consultation-band h3{font-size:24px;font-weight:500;margin:0 0 8px}.consultation-band p{margin:0;font-size:12px}.consultation-band .button{flex-shrink:0}#consultation-dialog{width:min(600px,94vw);max-height:90vh}.consultation-content{padding:35px}.consultation-content h2{font-size:30px}.contact-pending{padding:22px;border:1px solid var(--line);margin:25px 0;background:#e9ecdf}.contact-pending strong{font-size:15px;font-weight:500}.contact-pending p{font-size:11px;margin-bottom:0}.consultation-prep{padding-top:10px;border-top:1px solid var(--line)}.consultation-prep p{font-size:12px;color:var(--ink)}.consultation-prep span{font-size:11px;color:var(--muted);line-height:1.8;display:block}#consultation-channels>.button{display:flex;margin:20px 0}.official-section{padding-bottom:45px}.official-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.official-intro h2{font-size:clamp(35px,4vw,55px)}.official-intro>p{max-width:450px}.monthly-preview{display:grid;grid-template-columns:1.15fr 1fr;background:#deded2}.monthly-art{min-height:330px;position:relative;overflow:hidden;background:#636b51;display:grid;place-items:center}.monthly-art i{position:absolute;border:1px solid #424c3166;width:190px;height:300px;border-radius:50%;transform:rotate(35deg)}.monthly-art i:nth-child(2){transform:rotate(-35deg)}.monthly-art i:nth-child(3){transform:rotate(90deg)}.monthly-art span{font-size:15px;letter-spacing:4px;text-align:center;line-height:1.8;z-index:1;font-weight:500}.monthly-copy{align-self:center;padding:40px}.monthly-copy h3{font-size:30px;font-weight:500;margin:15px 0}.monthly-copy>p:last-child{font-size:12px}.detail-story{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:35px;border-bottom:1px solid var(--line);padding:35px 0;margin-top:10px}.detail-story h3{font-size:24px;font-weight:500;line-height:1.6;white-space:pre-line;margin:0}.detail-story>p:last-child{margin:0;font-size:12px}@media(max-width:700px){.site-header nav{gap:12px;overflow-x:auto;white-space:nowrap}.service-steps{grid-template-columns:1fr;gap:0;margin:25px 0}.service-steps article{padding:20px 0}.service-steps h3{margin:12px 0 8px;font-size:19px}.service-steps p{max-width:100%;margin:0}.consultation-band{padding:25px;flex-direction:column;align-items:start;gap:20px}.consultation-band h3{font-size:22px}.consultation-content{padding:25px}.consultation-content h2{font-size:26px}.official-intro{grid-template-columns:1fr;gap:10px}.official-intro h2{font-size:38px}.official-intro>p{margin-top:0}.monthly-preview{grid-template-columns:1fr}.monthly-art{min-height:290px}.monthly-copy{padding:25px}.monthly-copy h3{font-size:26px}.detail-story{grid-template-columns:1fr;gap:15px}.detail-story h3{font-size:25px}.detail-story>.eyebrow{margin:0}}

/* Youthful contemporary studio — fictional AI styling concepts. */
:root{--paper:#f6f7f5;--ink:#272e35;--muted:#69737a;--line:#dce2e4;--accent:#397b88}
body{background:var(--paper)}.site-header{background:#fafbf9}.wordmark span{color:#4295a2}.preview-bar{background:#e6f1f2;color:#46656c}.boxy-label{background:#d5edf0;color:#235563}.hero-sticker{background:#b5e1e6;color:#24444d;transform:rotate(3deg);box-shadow:none}.boxy-hero .hero-visual{background:#dce9ed;min-height:700px}.boxy-hero .hero-visual>img{object-position:50% 0%}.photo-caption{background:#f8fbf5e6;color:#384851}.hero-copy{background:#f6f7f5}.direction-strip{background:#29343e;color:#edf5f6}.fit-section{background:#e7eef0}.fit-feature{border-color:#cbd9dd}.fit-photo img{object-position:50% 53%}.monthly-art{color:#264852;background:#c7e7ec}.monthly-art i{border-color:#4895a588;border-radius:22%;width:220px;height:220px}.monthly-art i:nth-child(2){transform:rotate(60deg)}.monthly-art i:nth-child(3){transform:rotate(85deg)}.monthly-preview,.monthly-copy{background:#e8f0f1}.consultation-band{background:#dbeef0}.contact-pending{background:#e9f3f4}.sock-editorial{background:#e5eef0;align-items:center}.sock-editorial>img{height:auto;aspect-ratio:4/5;object-fit:contain;display:block}.sock-editorial>div{padding:48px}.designer-poster{background:#dee9ec}.poster-sculpture i{background:linear-gradient(130deg,#99cbd3,#4b8d9d);box-shadow:12px 18px 25px #34516220;border-radius:20px;transform:rotate(15deg)}.brand-space{--brand-bg:#f1f5f5;--brand-ink:#293c47}.brand-space.electric{--brand-bg:#afdae2;--brand-ink:#223c49}.brand-space.electric .brand-art{background:#8ac2cd}.brand-space.electric .brand-art i{border-radius:20px}.product-photo,.detail-photo{background:#edf1f2}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #338c9b;outline-offset:4px}
@media(max-width:700px){.boxy-hero .hero-visual{min-height:0;aspect-ratio:4/5}.boxy-hero .hero-visual>img{object-position:center}.sock-editorial>img{height:auto;min-height:0;max-height:none}.sock-editorial>div{padding:32px 24px}.hero-bottom{gap:16px;font-size:8px}.hero-bottom span:last-child{text-align:right}}

/* v9.1 mobile tap targets: language + bag buttons (touch-friendly, visuals unchanged) */
@media(max-width:700px){.languages{gap:0}.languages button{min-width:34px;min-height:40px;padding:10px 7px}.bag-button{min-height:40px;padding:0 4px}.header-tools{gap:4px}}

/* v10 stripe system */
.palette{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:30px;padding:28px 32px;background:#eef1f0}.palette h3{font-size:24px;font-weight:500;margin:8px 0}.palette p{margin:0;max-width:56ch}.swatches{display:flex;gap:10px;flex-wrap:wrap;max-width:480px}.sw{--b:#ccc;--s:#fff;--l:#333;--a:#fff;width:48px;height:48px;border-radius:50%;border:2px solid transparent;padding:0;background:var(--b);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px var(--line)}.sw i{position:absolute;inset:0;background:linear-gradient(var(--b) 0 30%,var(--s) 30% 40%,var(--b) 40% 50%,var(--s) 50% 60%,var(--b) 60% 66%,var(--l) 66% 69%,var(--b) 69% 82%,var(--a) 82%)}.sw:hover,.sw.on{box-shadow:0 0 0 2px var(--ink)}.swatches.small .sw{width:34px;height:34px}.spec{list-style:none;margin:0;padding:0;font-size:12px}.spec li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.spec i{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.spec code{color:var(--muted);font-size:11px}@media(max-width:700px){.palette{grid-template-columns:1fr;padding:22px 18px}}

/* v11 blueprint */
.blueprint-section{border-top:1px solid var(--line)}.steps{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.steps li{position:relative;padding:18px 16px;background:#eef1f0;font-size:12px;line-height:1.7}.steps li.now{background:var(--ink);color:#fff}.steps .n{display:block;font-size:10px;letter-spacing:1.8px;opacity:.6;margin-bottom:6px}.steps b{font-weight:500;font-size:15px}.steps em{font-style:normal;font-size:10px;margin-left:8px;padding:2px 7px;border:1px solid currentColor;border-radius:99px}.steps p{margin:8px 0 0}.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc,.brief{padding:26px;border:1px solid var(--line)}.calc h3,.brief h3{font-size:19px;font-weight:500;margin:0 0 8px}.calc label{display:block;font-size:12px;margin:16px 0 6px}.calc input{width:100%;padding:12px;border:1px solid var(--line);background:transparent;font-size:14px;font-family:inherit}.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0}.calc-out div{padding:12px;background:#eef1f0}.calc-out dt{font-size:11px;color:var(--muted)}.calc-out dd{margin:4px 0 0;font-size:17px}.brief ol{padding-left:20px;font-size:13px;line-height:1.8}.brief .button{margin-top:14px}.pspec{list-style:none;margin:0;padding:0;font-size:12px}.pspec li{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.pspec span{color:var(--muted)}.pspec b{font-weight:400}@media(max-width:900px){.steps{grid-template-columns:1fr}.bp-grid{grid-template-columns:1fr}}
.steps li.now p{color:rgba(255,255,255,.78)}

/* v12 pricing */
.pricing-section{border-top:1px solid var(--line)}.pr-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.pr-card{padding:26px;border:1px solid var(--line)}.pr-card h3{font-size:19px;font-weight:500;margin:0 0 14px}.pr-card h4{font-size:13px;font-weight:500;margin:22px 0 6px}.pr-card ol{padding-left:20px;font-size:13px;line-height:1.9;margin:0}.tiers{list-style:none;margin:0;padding:0}.tiers li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.tiers b{font-weight:500}.pr-card .big{font-size:34px;margin:6px 0}@media(max-width:900px){.pr-grid{grid-template-columns:1fr}}

/* v13 tees */
.pr-card .button{margin-top:16px}.product-photo img[src*="bear-boxy"]{object-fit:cover;object-position:50% 25%}

/* v14 studio */
.studio-section{background:#eef0ec}.proto{border:1px solid var(--ink);padding:2px 7px;margin-left:8px;font-size:9px}.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.st-view{position:sticky;top:110px}#st-preview svg{width:100%;height:auto;display:block}.st-reply{font-size:13px;margin:14px 0 0;color:var(--ink)}.st-ctl>label{display:block;font-size:12px;font-weight:500;margin:20px 0 8px}.st-ctl .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;border:1px solid #0003}.st-ask{display:flex;gap:8px}.st-ask input{flex:1;min-width:0;padding:11px;border:1px solid var(--line);background:#fff;font-size:13px}.st-ask .button{padding:0 18px;white-space:nowrap}.qp{margin-top:8px}.st-line{display:flex;gap:8px;margin-bottom:8px;align-items:center}.st-line select,.st-line input{padding:9px;border:1px solid var(--line);background:#fff;font-size:12px;min-width:0}.st-line input{width:72px}.text-button{background:none;border:0;font-size:11px;text-decoration:underline;padding:4px 0}.st-next{font-size:12px;color:var(--accent);margin:4px 0}.st-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.st-actions .button:disabled{opacity:.45}@media(max-width:900px){.st-grid{grid-template-columns:1fr}.st-view{position:static}}

/* v15 studio simple */
.st-n{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;align-items:center;justify-content:center;margin-right:8px}.st-more{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.st-more summary{font-size:12px;cursor:pointer;color:var(--muted)}.st-done{margin-top:16px;padding:14px;background:#fff;border:1px solid var(--line)}.st-code{margin:0;font-size:12px}.st-code b{font-size:16px;letter-spacing:1px;margin-left:6px}.st-lead{margin:6px 0 0;font-size:11px}

/* v16 sim+consign */
.st-rule{font-size:11px;color:var(--ink);background:#fff;border-left:3px solid var(--accent);padding:8px 12px;margin:14px 0 0}.line-sim{margin-top:16px}.line-tag{font-size:10px;letter-spacing:1px;margin:0 0 8px}.line-chat{background:#cfe0d2;padding:14px;display:flex;flex-direction:column;gap:10px}.bub{max-width:88%;padding:10px 12px;font-size:12px;line-height:1.7;border-radius:12px;color:#1c241a}.bub.me{align-Self:flex-end;align-self:flex-end;background:#a8dc8c}.bub.bot{align-self:flex-start;background:#fff}.consign-section{border-top:1px solid var(--line)}.cn-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.cn-steps{margin:0;padding-left:22px;font-size:14px;line-height:2.2}.cn-rule{background:#fff;padding:24px;border:1px solid var(--line)}.cn-rule h3{margin:0 0 10px;font-size:17px;font-weight:500}.cn-rule .button{margin-top:14px;opacity:.55}@media(max-width:900px){.cn-grid{grid-template-columns:1fr}}

/* v18 size chart */
.st-chart{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.st-chart summary{font-size:12px;cursor:pointer}.st-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px;background:#fff}.st-table th,.st-table td{border:1px solid var(--line);padding:7px 6px;text-align:center}.st-table th:first-child{text-align:left;font-weight:500;white-space:nowrap}
/* v20 full-screen designer */
.dz-cta{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dz-cta h2{margin:.2em 0}
.dz-main,.dz-orderacts button,.dz-acts button{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 18px;min-height:44px}
.dz-main{background:var(--ink);color:var(--paper);font-weight:700}
body.dz-lock{overflow:hidden}
.dz{position:fixed;inset:0;z-index:1000;background:var(--paper);display:flex;flex-direction:column;height:100dvh;color:var(--ink);overscroll-behavior:contain}
.dz[hidden]{display:none}
.dz-top{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);flex:none}
.dz-x{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:24px;cursor:pointer;line-height:1}
.dz-side{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-right:auto}
.dz-side button{border:0;background:#fff;padding:10px 16px;font:inherit;cursor:pointer;min-height:44px}
.dz-side button.on{background:var(--ink);color:var(--paper)}
.dz-tools{display:flex;gap:6px;align-items:center}
.dz-tools>button{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:20px;cursor:pointer}
.dz-tools>button:disabled{opacity:.35}
.dz-lang{display:flex;gap:2px}
.dz-lang button{border:0;background:none;padding:8px 6px;font:inherit;font-size:12px;cursor:pointer;color:var(--muted)}
.dz-lang button.on{color:var(--ink);font-weight:800;text-decoration:underline}
.dz-body{flex:1;min-height:0;display:flex;flex-direction:column}
.dz-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#e8edef;padding:4px}
.dz-stage svg{width:100%;height:100%;max-height:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.dz-side-panel{flex:none;max-height:46dvh;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--paper)}
.dz-tabs{display:flex;border-bottom:1px solid var(--line);flex:none}
.dz-tab{flex:1;border:0;background:none;padding:6px 2px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;color:var(--muted)}
.dz-tab i{font-style:normal;font-size:18px;line-height:1.1}.dz-tab span{font-size:12px}
.dz-tab.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent);font-weight:700}
.dz-panel{padding:8px 12px;overflow:auto;flex:none}
.dz-pane{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.dz-panel h4{margin:10px 0 6px;font-size:13px;color:var(--muted)}
.dz-empty,.dz-fine{font-size:13px;color:var(--muted);margin:4px 0}
.dz-warn{font-size:13px;color:#a2402c;margin:6px 0}
.dz-selhead{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.dz-inks{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}
.dz-ink{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.dz-ink.on{outline:3px solid var(--accent);outline-offset:1px}
.dz-rng{display:flex;align-items:center;gap:10px;font-size:13px;margin:4px 0}.dz-rng span{width:40px}.dz-rng input{flex:1;height:32px}
.dz-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.dz-acts button{padding:6px 12px;min-height:38px;font-size:13px}.dz-acts .danger{color:#a2402c;border-color:#a2402c}
.dz-sw{display:flex;gap:10px}.dz-swb{flex:1;border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px}
.dz-swb i{width:100%;height:28px;border-radius:6px;border:1px solid var(--line)}.dz-swb.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.dz-chips{display:flex;gap:8px;flex-wrap:wrap}.dz-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit;min-height:40px}.dz-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#dz-text{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;resize:none}
.dz-art{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.dz-art button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;padding:12px;color:var(--ink)}.dz-art button:active{background:var(--line)}
.dz-upload{display:inline-flex;align-items:center}
.dz-orderacts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.dz-code{font-size:13px}.dz-code b{font-size:18px;letter-spacing:.06em}
.dz-foot{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 8px;font-size:12px;color:var(--muted);flex:none}
.dz-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}.dz-toast.on{opacity:1;transform:translateX(-50%)}
@media(min-width:900px){.dz-body{flex-direction:row}.dz-side-panel{width:380px;max-height:none;border-top:0;border-left:1px solid var(--line)}.dz-stage{flex:1}}

.dz-inks{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px}.dz-ink{flex:none;width:30px;height:30px}
.dz-rngs{display:flex;gap:12px}.dz-rngs .dz-rng{flex:1;min-width:0}.dz-rng span{width:auto;font-size:12px}
.dz-acts{flex-wrap:nowrap;overflow-x:auto}.dz-acts button{flex:none}
.dz-panel{padding:6px 12px}.dz-selhead{margin-bottom:0}
.dz-side-panel{max-height:52dvh}
@media(min-width:900px){.dz-side-panel{max-height:none}}

.dz-side button,.dz-side{white-space:nowrap}.dz-side button{padding:10px 14px}
.dz-tab span{white-space:nowrap}
.dz-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.dz-styles button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:4px 4px 8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px}
.dz-styles button:active{border-color:var(--accent)}
.dz-sp{display:block;width:100%;background:#e8edef;border-radius:8px;overflow:hidden}.dz-sp svg{display:block;width:100%;height:auto}
.dz-styles b{font-size:12px}
.dz-presets{align-items:center}.dz-presets b{font-size:12px;color:var(--muted);flex:none;min-width:34px}
.dz-ideas .dz-chip{font-size:14px}
#dz-note{width:100%;font:inherit;font-size:15px;padding:10px;border:1px solid var(--line);border-radius:10px;resize:none}
.dz-send{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:8px 0;font-size:13px}.dz-send ul{margin:4px 0 0;padding-left:18px}
@media(min-width:900px){.dz-styles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.dz-top{gap:4px;padding:6px}.dz-x,.dz-tools>button{width:40px;height:40px}.dz-side button{padding:8px 10px;font-size:14px;min-height:40px}.dz-lang button{padding:8px 4px}.dz-side-panel{max-height:56dvh}}

/* v21 warm studio theme */
.dz{--paper:#fbf4ea;--ink:#3b2f2a;--muted:#8a766b;--line:#ecdccb;--accent:#e07a5f;font-family:'Prompt','Kanit','Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--paper)}
.dz-top{background:#fffaf3;border-bottom:1px solid var(--line)}
.dz-x,.dz-tools>button,.dz-side{background:#fff;border-color:var(--line)}
.dz-side button{background:transparent}.dz-side button.on{background:var(--accent);color:#fff}
.dz-stage{background:radial-gradient(120% 90% at 50% 20%,#fff7ec 0%,#f6e3d0 55%,#efd3bb 100%);position:relative}
.dz-stage svg{filter:drop-shadow(0 12px 18px rgba(120,70,40,.18))}
.dz-side-panel{background:#fffaf3;border-color:var(--line)}
.dz-main{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:999px;box-shadow:0 4px 12px rgba(224,122,95,.35)}
.dz-main:active{transform:translateY(1px)}
.dz-orderacts button{background:#fff;border-color:var(--line)}
.dz-orderacts .dz-main{background:var(--accent);border-color:var(--accent)}
.dz-tab.on{box-shadow:inset 0 -3px 0 var(--accent);color:var(--accent)}
.dz-chip{background:#fff;border-color:var(--line)}.dz-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.dz-fun{background:linear-gradient(135deg,#ffe2c4,#ffd0d8);border-color:#f6b9a6;font-weight:600}
.dz-styles button,.dz-art button,.dz-send,.dz-swb{background:#fff;border-color:var(--line);border-radius:14px}
.dz-styles button:hover,.dz-art button:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(224,122,95,.2)}
.dz-sp{background:#f6e8da}
.dz-ink.on{outline-color:var(--accent)}
.dz-swb.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.dz-guide{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:8px 12px 4px;flex:none}
.dz-bear{font-size:30px;line-height:1;background:#ffe9d6;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;animation:dzbob 3s ease-in-out infinite}
.dz-bubble{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:13px;line-height:1.45;box-shadow:0 2px 8px rgba(120,70,40,.08)}
.dz-bubble:before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.dz-prog{grid-column:1/-1;display:flex;justify-content:space-between;list-style:none;margin:2px 0 0;padding:0;gap:4px}
.dz-prog li{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.dz-prog i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#f1e4d6;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none;transition:.3s}
.dz-prog li.ok{color:var(--ink)}.dz-prog li.ok i{background:var(--accent);color:#fff;transform:scale(1.08)}
.dz-softwarn{margin:2px 0 6px;font-size:12px;color:#b4572f;background:#fff1e6;border-radius:10px;padding:6px 10px}
.dz-wel{position:absolute;inset:0;background:rgba(59,47,42,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:5;backdrop-filter:blur(3px)}
.dz-wel[hidden]{display:none}
.dz-welcard{background:#fffaf3;border-radius:24px;padding:24px 22px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 50px rgba(59,47,42,.3);animation:dzpop .35s ease-out;max-height:92dvh;overflow:auto}
.dz-welbear{font-size:54px;line-height:1}
.dz-welcard h3{margin:8px 0 4px;font-size:20px}.dz-welcard p{margin:0 0 10px;color:var(--muted);font-size:14px}
.dz-welcard ul{list-style:none;margin:8px 0 14px;padding:0;text-align:left;display:grid;gap:8px}.dz-welcard li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:14px}
.dz-welname{display:block;text-align:left;font-size:13px;color:var(--muted);margin-bottom:12px}.dz-welname input,.dz-nameinp{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-top:6px;background:#fff}
.dz-nameinp{margin-top:0}
.dz-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.dz-confetti span{position:absolute;top:-30px;animation:dzfall 2.2s ease-in forwards}
.dz-toast{background:#3b2f2a;z-index:7}
@keyframes dzfall{to{transform:translateY(105dvh) rotate(360deg);opacity:.2}}
@keyframes dzpop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes dzbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.dz-bear,.dz-confetti span,.dz-welcard{animation:none}}
@media(max-width:600px){.dz-bubble{font-size:12.5px;padding:6px 10px}.dz-bear{width:38px;height:38px;font-size:26px}.dz-prog span{display:none}.dz-prog li.ok span,.dz-prog li:last-child span{display:inline}.dz-side-panel{max-height:60dvh}}
/* v22b share + friend landing */
.dz-sharebtn{border:1px solid var(--line);background:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:20px;line-height:1}
.dz-sharebtn.pulse{animation:dzpulse 1.6s ease-in-out infinite;border-color:var(--accent)}
@keyframes dzpulse{0%,100%{box-shadow:0 0 0 0 rgba(224,122,95,.55)}50%{box-shadow:0 0 0 10px rgba(224,122,95,0)}}
.dz-toast{z-index:9}
.dz-shcard{position:relative}
.dz-shx{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted)}
.dz-shpre{width:min(56vw,230px);margin:4px auto 6px;background:radial-gradient(circle at 50% 35%,#fff,#f7e6d3);border-radius:20px;padding:6px;transform:rotate(-2deg);box-shadow:0 8px 22px rgba(59,47,42,.18)}
.dz-shpre svg{display:block;width:100%;height:auto}
.dz-shbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}
.dz-shbtns button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 12px;min-height:46px}
.dz-shbtns .dz-main{grid-column:1/-1;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.dz-sharecta{display:grid;gap:8px;background:#fff;border:1px dashed var(--accent);border-radius:16px;padding:12px;margin:12px 0;text-align:center;font-size:14px}
.dz-fv{--paper:#fbf4ea;--ink:#3b2f2a;--muted:#8a766b;--line:#ecdccb;--accent:#e07a5f;position:fixed;inset:0;z-index:1100;overflow:auto;background:radial-gradient(circle at 50% 0,#fff4e2,#f6d3bd 75%);display:flex;justify-content:center;align-items:flex-start;padding:14px;color:var(--ink);font-family:'Prompt','Kanit','Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif}
.dz-fvbox{width:100%;max-width:460px;text-align:center;padding-bottom:24px}
.dz-fvtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.dz-fvbrand{font-size:12px;letter-spacing:.2em;color:var(--muted)}
.dz-fv .dz-lang button{min-height:36px}
.dz-fv h2{margin:6px 0 2px;font-size:clamp(22px,6vw,30px);line-height:1.2}
.dz-fvfrom{margin:0;color:var(--accent);font-size:14px}
.dz-fvtee{position:relative;margin:10px auto;max-width:360px;background:radial-gradient(circle at 50% 40%,#fff,#f7e3cf);border-radius:28px;padding:8px;box-shadow:0 14px 34px rgba(59,47,42,.2);cursor:pointer}
.dz-fvtee svg{display:block;width:100%;height:auto;animation:dzfloat 3.4s ease-in-out infinite}
@keyframes dzfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
.dz-fvflip{position:absolute;right:10px;bottom:10px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:36px}
.dz-fvsub{margin:6px 8px 12px;color:var(--muted);font-size:14px}
.dz-fvbtns{display:grid;gap:10px}
.dz-fvbtns button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:12px 16px;min-height:48px}
.dz-fvbtns .dz-main{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(224,122,95,.4)}
.dz-fvfoot{margin:14px 0 0;font-size:12px;color:var(--muted)}
.dz-fv .dz-confetti{position:fixed}
@media(prefers-reduced-motion:reduce){.dz-fvtee svg,.dz-sharebtn.pulse{animation:none}}
/* v23 AI tab + studio entry */
.dz-tabs{overflow-x:auto;scrollbar-width:none}.dz-tabs::-webkit-scrollbar{display:none}
.dz-tab{flex:1 0 auto;min-width:52px}
#dz-aitext{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;resize:vertical;min-height:64px;margin-bottom:4px}
.dz-aiopt{display:flex;align-items:center;gap:8px;margin:12px 0 8px;font-size:14px;color:var(--muted)}
.dz-aiopt input{width:20px;height:20px;accent-color:var(--accent)}
.dz-aigo{width:100%;font-size:18px;font-weight:800;padding:14px;background:linear-gradient(135deg,#e07a5f,#f2a65a)!important;border:0!important;color:#fff;box-shadow:0 8px 20px rgba(224,122,95,.4)}
.dz-aigo:disabled{opacity:.75;animation:dzpulse 1.4s ease-in-out infinite}
.dz-aistat{margin:8px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.dz-aigal{display:flex;gap:8px;flex-wrap:wrap}
.dz-aigal button{width:72px;height:72px;padding:4px;border:1px solid var(--line);border-radius:14px;background:repeating-conic-gradient(#f3e9dc 0 25%,#fff 0 50%) 50%/14px 14px;cursor:pointer}
.dz-aigal img{width:100%;height:100%;object-fit:contain;display:block}
#studio .st-ask{background:linear-gradient(135deg,#fff4e2,#fbe3d3);border-radius:22px;padding:10px;gap:8px;box-shadow:0 8px 22px rgba(224,122,95,.18)}
#studio .st-ask input{border:0;border-radius:999px;padding:14px 18px;font-size:16px;background:#fff}
#studio .st-ask [data-st-gen]{border:0;border-radius:999px;background:linear-gradient(135deg,#e07a5f,#f2a65a);color:#fff;font-weight:800;padding:12px 20px;white-space:nowrap;box-shadow:0 6px 16px rgba(224,122,95,.4)}
#studio .qp .option{border-radius:999px}
.st-grid>*{min-width:0}
#studio .st-ask{flex-wrap:wrap}#studio .st-ask input{flex:1 1 180px;min-width:0}#studio .st-ask [data-st-gen]{flex:1 1 auto}
@media(max-width:430px){.dz-top{gap:2px;padding:6px 4px}.dz-x,.dz-tools>button,.dz-sharebtn{width:34px;height:34px;font-size:16px}.dz-tools{gap:2px}.dz-side button{padding:8px 9px;font-size:13px}.dz-lang button{padding:8px 3px;font-size:11px}}

/* v24 print size + price */
.dz-pbar{position:absolute;left:8px;right:8px;top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;pointer-events:none;z-index:2}
.dz-pb{background:rgba(255,250,243,.94);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:#5a4a40;box-shadow:0 2px 8px rgba(120,70,40,.1)}
.dz-pb.cur{border-color:#e07a5f;font-weight:600}.dz-pb b{margin-right:2px}.dz-pb em{font-style:normal;color:#2f7d4f}.dz-pb.pay em{color:#c2410c;font-weight:700}
.dz-pbar small{flex-basis:100%;text-align:center;font-size:11.5px;color:#8a5a3c}
.dz-law{margin-top:6px}
@media(max-width:600px){.dz-pb{font-size:11px;padding:3px 8px}.dz-pbar{top:4px}}
.dz-presets{flex-wrap:wrap}.dz-pbar small{align-self:center;flex-basis:auto;background:rgba(255,250,243,.94);border-radius:999px;padding:2px 10px;border:1px solid var(--line)}
.dz-presets button{padding:7px 10px}@media(max-width:600px){.dz-presets button{padding:7px 9px}}

/* v25 upload-first */
.dz-guide{display:block;padding:8px 14px 2px}.dz-hint{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.dz-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed var(--accent);border-radius:18px;padding:26px 14px;margin:6px 0 12px;cursor:pointer;background:#fff;transition:background .15s}
.dz-drop:hover,.dz-drop:focus-within{background:#fff4ec}.dz-drop b{font-size:34px;line-height:1;color:var(--accent);font-weight:400}.dz-drop span{font-size:16px;font-weight:700}.dz-drop small{font-size:12px;color:var(--muted)}
.dz-wellinks{display:flex;flex-direction:column;gap:6px;margin-top:6px}.dz-lnk{background:none;border:0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;padding:6px;min-height:36px}
.dz-welcard{border-radius:18px;animation:none}
.dz-imgtools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:2px 0 8px}
.dz-clar{font-size:12px;border-radius:999px;padding:4px 10px;background:#eef6ea;color:#3d6b2e}.dz-clar.mid{background:#fff6dc;color:#8a6a10}.dz-clar.bad{background:#fde8e1;color:#a8431f}
.dz-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.dz-trb{border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px 2px 6px;cursor:pointer;font:inherit;font-size:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px}
.dz-trb.on{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px var(--accent)}.dz-trb svg{width:100%;height:auto;max-height:84px}