:root{--indigo:#203b61;--terracotta:#c9654a;--blue:#71869b;--ivory:#f6f0e6;--sand:#e8dcc8;--ink:#20242b;--line:#ded5c8;--white:#fffdf8;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9bb9d8;outline-offset:3px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid rgba(32,59,97,.12);background:rgba(246,240,230,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--indigo);text-decoration:none}.brand-mark{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr .72fr;width:29px;height:29px;border:2px solid var(--indigo);padding:3px;gap:2px;background:var(--white)}.brand-mark i{display:block}.brand-mark i:nth-child(1){background:var(--terracotta);clip-path:polygon(0 0,100% 0,70% 100%,0 72%)}.brand-mark i:nth-child(2){background:var(--blue);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}.brand-mark i:nth-child(3){background:var(--indigo);clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}.brand-mark i:nth-child(4){background:var(--sand)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,serif;font-size:19px;letter-spacing:-.04em}.brand-copy small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;color:var(--indigo);font-weight:700}.main-nav{display:flex;gap:30px;align-items:center}.main-nav button,.main-nav a,.text-button{background:transparent;border:0;padding:8px;font-weight:600;color:#4c5560;text-decoration:none}.main-nav button:hover,.main-nav a:hover,.text-button:hover{color:var(--indigo)}.main-nav .nav-studio{background:var(--indigo);color:var(--white);border-radius:999px;padding:12px 18px}.mobile-menu{display:none;border:0;background:none;font-size:24px}.section-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.view{display:none;min-height:calc(100vh - 78px);padding:80px 0}.active-view{display:block}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.eyebrow{color:var(--terracotta);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 16px}.hero h1,.page-intro h1,.studio-head h1{font-family:Georgia,serif;font-weight:400;color:var(--indigo);font-size:clamp(48px,6.3vw,82px);letter-spacing:-.065em;line-height:.95;margin:0 0 25px;max-width:650px}.hero-lede,.page-intro p,.studio-head p{font-size:18px;line-height:1.65;color:#5c6267;max-width:530px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.button{border:0;border-radius:999px;padding:15px 21px;font-weight:800}.button-primary{background:var(--indigo);color:var(--white);box-shadow:0 8px 18px rgba(32,59,97,.15)}.button-primary:hover{background:#2b507e;transform:translateY(-1px)}.proof-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px;color:#73766e;font-size:12px;font-weight:700}.hero-art{height:540px;position:relative;display:grid;place-items:center}.art-card{width:min(390px,80%);padding:30px;background:#faf5eb;box-shadow:20px 22px 0 var(--indigo),0 24px 45px rgba(32,59,97,.17);transform:rotate(3deg);position:relative;z-index:1}.art-card img{display:block;width:100%;height:auto}.swatch{position:absolute;width:105px;height:125px;box-shadow:0 8px 16px #0002}.swatch-one{background:var(--terracotta);right:7%;top:8%;transform:rotate(10deg)}.swatch-two{background:var(--blue);left:3%;bottom:18%;transform:rotate(-12deg)}.swatch-three{background:var(--sand);right:10%;bottom:8%;transform:rotate(7deg)}.art-note{position:absolute;left:8%;top:18%;font-family:Georgia,serif;color:var(--indigo);font-size:20px;line-height:1.05;transform:rotate(-8deg)}.section-block{padding-bottom:95px}.section-heading,.studio-head,.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.projects-heading h2{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:38px;letter-spacing:-.04em;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:28px}.steps-grid article{padding:30px 28px 10px 0;border-right:1px solid var(--line)}.steps-grid article+article{padding-left:28px}.steps-grid article:last-child{border:0}.steps-grid span{color:var(--terracotta);font-size:12px;font-weight:800}.steps-grid h3{font-family:Georgia,serif;color:var(--indigo);font-size:27px;font-weight:400;margin:24px 0 8px}.steps-grid p{line-height:1.65;color:#686d6d;margin:0;max-width:270px}.page-intro{padding-bottom:45px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(48px,6vw,76px);margin-bottom:16px}.page-intro p{margin:0}.filter-row{display:flex;gap:8px;margin:30px 0}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 15px;font-size:13px}.filter.active,.filter:hover{background:var(--indigo);color:var(--white);border-color:var(--indigo)}.gallery-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card,.project-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.gallery-card>div:last-child,.project-meta{padding:18px 20px}.gallery-card h3,.project-card h3{font-family:Georgia,serif;font-size:24px;color:var(--indigo);font-weight:400;margin:0 0 5px}.gallery-card p,.project-card p{margin:0;color:#7a7b76;font-size:13px}.mini-art,.project-visual{height:280px;position:relative;overflow:hidden;background:var(--sand)}.mini-art span,.project-visual span{position:absolute;display:block}.gallery-pet .mini-art{background:var(--indigo)}.gallery-pet .mini-art span:nth-child(1){background:var(--terracotta);width:65%;height:70%;left:0;top:0;clip-path:polygon(0 0,100% 0,70% 100%,0 75%)}.gallery-pet .mini-art span:nth-child(2){background:var(--blue);width:55%;height:75%;right:0;top:0;clip-path:polygon(30% 0,100% 0,100% 100%,0 80%)}.gallery-pet .mini-art span:nth-child(3){background:var(--sand);width:50%;height:40%;right:0;bottom:0}.gallery-flower .mini-art{background:#d2d6c5}.gallery-flower .mini-art span{background:var(--terracotta);border-radius:50% 0 50% 50%;width:120px;height:160px;left:28%;top:15%;transform:rotate(-28deg)}.gallery-flower .mini-art span:nth-child(2){background:var(--indigo);width:70px;height:130px;left:57%;top:38%;transform:rotate(33deg)}.gallery-flower .mini-art span:nth-child(3){background:var(--sand);width:110px;height:110px;left:8%;top:54%;transform:rotate(24deg)}.gallery-place .mini-art{background:var(--blue)}.gallery-place .mini-art span:nth-child(1){background:var(--indigo);width:100%;height:45%;bottom:0;clip-path:polygon(0 25%,34% 0,58% 26%,80% 6%,100% 33%,100% 100%,0 100%)}.gallery-place .mini-art span:nth-child(2){background:var(--terracotta);width:50px;height:50px;border-radius:50%;right:25%;top:18%}.gallery-place .mini-art span:nth-child(3){background:var(--sand);width:100%;height:20%;top:0;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%)}.kit-layout{display:grid;grid-template-columns:230px 1fr;gap:50px;padding-top:50px}.kit-nav{display:flex;flex-direction:column;gap:4px}.kit-nav button{border:0;background:transparent;text-align:left;padding:13px 15px;border-left:2px solid transparent;color:#777}.kit-nav button.active,.kit-nav button:hover{border-color:var(--terracotta);color:var(--indigo);font-weight:800}.guide-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:42px}.guide-number{color:var(--terracotta);font-weight:800;font-size:13px}.guide-card h2{font-family:Georgia,serif;color:var(--indigo);font-size:42px;font-weight:400;letter-spacing:-.05em;margin:18px 0 10px}.guide-card>p{color:#70736e;line-height:1.6}.included-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.included-list div{display:flex;flex-direction:column;gap:5px}.included-list b{color:var(--indigo)}.included-list span{font-size:13px;color:#777;line-height:1.5}.tip-card{background:var(--indigo);color:var(--white);border-radius:var(--radius);padding:25px 28px;margin-top:18px}.tip-card span{color:#f0a38b;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.tip-card p{font-family:Georgia,serif;font-size:21px;line-height:1.25;margin:13px 0 0}.studio-head{align-items:center;padding-bottom:35px;border-bottom:1px solid var(--line)}.studio-head h1{font-size:64px;margin-bottom:10px}.studio-summary{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:18px;margin:28px 0 55px}.studio-summary div{padding:19px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.55);display:flex;flex-direction:column;gap:8px}.studio-summary span{font-size:12px;color:#73766e;text-transform:uppercase;letter-spacing:.1em}.studio-summary strong{font-family:Georgia,serif;font-size:26px;color:var(--indigo);font-weight:400}.projects-heading{margin-bottom:20px;align-items:center}.project-visual-one{background:var(--indigo)}.project-visual-one span:nth-child(1){width:70%;height:75%;background:var(--terracotta);clip-path:polygon(0 0,100% 0,72% 100%,0 75%)}.project-visual-one span:nth-child(2){width:55%;height:75%;right:0;background:var(--blue);clip-path:polygon(30% 0,100% 0,100% 100%,0 80%)}.project-visual-one span:nth-child(3){width:46%;height:34%;right:0;bottom:0;background:var(--sand)}.project-visual-two{background:#a9b59e}.project-visual-two span:nth-child(1){width:55%;height:88%;left:20%;top:-8%;border-radius:50% 50% 0 50%;background:var(--terracotta);transform:rotate(25deg)}.project-visual-two span:nth-child(2){width:45%;height:50%;right:3%;bottom:0;background:var(--indigo);clip-path:polygon(0 35%,70% 0,100% 100%,0 100%)}.project-visual-two span:nth-child(3){width:50%;height:44%;left:0;bottom:0;background:var(--sand);clip-path:polygon(0 25%,100% 0,74% 100%,0 100%)}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:start}.status-pill{background:#f7d2c6;color:#8f4835;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.status-pill.muted{background:#e9e5da;color:#777}.new-card{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border-style:dashed;background:transparent}.new-card .plus{width:48px;height:48px;border-radius:50%;background:var(--indigo);color:var(--white);display:grid;place-items:center;font-size:28px;margin-bottom:18px}.new-card h3{margin-bottom:8px}.create-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;margin:0 0 45px;box-shadow:0 18px 50px rgba(32,59,97,.08)}.hidden{display:none!important}.panel-top{display:flex;justify-content:space-between;align-items:start}.panel-top h2{font-family:Georgia,serif;font-size:38px;font-weight:400;color:var(--indigo);margin:0}.close-panel{border:0;background:transparent;font-size:28px;color:#777}.create-steps{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:25px}.create-steps span{font-size:12px;color:#999}.create-steps span.active{color:var(--indigo);font-weight:800}.upload-zone{min-height:250px;border:1.5px dashed #b8b7ad;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--indigo);background:#fbf8f1;position:relative;overflow:hidden}.upload-zone input{display:none}.upload-icon{width:44px;height:44px;border-radius:50%;background:var(--indigo);color:var(--white);display:grid;place-items:center;font-size:25px}.upload-zone strong{font-family:Georgia,serif;font-weight:400;font-size:24px}.upload-zone small{color:#8a8c87}.upload-zone img{display:none;max-height:210px;max-width:80%;object-fit:contain;border-radius:10px}.upload-zone.has-image>span,.upload-zone.has-image>strong,.upload-zone.has-image>small{display:none}.upload-zone.has-image img{display:block}.create-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.create-footer p{margin:0;color:#777;font-size:13px}.site-footer{border-top:1px solid var(--line);padding:28px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:#7c7d76;font-size:12px}.footer-brand .brand-copy small{font-size:7px}.footer-brand .brand-copy strong{font-size:17px}
@media(max-width:800px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:14px 24px 20px;background:var(--ivory);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav .nav-studio{text-align:center}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-art{height:420px;order:-1}.hero h1{font-size:55px}.gallery-grid,.project-grid{grid-template-columns:1fr 1fr}.kit-layout{grid-template-columns:1fr;gap:25px}.kit-nav{flex-direction:row;overflow:auto}.kit-nav button{white-space:nowrap}.studio-head{align-items:start;flex-direction:column}.studio-summary{grid-template-columns:1fr 1fr}.studio-summary div:last-child{grid-column:span 2}.site-footer{flex-wrap:wrap;gap:15px}.proof-row{margin-top:30px}}
@media(max-width:520px){.section-shell{width:min(100% - 32px,1180px)}.site-header{padding:0 16px}.brand-copy small{display:none}.hero h1{font-size:48px}.hero-art{height:350px}.art-card{width:78%;padding:20px}.swatch{width:65px;height:80px}.section-heading{align-items:start;flex-direction:column}.steps-grid,.gallery-grid,.project-grid{grid-template-columns:1fr}.steps-grid article,.steps-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.included-list{grid-template-columns:1fr}.guide-card{padding:25px}.guide-card h2{font-size:34px}.studio-head h1{font-size:54px}.studio-summary{grid-template-columns:1fr}.studio-summary div:last-child{grid-column:auto}.create-footer{align-items:start;flex-direction:column}.site-footer{align-items:start;flex-direction:column}}

@media(max-width:800px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:36px;min-height:0;padding-top:30px}.hero-copy{order:-1}.hero-art{order:1;height:auto;min-height:0;padding:0 0 8px;display:block}.art-card{width:min(100%,390px);margin:0 auto;padding:14px;transform:none;box-shadow:12px 14px 0 var(--indigo),0 18px 34px rgba(32,59,97,.14)}.art-card img{max-height:none}.swatch,.art-note{display:none}.hero h1{max-width:100%;overflow-wrap:break-word}}

.share-actions{display:flex;gap:12px;margin:30px 0 42px}.button-secondary{background:transparent;border:1px solid var(--indigo);color:var(--indigo)}.share-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.share-art{height:280px;position:relative;overflow:hidden}.share-art span{position:absolute;display:block}.share-art-one{background:#d7d1be}.share-art-one span:nth-child(1){width:70%;height:75%;left:0;top:0;background:var(--terracotta);clip-path:polygon(0 0,100% 0,70% 100%,0 75%)}.share-art-one span:nth-child(2){width:55%;height:75%;right:0;top:0;background:var(--indigo);clip-path:polygon(30% 0,100% 0,100% 100%,0 80%)}.share-art-one span:nth-child(3){width:48%;height:34%;right:0;bottom:0;background:var(--sand)}.share-art-two{background:#9aa9a0}.share-art-two span:nth-child(1){width:47%;height:80%;left:24%;top:0;background:var(--terracotta);border-radius:55% 55% 8% 55%;transform:rotate(25deg)}.share-art-two span:nth-child(2){width:42%;height:48%;right:0;bottom:0;background:var(--blue);clip-path:polygon(0 25%,70% 0,100% 100%,0 100%)}.share-art-two span:nth-child(3){width:45%;height:40%;left:0;bottom:0;background:var(--indigo);clip-path:polygon(0 30%,100% 0,70% 100%,0 100%)}.share-meta{display:flex;align-items:center;gap:12px;padding:18px 20px}.share-meta h3{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:22px;margin:0 0 4px}.share-meta p{color:#777;font-size:12px;margin:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--terracotta);color:var(--white);display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.avatar-blue{background:var(--indigo)}.share-process{padding:30px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--indigo);color:var(--white)}.process-step{display:flex;flex-direction:column;gap:5px}.process-step span{color:#f0a38b;font-size:11px;font-weight:800}.process-step b{font-family:Georgia,serif;font-weight:400;font-size:19px}.process-line{width:20px;height:1px;background:#8096b2}.share-process h3{font-family:Georgia,serif;font-size:28px;line-height:1.05;font-weight:400;margin:34px 0 0;flex-basis:100%}.share-process p{font-size:13px;color:#d4d9de;margin:0;flex-basis:100%}
.share-actions{justify-content:flex-end}
.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:800px){.share-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.share-grid{grid-template-columns:1fr}.share-actions{align-items:stretch;flex-direction:row;gap:8px;flex-wrap:nowrap}.share-actions .button{flex:1 1 0;min-width:0;padding:13px 9px;font-size:12px;white-space:nowrap}}

body{font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.artwork-card{padding:0;overflow:hidden;background:var(--indigo);position:relative}.artwork-card img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 5;filter:saturate(.9)}.artwork-card>span{position:absolute;left:20px;bottom:18px;color:var(--white);font-family:Georgia,serif;font-size:18px;text-shadow:0 2px 8px #0008}.mini-art img,.share-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.gallery-card:hover .mini-art img,.share-card:hover .share-art img{transform:scale(1.045)}.gallery-card:hover .mini-art img{filter:saturate(1.08)}.share-art{background:var(--sand)}.share-grid{grid-template-columns:repeat(2,1fr)}.source-showcase{display:grid;grid-template-columns:1.1fr .8fr auto .8fr;align-items:center;gap:22px;margin-top:78px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-showcase h2{font-family:Georgia,serif;color:var(--indigo);font-size:34px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0}.source-showcase figure{margin:0}.source-showcase figure img{display:block;width:100%;aspect-ratio:1 / 1.1;object-fit:cover;border-radius:12px;filter:saturate(.85)}.source-showcase figcaption{font-size:11px;color:#73766e;text-transform:uppercase;letter-spacing:.12em;margin-top:10px}.showcase-arrow{font-size:32px;color:var(--terracotta)}
.share-process{grid-column:1 / -1}
.gallery-toolbar{padding:28px 0 24px;border-bottom:1px solid var(--line);color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.gallery-search-bar{display:flex;width:min(100%,920px);margin:0 auto 24px;border:2px solid var(--terracotta);border-radius:14px;overflow:hidden;background:var(--white)}.gallery-search-bar input{flex:1;min-width:0;border:0;background:transparent;color:var(--indigo);padding:17px 20px;font:inherit;font-size:16px;text-transform:none;letter-spacing:0;outline:0}.gallery-search-bar button{border:0;background:var(--terracotta);color:var(--white);padding:0 28px;font-weight:800;font-size:14px}.gallery-category-tabs{display:flex;gap:30px;align-items:center;overflow:auto;padding:0 0 18px}.gallery-filter-option{border:0;background:transparent;padding:8px 0;color:#777;font:inherit;font-size:14px;text-transform:none;letter-spacing:0;white-space:nowrap}.gallery-category-tabs .gallery-filter-option{font-size:16px;font-weight:700;color:var(--ink);position:relative}.gallery-filter-option.active{color:var(--indigo);font-weight:800}.gallery-category-tabs .gallery-filter-option.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px;background:var(--terracotta)}.gallery-filter-rows{border-top:1px solid var(--line);padding-top:14px}.gallery-filter-row{display:flex;align-items:center;gap:26px;min-height:42px}.gallery-filter-row>strong{width:120px;color:var(--ink);font-size:13px}.gallery-filter-row .gallery-filter-option{font-size:13px}.gallery-results{margin-left:auto;color:#9b998f}.gallery-results strong{color:var(--terracotta);font-size:18px;letter-spacing:0}.aspect-label{display:block;color:#9a9589;text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tag-list span{border:1px solid var(--line);border-radius:999px;color:#777;padding:4px 7px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.gallery-filter-row{gap:16px;flex-wrap:wrap}.gallery-filter-row>strong{width:100%}.gallery-results{margin-left:0}}
@media(max-width:520px){.gallery-search-bar{width:100%}.gallery-search-bar button{padding:0 16px}.gallery-category-tabs{gap:20px}.gallery-filter-row{gap:12px}}

.main-nav button,.main-nav a{position:relative}
.main-nav button.active::after,.main-nav a.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-10px;height:3px;border-radius:999px;background:var(--terracotta)}
.main-nav .nav-studio:hover{color:var(--terracotta)}
.main-nav .nav-studio.active::after{left:18px;right:18px}
.gallery-card:nth-child(4n + 2) .mini-art{height:340px}.gallery-card:nth-child(4n + 3) .mini-art{height:235px}.share-card:nth-child(3n + 2) .share-art{height:340px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.gallery-column{display:flex;flex-direction:column;gap:18px;min-width:0}.gallery-card{display:block;width:100%;margin:0;break-inside:avoid;vertical-align:top}.gallery-column .gallery-card .mini-art{height:auto;overflow:hidden}.gallery-card .mini-art img{height:auto;object-fit:initial}
.gallery-sentinel{padding:34px 12px 12px;text-align:center;color:#8b8b82;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gallery-sentinel[hidden]{display:none}.gallery-sentinel.is-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px}.gallery-loading-label{animation:gallery-loading-breathe 1.4s ease-in-out infinite}.gallery-loading-dots{display:flex;align-items:center;gap:4px;width:24px}.gallery-loading-dots i{width:4px;height:4px;border-radius:50%;background:var(--terracotta);opacity:.22;animation:gallery-loading-dot 1.2s ease-in-out infinite}.gallery-loading-dots i:nth-child(2){animation-delay:.16s}.gallery-loading-dots i:nth-child(3){animation-delay:.32s}@keyframes gallery-loading-breathe{0%,100%{color:#8b8b82;opacity:.58}50%{color:var(--indigo);opacity:1}}@keyframes gallery-loading-dot{0%,60%,100%{opacity:.2;transform:translateY(0) scale(.8)}30%{opacity:1;transform:translateY(-3px) scale(1)}}@media(prefers-reduced-motion:reduce){.gallery-loading-label,.gallery-loading-dots i{animation:none}.gallery-loading-label{opacity:1}}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}}
.step-image{margin:26px 0 22px;aspect-ratio:4 / 3;overflow:hidden;background:var(--sand);border-radius:12px}.step-image img{display:block;width:100%;height:100%;object-fit:cover}.steps-grid h3{margin-top:0}
.process-video{display:grid;grid-template-columns:.8fr 1.6fr;gap:38px;align-items:center;margin-top:72px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-video-copy h2{font-family:Georgia,serif;color:var(--indigo);font-size:34px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0 0 15px}.process-video-copy>p:last-child{color:#686d6d;line-height:1.65;max-width:330px;margin:0}.process-video-frame{aspect-ratio:16 / 9;overflow:hidden;background:var(--indigo);border-radius:14px}.process-video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.feedback-section{margin-top:92px;padding-top:34px;border-top:1px solid var(--line)}.feedback-heading{display:flex;justify-content:space-between;align-items:end;gap:28px}.feedback-heading h2{font-family:Georgia,serif;color:var(--indigo);font-size:38px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0}.feedback-heading>p{max-width:230px;color:#777;line-height:1.55;margin:0}.feedback-thread{display:flex;flex-direction:column;gap:34px;max-width:1040px;margin:46px auto 0}.feedback-message{display:flex;align-items:flex-start;gap:18px;max-width:820px}.feedback-right{align-self:flex-end;flex-direction:row-reverse}.feedback-avatar{flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:var(--white);font-size:14px;font-weight:800;letter-spacing:.04em}.avatar-coral{background:var(--terracotta)}.avatar-blue{background:var(--blue)}.avatar-sand{background:#b39a78}.avatar-indigo{background:var(--indigo)}.feedback-content{max-width:680px}.feedback-meta{display:flex;align-items:baseline;gap:12px;margin:3px 0 10px}.feedback-meta strong{color:var(--indigo);font-size:16px}.feedback-meta span{color:#98978e;font-size:12px}.feedback-right .feedback-meta{justify-content:flex-end}.feedback-bubble{position:relative;padding:20px 24px;background:var(--white);border:1px solid var(--line);border-radius:4px 20px 20px 20px;color:#5e6464;line-height:1.6;font-size:17px}.feedback-right .feedback-bubble{border-radius:20px 4px 20px 20px;background:#e9eef2}.feedback-attachment{width:320px;margin:14px 0 0}.feedback-right .feedback-attachment{margin-left:auto}.feedback-attachment img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px}.feedback-attachment figcaption{margin-top:9px;color:#8b8b82;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.share-grid{display:block;column-count:3;column-gap:18px}.share-card{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;vertical-align:top}.share-art,.share-card:nth-child(3n + 2) .share-art{height:auto;overflow:hidden}.share-art img{height:auto;object-fit:initial}.share-process{grid-column:auto}
@media(max-width:800px){.share-grid{column-count:2}}
@media(max-width:520px){.share-grid{column-count:1}}
@media(max-width:800px){.source-showcase{grid-template-columns:1fr 1fr}.source-showcase>div:first-child{grid-column:span 2}.showcase-arrow{display:none}.process-video{grid-template-columns:1fr;gap:24px}.process-video-copy>p:last-child{max-width:520px}.feedback-message{max-width:88%}}
@media(max-width:520px){.source-showcase{grid-template-columns:1fr}.source-showcase>div:first-child{grid-column:auto}.source-showcase figure img{aspect-ratio:1 / 1.15}.share-grid{grid-template-columns:1fr}.process-video{margin-top:48px}.process-video-copy h2{font-size:30px}.feedback-heading{display:block}.feedback-heading h2{font-size:32px}.feedback-heading>p{margin-top:16px}.feedback-message,.feedback-right{align-self:stretch;max-width:100%;flex-direction:row}.feedback-right .feedback-meta{justify-content:flex-start}.feedback-content{min-width:0}.feedback-attachment,.feedback-right .feedback-attachment{margin-left:0;width:min(220px,72vw)}}
.view#home{padding-top:40px}
.view{padding-top:40px;padding-bottom:40px}
@media(max-width:800px){.hero-art{order:-1}.hero-copy{order:1}}
.hero-title,.hero-detail{min-width:0}
.footer-social{display:flex;align-items:center;gap:9px;color:var(--indigo)}.footer-social span{width:27px;height:27px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;line-height:1;transition:color .2s ease,background .2s ease,transform .2s ease}.footer-social span:hover{color:var(--white);background:var(--terracotta);border-color:var(--terracotta);transform:translateY(-2px)}
.social-action{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.social-action:hover{color:var(--indigo)}.social-action[data-social-action="like"].is-active{color:#d94b4b}.social-action[data-social-action="like"].is-active:first-letter{color:#d94b4b}.social-action[data-social-action="save"].is-active{color:#d7a91e}.card-social-row,.detail-interactions{position:relative}.share-menu{position:absolute;right:0;bottom:calc(100% + 9px);z-index:8;display:flex;gap:5px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px #203b6126}.share-menu button{border:0;background:transparent;color:var(--indigo);font-size:11px;font-weight:700;padding:5px 7px;white-space:nowrap}.share-menu button:hover{color:var(--terracotta)}.modal-open{overflow:hidden}.detail-modal[hidden]{display:none}.detail-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.detail-backdrop{position:absolute;inset:0;background:#17233799;backdrop-filter:blur(5px)}.detail-dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);width:min(980px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;background:var(--white);border-radius:22px;box-shadow:0 24px 80px #17233755}.detail-close{position:absolute;right:16px;top:12px;z-index:2;border:0;background:#fffdf8dd;color:var(--indigo);border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.detail-image-wrap{min-height:340px;background:var(--sand);overflow:hidden}.detail-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.detail-body{overflow:auto;padding:40px 32px 28px}.detail-heading{display:flex;flex-direction:column;gap:8px;align-items:stretch}.detail-heading>div{min-width:0}.detail-heading h2{overflow-wrap:anywhere}.detail-heading h2{font-family:Georgia,serif;font-size:42px;line-height:1;color:var(--indigo);font-weight:400;margin:0 0 10px}.detail-heading p{color:var(--indigo);font-weight:700;margin:0}.detail-heading>span{color:#9a9589;font-size:13px;white-space:nowrap}.detail-body>p{color:#8c887e;font-size:13px;margin:28px 0 12px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{border:1px solid var(--line);border-radius:999px;color:#777;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.detail-interactions{margin-top:42px;display:flex;justify-content:flex-end}.detail-interactions .social-stats{font-size:14px;gap:14px}.detail-interactions .social-action{font-size:14px}
@media(max-width:700px){.detail-modal{padding:12px}.detail-dialog{display:block;max-height:calc(100vh - 24px);overflow:auto}.detail-image-wrap{height:54vh;min-height:240px}.detail-body{overflow:visible;padding:26px 22px 24px}.detail-heading h2{font-size:32px}.share-menu{right:0;flex-wrap:wrap;max-width:240px;justify-content:flex-end}}
.detail-image-wrap{display:grid;place-items:center;position:relative}.detail-image-wrap img{object-fit:contain;transform-origin:center center;transition:transform .15s ease;will-change:transform}.detail-zoom-controls{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:5px;padding:6px;background:#fffdf8e8;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 16px #203b6120}.detail-zoom-controls button{border:0;background:transparent;color:var(--indigo);font-weight:800;padding:4px 7px}.detail-zoom-controls button:hover{color:var(--terracotta)}.detail-zoom-controls span{min-width:42px;text-align:center;color:#777;font-size:11px}.detail-zoom-controls button:last-child{border-left:1px solid var(--line);font-size:11px;font-weight:600}.detail-body{display:flex;flex-direction:column;overflow:hidden;padding:0}.detail-scroll{flex:1;min-height:0;overflow:auto;padding:56px 32px 28px}.detail-toolbar{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 16px;border-top:1px solid var(--line);background:var(--white)}.detail-toolbar input{min-width:0;flex:1;border:0;background:#f1f3f5;border-radius:999px;padding:12px 16px;color:var(--ink);font:inherit;font-size:13px;outline:0}.detail-toolbar input:focus{box-shadow:0 0 0 2px #9bb9d8}.comment-submit{border:0;background:var(--indigo);color:var(--white);border-radius:999px;padding:10px 13px;font-size:12px;font-weight:800}.detail-toolbar .detail-interactions{margin:0;flex:0 0 auto}.detail-toolbar .social-stats{font-size:13px;gap:10px}.detail-toolbar .social-action{font-size:13px}
@media(max-width:700px){.detail-dialog{display:flex;flex-direction:column}.detail-image-wrap{flex:0 0 46vh;height:auto;min-height:240px}.detail-body{min-height:0;flex:1}.detail-scroll{padding:26px 22px 22px}.detail-toolbar{flex-wrap:wrap}.detail-toolbar input{order:1;flex-basis:calc(100% - 58px)}.detail-toolbar .comment-submit{order:1}.detail-toolbar .detail-interactions{order:0;margin-left:auto}.detail-toolbar .detail-interactions .social-stats{gap:8px}}
.share-menu button{font-size:17px;line-height:1;padding:4px 7px}
.site-footer>.footer-social{order:3}.site-footer>span{order:4}.footer-social{gap:10px}.footer-social span{width:54px;height:54px;border:0;color:#fff;font-size:23px;box-shadow:0 4px 10px #203b6122}.footer-social span:nth-child(1){background:linear-gradient(135deg,#f9ce34,#ee2a7b 52%,#6228d7)}.footer-social span:nth-child(2){background:#111}.footer-social span:nth-child(3){background:#ff0033}.footer-social span:nth-child(4){background:#1877f2}.footer-social span:nth-child(5){background:#111}.footer-social span:hover{color:#fff;filter:brightness(1.08);transform:translateY(-3px)}
.footer-social span{width:44px;height:44px;font-size:19px}
.nav-account{display:inline-flex;align-items:center;gap:10px}.nav-logout{display:grid;place-items:center;width:22px;height:22px;border-left:1px solid rgba(255,255,255,.35);padding-left:9px;font-size:18px;line-height:1}.nav-account:hover .nav-logout{color:var(--terracotta)}
.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;min-height:620px}.auth-intro h1{font-family:Georgia,serif;color:var(--indigo);font-size:clamp(56px,6vw,82px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:0 0 25px}.auth-intro>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#62686a;max-width:430px}.auth-note{display:flex;flex-direction:column;gap:8px;margin-top:62px;padding:18px 0;border-top:1px solid var(--line);max-width:390px;color:var(--indigo)}.auth-note span{color:var(--terracotta);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.auth-note b{font-family:Georgia,serif;font-size:22px;font-weight:400}.auth-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 50px #203b6114}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:30px}.auth-tabs button{border:0;background:transparent;padding:0 0 13px;color:#999;font-weight:700}.auth-tabs button.active{color:var(--indigo);border-bottom:3px solid var(--terracotta)}.auth-card h2{font-family:Georgia,serif;color:var(--indigo);font-size:38px;font-weight:400;margin:0 0 6px}.auth-subtitle{color:#777;margin:0 0 22px}.google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--line);border-radius:999px;background:var(--white);padding:13px 18px;color:var(--indigo);font-weight:800}.google-button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#4285f4;font-size:18px;font-weight:900}.google-button:hover{border-color:var(--indigo);background:#f8f4eb}.auth-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#aaa;font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.auth-card form{display:flex;flex-direction:column;gap:15px}.auth-card label{display:flex;flex-direction:column;gap:7px;color:var(--indigo);font-size:12px;font-weight:800}.auth-card input{border:1px solid var(--line);border-radius:10px;padding:12px 13px;background:#fffdf8;color:var(--ink);font:inherit;font-size:14px}.auth-card form .button{margin-top:7px}.forgot-link{border:0;background:none;color:#777;font-size:12px;margin:18px auto 0;display:block}.auth-legal{color:#999;font-size:10px;line-height:1.5;text-align:center;margin:24px 0 0}.studio-user{display:flex;align-items:center;gap:10px;color:var(--indigo);font-weight:700}.studio-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:var(--white);font-size:12px}.studio-summary small{color:#999;font-size:11px}.studio-next{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 48px;padding:30px;border-radius:18px;background:var(--indigo);color:var(--white)}.studio-next .eyebrow{color:#f0a38b}.studio-next h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0 0 8px}.studio-next p:not(.eyebrow){color:#d7dde2;margin:0 0 22px}.studio-next small{color:#c6d0d8}.studio-progress{height:5px;width:min(420px,55vw);background:#ffffff33;border-radius:99px;margin-bottom:9px}.studio-progress span{display:block;height:100%;background:#f0a38b;border-radius:inherit}.studio-next .button{background:var(--white);color:var(--indigo);white-space:nowrap}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:38px;min-height:0}.auth-intro h1{font-size:56px}.auth-note{margin-top:30px}.studio-next{align-items:start;flex-direction:column}.studio-progress{width:100%}.studio-next .button{width:100%}}
@media(max-width:800px){.hero-copy{display:contents}.hero-title{order:1}.hero-art{order:2}.hero-detail{order:3}}
.card-social-row{display:flex;justify-content:flex-end;margin-top:14px}.card-social-row .social-stats{justify-content:flex-end}
.process-video-frame video{object-fit:contain;background:var(--ivory)}
.showcase-share-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:0;color:var(--terracotta);font-size:13px;font-weight:800}.showcase-share-link:hover{color:var(--indigo)}
.brand{gap:0}.brand-logo{display:block;width:220px;height:auto}.brand-mark,.brand-copy{display:none}
.header-brand-group{display:flex;align-items:center;gap:25px}.language-switcher{display:flex;align-items:center;gap:7px;color:var(--indigo);font-size:12px;line-height:1;cursor:pointer;white-space:nowrap}.language-switcher select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:var(--indigo);font:inherit;cursor:pointer;padding:8px 0}.language-switcher select:focus-visible{outline:2px solid #9bb9d8;outline-offset:3px}.language-caret{font-size:11px;color:#777;transform:translateY(-1px);pointer-events:none}@media(max-width:800px){.header-brand-group{gap:12px}.language-switcher{font-size:11px}.language-switcher select{max-width:72px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:520px){.brand-logo{width:178px}}
.feedback-context{margin:-2px 0 9px;color:#9a9589;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.feedback-right .feedback-context{text-align:right}
 .gallery-card .gallery-author{color:var(--indigo);font-weight:700;font-size:12px;margin:0 0 3px}
.gallery-title-row,.share-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gallery-title-row h3,.share-title-row h3{min-width:0}.post-side-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto}.gallery-post-meta,.share-post-meta{color:#9a9589;font-size:11px;margin:0;white-space:nowrap}.social-stats{display:flex;justify-content:flex-end;gap:10px;align-items:center;color:#777;font-size:11px;margin:0}.social-stats span{white-space:nowrap}.share-copy{min-width:0;flex:1}.share-copy .share-author{color:var(--indigo);font-weight:700;margin:0 0 3px}.share-copy .share-post-meta{margin:0}
.source-showcase{border-top:0;border-bottom:0}
.studio-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:42px;align-items:start}.studio-sidebar{position:sticky;top:108px;align-self:start;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px}.studio-profile{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.studio-profile .studio-avatar{width:74px;height:74px;margin:0 auto 14px;font-size:20px}.studio-profile h2{font-family:Georgia,serif;color:var(--indigo);font-size:27px;font-weight:400;margin:0 0 4px}.studio-profile p{color:#999;margin:0 0 12px;font-size:12px}.studio-profile .text-button{font-size:12px;padding:0}.studio-sidebar-block{padding:20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.studio-sidebar-block span{color:#73766e;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.studio-sidebar-block strong{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:34px}.studio-sidebar-block small{color:#999;font-size:11px}.studio-sidebar-links{display:flex;flex-direction:column;gap:4px;padding-top:18px}.studio-sidebar-links button{border:0;background:transparent;text-align:left;padding:10px 0;color:#777;font-size:12px}.studio-sidebar-links button.active,.studio-sidebar-links button:hover{color:var(--indigo);font-weight:800}.studio-feed{min-width:0}.studio-feed-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:22px}.studio-feed-heading h1{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:64px;letter-spacing:-.06em;line-height:.95;margin:0 0 12px}.studio-feed-heading p:not(.eyebrow){color:#666;line-height:1.5;margin:0}.studio-project-feed{display:flex;flex-direction:column;gap:18px}.studio-project-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden}.studio-project-visual{min-height:250px;position:relative;overflow:hidden}.studio-project-copy{padding:25px 28px;display:flex;flex-direction:column}.studio-project-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-project-top small{color:#999;font-size:11px}.studio-project-copy h2{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:34px;letter-spacing:-.04em;margin:28px 0 8px}.studio-project-copy>p{color:#777;margin:0}.studio-project-actions{display:flex;gap:18px;margin-top:auto;padding-top:25px}.studio-project-actions .text-button{padding:0;font-size:12px}.studio-empty{border:1px dashed #b8b7ad;border-radius:18px;padding:75px 30px;text-align:center;background:#fbf8f1}.studio-empty .plus{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:var(--indigo);color:var(--white);font-size:28px}.studio-empty h2{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:34px;margin:0 0 10px}.studio-empty>p:not(.eyebrow){color:#777;max-width:430px;margin:0 auto 24px;line-height:1.6}@media(max-width:800px){.studio-workspace{grid-template-columns:1fr;gap:24px}.studio-sidebar{position:static}.studio-profile{text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.studio-profile .studio-avatar{grid-row:span 3;margin:0}.studio-profile .text-button{grid-column:2}.studio-sidebar-links{display:grid;grid-template-columns:1fr 1fr}.studio-feed-heading{align-items:start;flex-direction:column}.studio-project-card{grid-template-columns:1fr}.studio-project-visual{min-height:200px}}@media(max-width:520px){.studio-feed-heading h1{font-size:50px}.studio-project-copy{padding:22px}.studio-project-copy h2{font-size:30px}}
.comment-composer{display:flex;align-items:center;min-width:0;flex:1 1 auto;background:#f1f3f5;border-radius:999px;padding-right:5px;transition:flex-basis .2s ease,box-shadow .2s ease}.comment-composer input{background:transparent!important;box-shadow:none!important;min-width:0;width:100%}.comment-composer:focus-within,.comment-composer:hover{box-shadow:0 0 0 2px #9bb9d8}.comment-submit{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:17px;line-height:1}.detail-toolbar:has(.comment-composer:hover) .detail-interactions,.detail-toolbar:has(.comment-composer:focus-within) .detail-interactions{display:none}.detail-toolbar:has(.comment-composer:hover) .comment-composer,.detail-toolbar:has(.comment-composer:focus-within) .comment-composer{flex-basis:100%}
.process-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:38px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:38px}.process-hero .process-intro{padding-bottom:0}.process-engineering-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 25px auto;gap:14px 12px;padding:27px 24px 23px;background:#f0f5f3;border:1px solid #d6ddd8;border-radius:18px;min-height:316px;overflow:hidden}.process-engineering-map:before{content:"";position:absolute;inset:18px;border:1px solid #cfdad5;border-radius:12px;pointer-events:none}.process-map-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.map-node-art{position:relative;width:76px;height:58px;border-radius:7px;background:var(--white);box-shadow:0 7px 0 #d1ded9;overflow:hidden}.process-map-node b{color:var(--indigo);font-size:11px;line-height:1.2}.process-map-node small{color:#818983;font-size:9px;line-height:1.2}.map-connector{position:relative;z-index:2;align-self:center;text-align:center;color:var(--terracotta);font-size:22px;font-weight:700}.connector-three{grid-column:3;grid-row:1 / span 3;align-self:center}.connector-four{grid-column:2;grid-row:3}.connector-five{grid-column:1;grid-row:3}.node-fabric{grid-column:3;grid-row:3}.node-make{grid-column:2;grid-row:3}.node-share{grid-column:1;grid-row:3}.node-upload{grid-column:1;grid-row:1}.node-ai{grid-column:2;grid-row:1}.node-board{grid-column:3;grid-row:1}.art-photo{background:linear-gradient(140deg,#a8b9c0 0 34%,#f1c990 35% 58%,#50667b 59%)}.art-photo:before{content:"";position:absolute;width:28px;height:28px;left:22px;top:17px;border-radius:50% 50% 45% 45%;background:#f5e8d5}.art-photo i{position:absolute;width:52px;height:17px;left:12px;bottom:-2px;background:#243d5e;border-radius:50% 50% 0 0}.art-ai{background:#fbfaf5}.art-ai i{position:absolute;height:2px;background:var(--indigo);transform-origin:left center}.art-ai i:nth-child(1){width:50px;left:14px;top:22px;transform:rotate(35deg)}.art-ai i:nth-child(2){width:43px;left:28px;top:42px;transform:rotate(-42deg)}.art-ai i:nth-child(3){width:38px;left:27px;top:20px;transform:rotate(92deg)}.art-board{background:#173b5e}.art-board i{position:absolute;border:1px solid #bed0d3;border-radius:50%;width:28px;height:24px}.art-board i:nth-child(1){left:7px;top:6px}.art-board i:nth-child(2){left:37px;top:7px}.art-board i:nth-child(3){left:19px;top:28px}.art-board i:nth-child(4){left:49px;top:31px}.art-fabric{background:#f7eee1;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:8px;box-sizing:border-box}.art-fabric i{display:block;width:17px;height:32px;border-radius:4px 4px 1px 1px}.art-fabric i:nth-child(1){background:#d0694c;height:25px}.art-fabric i:nth-child(2){background:#526e91;height:39px}.art-fabric i:nth-child(3){background:#84927d;height:31px}.art-make{background:#e8d2b6}.art-make:before{content:"";position:absolute;width:52px;height:19px;left:12px;top:24px;background:#223b59;transform:skew(-22deg);border-radius:3px}.art-make i{position:absolute;width:9px;height:9px;border-radius:50%;background:#d06a4c;top:13px;left:25px;box-shadow:19px 8px #f0b057}.art-finish{background:linear-gradient(135deg,#d9c6a2,#768b78)}.art-finish i{position:absolute;inset:11px 20px 9px 22px;border:4px solid #1d2630;background:#d8d1be;box-shadow:0 0 0 2px #f5eee1}.process-map-caption{position:absolute;right:25px;bottom:12px;display:flex;gap:6px;align-items:center;color:#89928d;font-size:8px;letter-spacing:.12em}.process-map-caption strong{color:var(--terracotta);font-size:9px}@media(max-width:980px){.process-hero{grid-template-columns:1fr}.process-engineering-map{max-width:650px;width:100%}}
.process-intro{padding-bottom:42px}.process-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:48px;padding-top:42px}.process-index{position:sticky;top:108px;align-self:start;display:flex;flex-direction:column;gap:13px}.process-index span{color:var(--terracotta);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.process-index a{color:#777;text-decoration:none;font-size:12px;line-height:1.35}.process-index a:hover{color:var(--indigo)}.process-content{display:flex;flex-direction:column;gap:18px}.process-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px 34px}.process-number{color:var(--terracotta);font-size:12px;font-weight:800;letter-spacing:.12em}.process-card h2{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:36px;line-height:1.03;letter-spacing:-.045em;margin:15px 0 12px}.process-card>p{color:#666d6d;line-height:1.65;max-width:760px;margin:0}.process-columns,.material-grid,.order-facts,.share-checklist,.points-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.process-columns h3,.material-grid h3,.points-grid h3{color:var(--indigo);font-size:15px;margin:0 0 9px}.process-card ul{margin:0;padding-left:18px;color:#747873;font-size:13px;line-height:1.7}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.process-timeline div,.material-grid>div,.order-facts>div,.share-checklist>div{padding:16px;background:#f7f3eb;border-radius:12px}.process-timeline b,.order-facts b,.share-checklist b{display:block;color:var(--indigo);font-size:13px;margin-bottom:6px}.process-timeline span,.order-facts span,.share-checklist span{display:block;color:#777d79;font-size:12px;line-height:1.5}.process-note{margin-top:24px;padding:15px 17px;background:#eef2f1;border-left:3px solid var(--terracotta);color:#68706e;font-size:13px;line-height:1.6}.process-note b{color:var(--indigo)}.material-grid p,.points-grid p{color:#777d79;font-size:12px;line-height:1.55;margin:0}.make-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.make-steps span{padding:15px;background:#f7f3eb;color:#777d79;font-size:12px;line-height:1.5;border-radius:12px}.make-steps b{display:block;color:var(--indigo);font-size:13px;margin-bottom:5px}.points-grid{grid-template-columns:1fr 1fr}.points-grid>div{padding:18px;background:#f7f3eb;border-radius:12px}.points-grid ul{margin-top:8px}
@media(max-width:800px){.process-layout{grid-template-columns:1fr;gap:24px}.process-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.process-index span{grid-column:span 2}.process-timeline,.make-steps{grid-template-columns:1fr 1fr}.process-card{padding:25px 22px}.process-engineering-map{min-height:300px}}
@media(max-width:520px){.process-card h2{font-size:30px}.process-columns,.material-grid,.order-facts,.share-checklist,.points-grid,.process-timeline,.make-steps{grid-template-columns:1fr}.process-index{grid-template-columns:1fr}.process-index span{grid-column:auto}.process-engineering-map{grid-template-columns:repeat(3,1fr);gap:12px 5px;padding:24px 10px 20px}.map-node-art{width:65px;height:52px}.process-map-node b{font-size:9px}.process-map-node small{font-size:8px}.process-map-caption{right:12px}}
.process-engineering-map .map-connector{position:absolute}.process-engineering-map .connector-one{left:29%;top:29%}.process-engineering-map .connector-two{left:61%;top:29%}.process-engineering-map .connector-three{right:24%;top:46%}.process-engineering-map .connector-four{left:61%;bottom:22%}.process-engineering-map .connector-five{left:29%;bottom:22%}
.process-engineering-map{display:block;min-height:0;aspect-ratio:16 / 9;padding:0;background:#eaf3f2 url("https://bilis.s3.us-east-2.amazonaws.com/site/assets/process/cloth2art-engineering-process.png") center / cover no-repeat}.process-engineering-map>*{display:none}
.studio-feed-heading>div{display:none}.studio-feed-heading{justify-content:flex-end;padding-bottom:0;border-bottom:0;margin-bottom:22px}.studio-sidebar-block,.studio-sidebar-links{display:none}.studio-sidebar-menu{display:flex;flex-direction:column;gap:2px;padding-top:20px}.studio-sidebar-menu button{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;text-align:left;padding:12px 10px;color:#777;font-size:13px}.studio-sidebar-menu button:hover,.studio-sidebar-menu button.active{background:#f4eee5;color:var(--indigo);font-weight:800}.studio-sidebar-menu strong{font-size:12px;color:#999;font-weight:700}.studio-sidebar-menu button.active strong{color:var(--terracotta)}.studio-menu-icon{display:grid;place-items:center;width:22px;height:22px;color:var(--terracotta);font-size:17px;font-weight:700}
.process-index a{display:block;padding:9px 12px;border-left:3px solid transparent;border-radius:0 10px 10px 0;transition:color .2s ease,background .2s ease,border-color .2s ease}.process-index a.active{color:var(--indigo);background:#eee5d8;border-color:var(--terracotta);font-weight:800}.process-index a:hover{background:#f3ede4;border-color:#d89a86}.process-card{scroll-margin-top:112px;min-width:0}.process-card h2{max-width:100%;overflow:visible;word-break:normal}
.kinusaiga-story{margin:86px 0 90px;padding:54px 0 0;border-top:1px solid var(--line)}.kinusaiga-story-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);column-gap:60px;align-items:end}.kinusaiga-story-heading .eyebrow{grid-column:1 / -1}.kinusaiga-story-heading h2{font-family:Georgia,serif;color:var(--indigo);font-weight:400;font-size:clamp(38px,4.5vw,62px);line-height:.98;letter-spacing:-.055em;margin:0}.kinusaiga-story-heading>p:not(.eyebrow){color:#666d6d;font-size:16px;line-height:1.6;margin:0 0 4px}.kinusaiga-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kinusaiga-story-grid article{padding:28px 28px 30px 0}.kinusaiga-story-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.story-number{color:var(--terracotta);font-size:12px;font-weight:800;letter-spacing:.12em}.kinusaiga-story-grid h3{font-family:Georgia,serif;color:var(--indigo);font-size:26px;font-weight:400;line-height:1.05;margin:22px 0 12px}.kinusaiga-story-grid p{color:#707573;font-size:13px;line-height:1.7;margin:0}.story-link{color:var(--terracotta);padding:0;margin-top:24px}.story-link:hover{color:var(--indigo)}
@media(max-width:800px){.kinusaiga-story{margin:60px 0;padding-top:38px}.kinusaiga-story-heading{grid-template-columns:1fr;gap:20px}.kinusaiga-story-heading>p:not(.eyebrow){margin:0}.kinusaiga-story-grid{grid-template-columns:1fr;margin-top:34px}.kinusaiga-story-grid article,.kinusaiga-story-grid article+article{padding:24px 0;border-left:0}.kinusaiga-story-grid article+article{border-top:1px solid var(--line)}}
.studio-sidebar-menu .studio-new-project{display:flex;justify-content:space-between;align-items:center;background:var(--indigo);color:var(--white);font-weight:800;margin-bottom:12px;padding:12px 14px}.studio-sidebar-menu .studio-new-project:hover{background:#2d527f;color:var(--white)}.studio-new-project span{font-size:16px}
.studio-sidebar{top:122px;z-index:4}
.order-filters{display:flex;align-items:center;gap:24px;margin:0 0 18px;padding:0 2px}.order-filters-label{color:#73766e;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.order-filter-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-filter-list button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:999px;background:transparent;color:#777;padding:8px 11px;font-size:12px}.order-filter-list button strong{color:#aaa;font-size:11px}.order-filter-list button:hover,.order-filter-list button.active{background:#f4eee5;border-color:var(--line);color:var(--indigo);font-weight:800}.order-filter-list button.active strong{color:var(--terracotta)}.studio-project-card[hidden]{display:none}
.design-filters[hidden],.order-filters[hidden]{display:none}
.studio-feed>.order-filters{position:sticky;top:78px;z-index:3;margin:0 -2px 18px;padding:12px 2px 10px;background:var(--ivory);border-bottom:1px solid var(--line)}.studio-feed>.order-filters .order-filters-label{display:none}.studio-feed>.order-filters .order-filter-list{width:100%;justify-content:flex-start}
.studio-sidebar{position:fixed!important;left:max(24px,calc((100vw - 1180px)/2));top:96px;width:245px;max-height:calc(100vh - 112px);overflow:auto}
.studio-workspace>.studio-feed{grid-column:2}
.share-meta{position:relative;display:block;min-height:82px;padding:18px 20px}.share-meta .card-social-row{position:relative;right:auto;bottom:auto;margin:14px 0 0}.share-meta .share-title-row{align-items:flex-start}.share-meta .share-post-meta{margin-left:auto;white-space:nowrap}.share-meta .share-copy{padding-right:0}
@media(max-width:800px){.studio-sidebar{position:static!important;left:auto;top:auto;width:auto;max-height:none;overflow:visible}}
@media(max-width:800px){.studio-workspace>.studio-feed{grid-column:auto}}
@media(max-width:520px){.order-filters{align-items:flex-start;flex-direction:column;gap:8px}.order-filter-list{gap:4px}.order-filter-list button{padding:7px 9px}}
.profile-modal{position:fixed;inset:0;z-index:80;display:none}.profile-modal.open{display:block}.profile-modal-backdrop{position:absolute;inset:0;background:rgba(25,45,70,.26);backdrop-filter:blur(3px)}.profile-sheet{position:absolute;top:0;right:0;width:min(520px,100%);height:100%;overflow:auto;background:var(--white);padding:38px 42px;box-shadow:-18px 0 45px rgba(28,43,61,.14)}.profile-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.profile-sheet-header h2{font-family:Georgia,serif;color:var(--indigo);font-size:42px;line-height:1;margin:10px 0 0}.profile-sheet form{display:flex;flex-direction:column;gap:22px}.profile-form-avatar{display:flex;align-items:center;gap:18px}.profile-avatar-preview{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background-color:var(--terracotta);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--white);font-size:25px;font-weight:800}.profile-form-avatar small{display:block;color:#999;font-size:11px;margin-top:8px}.profile-upload-button{display:inline-flex!important;cursor:pointer;font-size:12px!important;padding:10px 14px!important}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-sheet label{display:flex;flex-direction:column;gap:7px;color:#596166;font-size:12px;font-weight:800}.profile-sheet input,.profile-sheet textarea,.profile-sheet select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfaf7;color:var(--indigo);font:inherit;font-size:14px;padding:12px 13px;outline:none}.profile-sheet textarea{resize:vertical;line-height:1.5}.profile-sheet input:focus,.profile-sheet textarea:focus,.profile-sheet select:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(199,103,76,.12)}.profile-sheet label small{color:#999;font-size:10px;font-weight:400}.profile-optional{font-weight:400;color:#999}.profile-account-note{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;color:#888;font-size:11px}.profile-account-note .text-button{padding:0;font-size:11px;color:var(--indigo)}.profile-form-status{min-height:16px;margin:0;color:var(--terracotta);font-size:12px}.profile-sheet-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}.profile-sheet-actions .button{min-width:118px}.studio-avatar{background-position:center;background-size:cover;background-repeat:no-repeat}
@media(max-width:520px){.profile-sheet{padding:26px 22px}.profile-sheet-header h2{font-size:34px}.profile-form-grid{grid-template-columns:1fr}.profile-sheet-actions{position:sticky;bottom:0;background:var(--white);padding:14px 0 0}}
#studio.studio-create-mode .studio-project-feed,
#studio.studio-create-mode .studio-empty,
#studio.studio-create-mode .studio-feed > .order-filters{display:none!important}
#studio.studio-create-mode .create-panel{min-height:calc(100vh - 150px);margin:0;display:flex;flex-direction:column;justify-content:center}
#studio.studio-create-mode .studio-feed{min-height:calc(100vh - 110px)}
.progress-track{position:sticky;top:78px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:5px;margin:-32px -32px 32px;padding:13px 24px 12px;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:42px;color:#999;font-size:10px;line-height:1.1;text-align:center;white-space:nowrap}.progress-step b{display:grid;place-items:center;width:26px;height:26px;border:2px solid #aaa;border-radius:50%;font-size:11px;font-weight:700;color:#888}.progress-step.complete{color:var(--terracotta);font-weight:800}.progress-step.complete b{border-color:var(--terracotta);background:var(--terracotta);color:var(--white)}.progress-track>i{flex:1;color:#aaa;font-style:normal;font-size:17px;line-height:26px;text-align:center}.progress-track>i.complete{color:var(--terracotta)}
@media(max-width:800px){.progress-track{position:sticky;top:78px;margin:-25px -25px 25px;padding:11px 12px 10px;overflow-x:auto;justify-content:flex-start}.progress-step{flex:0 0 48px}.progress-track>i{flex:0 0 15px}.progress-step span{font-size:9px}}
#studio .studio-workspace{grid-template-columns:245px minmax(0,1fr);gap:64px}
#studio .studio-sidebar{position:fixed!important;top:80px;left:max(24px,calc((100vw - 1180px)/2));width:245px;max-height:calc(100vh - 96px);overflow:auto;z-index:10;align-self:auto}
#studio .studio-workspace>.studio-feed{grid-column:2!important}
@media(max-width:800px){#studio .studio-workspace{grid-template-columns:1fr;gap:24px}#studio .studio-sidebar{position:static!important;top:auto;left:auto;width:auto;max-height:none;overflow:visible}#studio .studio-workspace>.studio-feed{grid-column:auto!important}}
.progress-track{align-items:center;justify-content:flex-start;gap:10px;overflow-x:auto;white-space:nowrap}.progress-step{display:inline-flex;flex-direction:row;min-width:auto;gap:0;font-size:12px}.progress-track>i{flex:0 0 auto;line-height:1;color:#aaa}.progress-step b{display:none}
#studio .studio-sidebar{top:80px;left:max(24px,calc((100vw - 1180px)/2));max-height:calc(100vh - 96px)}
@media(max-width:800px){#studio .studio-sidebar{top:auto;left:auto;max-height:none}}

/* Keep the create flow in document order so its heading never slides under the progress bar. */
#studio.studio-create-mode .create-panel{justify-content:flex-start}
#studio .studio-workspace{display:block!important;position:relative}
#studio .studio-workspace>.studio-feed{display:block;width:calc(100% - 309px);margin-left:309px;min-width:0}
#studio{transform:none!important}
#studio .studio-sidebar{left:24px!important}
@media(max-width:800px){#studio .studio-workspace{display:block!important}#studio .studio-workspace>.studio-feed{width:100%;margin-left:0}}
#studio .ai-guide{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;padding:15px 17px;background:#eef2f1;border-left:3px solid var(--terracotta);border-radius:0 12px 12px 0;color:#68706e}
#studio .ai-guide-mark{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:var(--terracotta);color:var(--white);font-size:14px}
#studio .ai-guide p{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px;line-height:1.45}
#studio .ai-guide strong{color:var(--indigo);font-size:14px}
#studio .ai-guide small{color:#737873;font-size:12px}
#studio .upload-zone.upload-complete{min-height:110px;padding:16px 20px;display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;column-gap:16px;text-align:left;align-items:center}
#studio .upload-zone.upload-complete .upload-icon{grid-row:1 / span 2;grid-column:1;width:84px;height:84px;background:var(--indigo);background-image:var(--upload-preview-image);background-size:cover;background-position:center;font-size:0}
#studio .upload-zone.upload-complete strong,#studio .upload-zone.upload-complete small{grid-column:2}
#studio .upload-circle-progress{display:none;position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;border:4px solid rgba(255,255,255,.42);border-top-color:#fff;border-right-color:#fff;z-index:3;align-items:center;justify-content:center;background:rgba(32,59,97,.32);box-shadow:0 3px 12px rgba(0,0,0,.18)}
#studio .upload-circle-progress.visible{display:flex;animation:upload-spin 1s linear infinite}
#studio .upload-circle-progress span{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);animation:upload-counter-pause 1s linear infinite}
#studio .upload-zone.is-uploading #upload-preview{filter:blur(12px);opacity:.72}
#studio .upload-zone #upload-preview{transition:filter .45s ease,opacity .45s ease}
#studio .upload-zone.upload-failed{border-color:var(--terracotta);color:var(--terracotta)}
@keyframes upload-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes upload-counter-pause{to{transform:rotate(-360deg)}}
.size-step{margin-top:28px;padding:25px;background:#fbfaf7;border:1px solid var(--line);border-radius:16px}
.size-step-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.size-step-heading h3{font-family:Georgia,serif;color:var(--indigo);font-size:30px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:10px 0 8px}
.size-step-heading p:not(.eyebrow){color:#737873;font-size:13px;line-height:1.5;margin:0;max-width:580px}
.selected-size{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#999;font-size:11px;white-space:nowrap}
.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.size-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:150px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--indigo);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.size-option:hover{border-color:#c9775e;background:#fffdf9;transform:translateY(-2px)}
.size-option.selected{border:2px solid var(--terracotta);background:#fff9f2;box-shadow:0 8px 18px rgba(37,60,91,.08)}
.size-option strong{font-size:14px}
.size-option small{color:#858982;font-size:11px}
.frame-icon{display:block;width:45px;height:45px;margin-bottom:4px;border:5px solid var(--indigo);background:#e7dfd1;box-shadow:inset 0 0 0 3px #fffdf8}
.frame-icon.frame-large{width:53px;height:53px}
.frame-landscape{width:55px;height:42px}.frame-landscape.frame-large{width:64px;height:48px}
.frame-portrait{width:40px;height:54px}.frame-portrait.frame-large{width:46px;height:62px}
.frame-custom{display:grid;place-items:center;border:1px dashed var(--terracotta);color:var(--terracotta);font-size:22px;background:#fff8f0}
@media(max-width:800px){.size-options{grid-template-columns:repeat(2,1fr)}.size-step-heading{align-items:flex-start;flex-direction:column;gap:12px}.selected-size{align-self:flex-start}}
@media(max-width:520px){.size-step{padding:18px}.size-step-heading h3{font-size:26px}.size-option{min-height:135px;padding:12px}}
#studio{padding-top:14px}
#studio .studio-sidebar{left:clamp(24px,5vw,72px)!important;top:92px!important}
#studio .studio-feed{padding-top:0}
.page-intro .share-actions{justify-content:flex-end;margin-top:30px;margin-bottom:0}
@media(min-width:801px){#studio .studio-feed:has(>.order-filters:not([hidden])){padding-top:58px!important}#studio .studio-feed>.order-filters:not([hidden]){position:fixed!important;top:78px!important;left:calc(clamp(24px,5vw,72px) + 309px);right:clamp(24px,5vw,72px);z-index:20;margin:0;padding:12px 2px 10px;background:var(--ivory);border-bottom:1px solid var(--line)}}
@media(max-width:800px){#studio .studio-feed>.order-filters:not([hidden]){position:sticky!important;top:78px!important;z-index:20;background:var(--ivory)}}
#create-panel .create-steps{display:none}
#create-panel .create-steps{display:none}
.crop-step{margin-top:28px;padding:25px;background:#fbfaf7;border:1px solid var(--line);border-radius:16px}.crop-step-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.crop-step-heading h3{font-family:Georgia,serif;color:var(--indigo);font-size:30px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:10px 0 8px}.crop-step-heading p:not(.eyebrow){color:#737873;font-size:13px;line-height:1.5;margin:0;max-width:620px}.crop-status{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--indigo);background:var(--white);font-size:12px;font-weight:800;white-space:nowrap}.crop-result{display:grid;grid-template-columns:minmax(260px,1.1fr) 1fr;gap:24px;align-items:stretch}.crop-frame{min-height:260px;background:#e8e1d6;border-radius:14px;overflow:hidden;display:grid;place-items:center}.crop-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.crop-notes{display:flex;flex-direction:column;justify-content:center;padding:8px 4px}.crop-note-label{color:var(--terracotta);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.crop-notes strong{font-family:Georgia,serif;color:var(--indigo);font-size:24px;font-weight:400;line-height:1.18;margin:13px 0 10px}.crop-notes p{color:#737873;font-size:13px;line-height:1.6;margin:0}.crop-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.crop-chips span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#737873;font-size:11px;background:var(--white)}@media(max-width:800px){.crop-step-heading{align-items:flex-start;flex-direction:column;gap:12px}.crop-result{grid-template-columns:1fr}.crop-frame{min-height:0}}@media(max-width:520px){.crop-step{padding:18px}.crop-step-heading h3{font-size:26px}}
/* Complete design flow */
.design-flow-stage{margin-top:28px;padding:30px;border:1px solid var(--line,#d9d5cc);background:#fbfaf7;box-shadow:0 18px 48px rgba(35,31,25,.06)}
.flow-stage-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--line,#d9d5cc);padding-bottom:22px}.flow-stage-heading h3{margin:5px 0 8px;font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.flow-stage-heading p:not(.eyebrow){max-width:620px;margin:0;color:#6e6a62}.flow-stage-count{font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#898276;white-space:nowrap;padding-top:8px}.flow-stage-body{padding:28px 0}.flow-stage-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line,#d9d5cc);padding-top:20px}.flow-stage-actions [hidden]{display:none}
.flow-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-choice{appearance:none;text-align:left;border:1px solid var(--line,#d9d5cc);background:#fff;padding:0 0 17px;cursor:pointer;color:inherit;transition:.2s}.flow-choice:hover,.flow-choice.selected{border-color:#25231f;transform:translateY(-2px);box-shadow:0 8px 20px rgba(35,31,25,.08)}.flow-choice b,.flow-choice small{display:block;padding:0 16px}.flow-choice b{margin-top:14px}.flow-choice small{margin-top:6px;color:#777167}.fabric-swatch{display:block;height:112px;background-color:#d8d1c0;background-image:repeating-linear-gradient(105deg,rgba(255,255,255,.28) 0 2px,transparent 2px 9px),repeating-linear-gradient(8deg,rgba(96,78,49,.13) 0 1px,transparent 1px 6px)}.swatch-color{background-color:#b56b58;background-image:repeating-linear-gradient(25deg,rgba(255,225,164,.3) 0 5px,transparent 5px 13px),repeating-linear-gradient(95deg,rgba(80,45,55,.18) 0 2px,transparent 2px 10px)}.swatch-graphic{background-color:#314955;background-image:linear-gradient(135deg,rgba(241,203,126,.72) 0 18%,transparent 18% 35%,rgba(156,102,73,.5) 35% 51%,transparent 51%)}
.flow-review{display:grid;grid-template-columns:minmax(240px,1fr) 1fr;gap:28px;align-items:center}.flow-review-image{aspect-ratio:1/1;background:#e6dfd3;overflow:hidden}.flow-review-image img{width:100%;height:100%;object-fit:cover}.flow-review-notes{max-width:460px}.flow-note-label{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#91897e}.flow-review-notes strong{display:block;margin:13px 0 10px;font-size:23px}.flow-review-notes p{color:#6e6a62;line-height:1.6}.flow-tags{display:flex;flex-wrap:wrap;gap:7px}.flow-tags span{padding:7px 10px;background:#ece7df;font-size:12px}
.flow-order{border-top:1px solid var(--line,#d9d5cc)}.flow-order>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line,#d9d5cc)}.flow-order span{color:#777167;text-align:right}.flow-total strong{font-size:25px}.flow-payment{max-width:540px;display:grid;gap:14px}.flow-payment label,.flow-share label{display:grid;gap:7px;color:#5c574f;font-size:13px}.flow-payment input,.flow-share textarea{border:1px solid var(--line,#d9d5cc);background:#fff;padding:12px 13px;font:inherit;color:inherit}.flow-payment-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-check{display:flex!important;grid-template-columns:none!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important;font-size:13px!important}.flow-check input{accent-color:#2c2924}.flow-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.flow-timeline>div{position:relative;padding:20px 15px 0 0;border-top:2px solid #cfc8ba;color:#9a9388}.flow-timeline>div::after{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;background:#cfc8ba;border-radius:50%}.flow-timeline .done,.flow-timeline .active{color:#25231f;border-color:#25231f}.flow-timeline .done::after,.flow-timeline .active::after{background:#25231f}.flow-timeline span{display:block;font:600 11px ui-monospace,monospace}.flow-timeline b,.flow-timeline small{display:block;margin-top:8px}.flow-timeline small{color:#777167}.flow-make-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-make-grid>div{padding:22px;background:#ece7df}.flow-make-grid span{font:600 12px ui-monospace,monospace;color:#8c8172}.flow-make-grid b{display:block;margin:35px 0 8px;font-size:18px}.flow-make-grid p{margin:0;color:#6e6a62;line-height:1.5}.flow-share{display:grid;gap:18px;max-width:590px}.flow-drop{min-height:154px!important;border:1px dashed #b9b0a1;display:grid!important;place-items:center;text-align:center;background:#f5f2ec;cursor:pointer}.flow-drop span{font-size:26px}.flow-drop small{color:#777167}.flow-share.published .flow-drop{border-color:#6a815e;background:#e9f0e5}
@media (max-width:700px){.design-flow-stage{padding:21px}.flow-stage-heading{display:block}.flow-stage-count{display:block}.flow-choice-grid,.flow-review,.flow-make-grid,.flow-timeline{grid-template-columns:1fr}.flow-order>div{display:grid}.flow-order span{text-align:left}.flow-stage-actions{justify-content:stretch}.flow-stage-actions button{flex:1}.flow-timeline>div{padding-bottom:22px}.flow-timeline>div:last-child{padding-bottom:0}}
/* AI crop review: the second screen after frame selection */
.ai-thinking-log{min-height:345px;padding:28px 34px;border:2px dashed #c6c3b9;border-radius:24px;background:#faf8f2;color:var(--indigo);font-family:Georgia,serif}.ai-thinking-label{display:block;margin-bottom:24px;color:var(--terracotta);font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.ai-thinking-log p{max-width:760px;margin:0 0 16px;font-size:clamp(21px,2.4vw,31px);line-height:1.25}.ai-thinking-cursor{display:inline-block;color:var(--terracotta);font:700 20px ui-monospace,monospace;animation:ai-cursor-blink .8s steps(1) infinite}.crop-result.ai-preparing{display:none}@keyframes ai-cursor-blink{50%{opacity:0}}
.conversation-upload-message{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 20px;border-left:4px solid var(--terracotta);background:#eff1ef;color:var(--indigo)}.conversation-upload-message .conversation-kicker{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--terracotta)}.conversation-upload-message strong{font-family:Georgia,serif;font-weight:400;font-size:20px}.ai-thinking-label b{font:inherit;color:var(--indigo)}
.chat-entry-mode{padding:0;background:transparent;border:0;box-shadow:none}.design-chat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,6vw,84px);align-items:start;min-height:560px;padding:56px 12px 30px}.design-chat-ai{display:flex;gap:15px;align-items:flex-start}.chat-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:var(--terracotta);color:var(--white);font:800 11px ui-monospace,monospace}.chat-message{max-width:580px;color:var(--indigo)}.chat-message small{display:block;margin-bottom:15px;color:#847b72;font:800 10px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.chat-message p{font-family:Georgia,serif;font-size:clamp(25px,3vw,40px);line-height:1.12;margin:0 0 12px;letter-spacing:-.04em}.chat-message p+p{font-family:inherit;font-size:16px;line-height:1.5;color:#6c706d;letter-spacing:0;margin-bottom:25px}.chat-size-options{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px}.chat-size-options button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.7);color:var(--indigo);transition:.2s}.chat-size-options button:hover,.chat-size-options button.selected{border-color:var(--terracotta);background:#fff8f0;box-shadow:0 8px 18px rgba(32,59,97,.08);transform:translateY(-1px)}.chat-size-options b,.chat-size-options small{grid-column:2}.chat-size-options b{font-size:14px}.chat-size-options small{margin-top:4px;color:#7a7b76;font-size:11px}.chat-frame-icon{grid-column:1;grid-row:1 / span 2;width:38px;height:38px;display:block;border:4px solid var(--indigo);background:#e7dfd1}.chat-frame-icon.frame-landscape{width:42px;height:32px}.chat-frame-icon.frame-portrait{width:29px;height:42px}.chat-frame-icon.frame-large{transform:scale(1.12)}.design-chat-user{justify-self:end;width:min(100%,360px);padding-top:62px}.user-chat-bubble{display:table;margin:0 0 14px auto;padding:11px 15px;border-radius:18px 18px 4px 18px;background:var(--indigo);color:var(--white);font-size:13px}.design-chat-user figure{margin:0;padding:14px;background:#faf6ee;border:1px solid var(--line);border-radius:22px;box-shadow:10px 12px 0 rgba(32,59,97,.08)}.design-chat-user img{display:block;width:100%;max-height:390px;object-fit:contain;border-radius:12px;background:#e8e1d6}
@media(max-width:800px){.design-chat{grid-template-columns:1fr;padding:28px 0}.design-chat-user{justify-self:stretch;width:100%;padding-top:0;order:-1}.chat-size-options{grid-template-columns:1fr 1fr}.chat-message p{font-size:30px}}@media(max-width:520px){.chat-size-options{grid-template-columns:1fr}.design-chat-user img{max-height:300px}}
.create-panel.chat-entry-mode{min-height:calc(100vh - 150px);display:flex;align-items:flex-start;justify-content:flex-end;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.create-panel.chat-entry-mode .upload-zone{width:min(74%,780px);min-height:320px;margin:0}.create-panel.chat-entry-mode .upload-zone.has-image{display:none}.design-chat{position:relative;display:block;width:100%;min-height:760px;padding:0}.design-chat-ai{position:absolute;left:2%;top:54%;width:min(64%,680px)}.design-chat-user{position:absolute;right:2%;top:35px;width:min(42%,380px);padding:0}.chat-size-options{grid-template-columns:repeat(3,minmax(150px,1fr))}.design-chat-user figure{box-shadow:10px 12px 0 rgba(32,59,97,.1)}
@media(max-width:800px){.create-panel.chat-entry-mode{min-height:calc(100vh - 130px);display:block;padding-top:26px}.create-panel.chat-entry-mode .upload-zone{width:100%;min-height:300px}.design-chat{min-height:0;padding:0 0 30px}.design-chat-user,.design-chat-ai{position:static;width:100%}.design-chat-user{padding:28px 0 0}.design-chat-ai{margin-top:48px}.chat-size-options{grid-template-columns:1fr 1fr}}
.chat-message p{font-family:inherit;font-size:16px;line-height:1.5;letter-spacing:0;margin:0 0 10px}.chat-message p+p{font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:18px}.user-chat-bubble{font-size:14px;line-height:1.5}.chat-message small{font-size:10px}
.design-chat{width:100%;max-width:1180px;margin:0 auto;min-height:950px}.design-chat-user{top:20px;right:4%;width:380px}.design-chat-user figure{padding:12px;border-radius:20px}.design-chat-user img{width:100%;height:360px;max-height:360px;object-fit:contain;background:#e8e1d6}.design-chat-ai{left:4%;top:540px;width:650px}.chat-message p,.chat-message p+p,.user-chat-bubble{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important;line-height:1.5!important;letter-spacing:0!important}.chat-message p{margin-bottom:8px!important}.chat-message p+p{margin-bottom:17px!important;color:#6c706d}.chat-size-options{gap:10px}.chat-size-options button{min-height:88px;padding:11px}.chat-size-options b{font-size:13px}.chat-size-options small{font-size:10px}
.design-chat-ai{scroll-margin-top:104px}
.chat-upload-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4px 2px;color:#737873;font-size:13px}.chat-upload-progress b{color:var(--indigo);font-weight:800}
.user-selection-bubble{position:absolute;right:4%;z-index:1;margin-top:0!important}
@media(max-width:800px){.design-chat{display:flex;flex-direction:column;min-height:0}.design-chat-user{position:static;order:1;width:100%;top:auto;right:auto}.design-chat-ai{position:static;order:2;width:100%;top:auto;left:auto;margin-top:48px}.design-chat-user img{height:auto;max-height:360px}.chat-message p,.chat-message p+p,.user-chat-bubble{font-size:15px!important}}
.user-selection-bubble{align-self:flex-end}
@media(max-width:800px){.user-selection-bubble{position:static;order:3;margin-top:16px!important}}
.create-panel.chat-active .upload-zone{display:none!important}
#studio.studio-create-mode ~ .site-footer{display:none!important}
body:has(#studio.studio-create-mode) .site-footer{display:none!important}
.create-panel:not(.chat-active) .design-chat{display:none!important}
.create-panel[data-draft-resume="true"] #size-step,.create-panel[data-draft-resume="true"] #crop-step,.create-panel[data-draft-resume="true"] .flow-stage{display:none!important}
.create-panel.chat-entry-mode:not(.chat-active){display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:0}
.create-panel.chat-entry-mode:not(.chat-active) .upload-zone{width:min(78%,780px);min-height:320px;margin:0}
@media(max-width:800px){.create-panel.chat-entry-mode:not(.chat-active){min-height:calc(100vh - 130px);padding:26px 0;display:flex}.create-panel.chat-entry-mode:not(.chat-active) .upload-zone{width:100%;min-height:300px}}
/* Chat timeline: preserve message order and alternate alignment. */
.design-chat{display:flex!important;flex-direction:column;gap:48px;min-height:0!important;padding:24px 4% 40px!important}
.design-chat > .user-chat-bubble{order:3;align-self:flex-end}
.design-chat > .topology-design-confirmation{order:11!important;align-self:flex-end;margin:0!important}
.design-chat > .topology-design-preparation{order:12!important}
.chat-topology-message .flat-art-target{display:none!important}
.chat-topology-message .topology-error{display:inline-flex!important}
.design-chat-user{position:static!important;order:1;align-self:flex-end;width:min(100%,380px)!important;padding:0!important}
.design-chat-ai{position:static!important;order:2;align-self:flex-start;width:min(100%,650px)!important;margin:0!important}
.user-selection-bubble{position:static!important;order:3;align-self:flex-end;margin:0!important}
.chat-selection-reply{order:4!important}
.user-selection-bubble{order:6!important;align-self:flex-end;margin:0!important}.chat-selection-reply{order:7!important}.chat-flat-art-message{order:8!important}
.chat-size-options button:disabled{cursor:not-allowed;opacity:.62;transform:none!important;box-shadow:none!important}.chat-size-options button.selected:disabled{opacity:1;border-color:var(--terracotta);background:#fff8f0}
.chat-selection-reply .chat-message{max-width:680px}.chat-typed-lines{display:grid;gap:10px}.chat-typed-lines p{min-height:1.5em;margin:0!important}.chat-crop-progress{display:flex;align-items:center;gap:10px;width:max-content;margin-top:18px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--indigo);font-size:12px}.chat-crop-progress b{color:var(--terracotta)}.chat-cropped-result{margin:22px 0 0;padding:12px;background:#faf6ee;border:1px solid var(--line);border-radius:18px;box-shadow:8px 9px 0 rgba(32,59,97,.08)}.chat-cropped-result img{display:block;width:min(100%,500px);max-height:430px;aspect-ratio:var(--chat-crop-ratio,1);object-fit:cover;border-radius:11px;background:#e8e1d6}.chat-cropped-result figcaption{margin:11px 3px 2px;color:#737873;font-size:13px}.chat-selection-reply .hidden{display:none!important}
.flat-art-target{display:inline-block;margin-top:2px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#faf6ee;color:#737873;font-size:12px}.flat-art-standard{display:block;margin-top:10px;color:#737873;font-size:12px}.flat-art-progress{display:flex;align-items:center;gap:10px;width:max-content;margin-top:16px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--indigo);font-size:12px}.flat-art-progress b{color:var(--terracotta)}.flat-art-result{width:min(100%,380px);margin:20px 0 0;padding:12px;box-sizing:border-box;background:#faf6ee;border:1px solid var(--line);border-radius:22px;box-shadow:10px 12px 0 rgba(32,59,97,.08)}.flat-art-result img{display:block;width:100%;height:360px;object-fit:contain;border-radius:12px;background:#e8e1d6}.flat-art-result figcaption{margin:11px 3px 2px;color:#737873;font-size:13px}.chat-flat-art-message .hidden{display:none!important}
.chat-cropped-result img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
.chat-cropped-result{width:min(100%,380px)!important;box-sizing:border-box!important;border-radius:22px!important;box-shadow:10px 12px 0 rgba(32,59,97,.08)!important}
.chat-cropped-result img{width:100%!important;height:360px!important;max-height:360px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:12px!important}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(10,14,20,.92);padding:28px;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease}.image-lightbox.hidden{display:grid!important;opacity:0;visibility:hidden;pointer-events:none}.lightbox-open{overflow:hidden}.image-lightbox-stage{width:min(92vw,1200px);height:min(84vh,900px);display:grid;place-items:center;overflow:hidden;touch-action:none}.image-lightbox-stage img{max-width:100%;max-height:100%;cursor:grab;user-select:none;transform-origin:center;will-change:transform}.image-lightbox-stage img:active{cursor:grabbing}.image-lightbox-close{position:absolute;top:22px;right:26px;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}.image-lightbox-toolbar{position:absolute;top:26px;left:50%;z-index:1;display:flex;gap:6px;transform:translateX(-50%)}.image-lightbox-toolbar button{min-width:42px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer}.image-lightbox-hint{position:absolute;bottom:20px;margin:0;color:rgba(255,255,255,.72);font-size:12px}@media(max-width:520px){.image-lightbox{padding:18px}.image-lightbox-stage{width:100vw;height:78vh}.image-lightbox-close{top:14px;right:14px}.image-lightbox-toolbar{top:18px}.image-lightbox-hint{bottom:12px;font-size:11px}}
@media(max-width:800px){.design-chat{gap:48px;padding:28px 0 30px!important}.design-chat-user,.design-chat-ai{width:100%!important;align-self:stretch}.user-selection-bubble{align-self:flex-end;margin-top:0!important}}
.crop-step{border:0;border-radius:0;background:transparent;padding:0;margin-top:34px}.crop-step-heading{align-items:flex-start;margin-bottom:22px}.crop-step-heading h3{font-size:clamp(34px,5vw,58px);line-height:1;max-width:780px;margin:8px 0 12px}.crop-step-heading p:not(.eyebrow){font-size:16px;max-width:760px}.crop-selection-summary{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;padding:18px 20px;margin-bottom:22px;border-left:4px solid var(--terracotta);background:#eff1ef;border-radius:0 18px 18px 0}.crop-summary-label{grid-row:span 2;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.11em;color:var(--terracotta);padding-top:3px}.crop-selection-summary strong{color:var(--indigo);font-size:18px}.crop-selection-summary>span:last-child{color:#737873;font-size:14px;line-height:1.4}.crop-result{grid-template-columns:minmax(320px,1.18fr) 1fr;gap:30px;padding:22px;border:2px dashed #c6c3b9;border-radius:24px;background:#faf8f2}.crop-frame{min-height:360px;border-radius:12px;background:#ddd6c9}.crop-notes{padding:15px 8px;justify-content:flex-start}.crop-notes strong{font-size:28px}.crop-read-list{display:grid;gap:12px;margin-top:24px}.crop-read-list span{display:grid;gap:3px;padding-left:14px;border-left:2px solid #d4d0c7}.crop-read-list b{font-size:12px;color:var(--indigo);text-transform:uppercase;letter-spacing:.08em}.crop-read-list small{color:#737873;font-size:13px}.create-footer{justify-content:space-between;align-items:center;margin-top:20px}.create-footer #continue-design{margin-left:auto}@media(max-width:800px){.crop-step-heading h3{font-size:38px}.crop-result{grid-template-columns:1fr;padding:14px}.crop-frame{min-height:0;aspect-ratio:1}.crop-selection-summary{grid-template-columns:1fr}.crop-summary-label{grid-row:auto}}
.image-lightbox-stage img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.image-lightbox-stage{position:relative}
.image-lightbox.clothing-preview .image-lightbox-stage img{max-width:calc(100% - 112px)!important}
.image-lightbox-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(10,14,20,.65);color:#fff;cursor:pointer}
.image-lightbox-arrow.previous{left:8px}
.image-lightbox-arrow.next{right:8px}
.image-lightbox-arrow.next svg{transform:rotate(180deg)}
.image-lightbox-arrow[hidden]{display:none}
.image-lightbox-arrow:disabled{opacity:.35;cursor:default}
.image-lightbox-arrow:hover:not(:disabled){background:#fff;color:#10141b}
.image-lightbox-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:520px){.image-lightbox-arrow{width:36px;height:36px}.image-lightbox-arrow.previous{left:4px}.image-lightbox-arrow.next{right:4px}.image-lightbox.clothing-preview .image-lightbox-stage img{max-width:calc(100% - 84px)!important}}
.flat-art-continue-selection{order:9!important;align-self:flex-end;margin:0!important}.chat-topology-message{order:10!important}.chat-design-image-message{order:13!important}.design-image-error{display:inline-flex;margin-top:14px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--terracotta);font-size:12px}
.design-chat{padding-bottom:180px!important;scroll-padding-top:118px;scroll-padding-bottom:140px}.design-style-choice{order:14!important;scroll-margin-top:118px;scroll-margin-bottom:140px}.design-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;scroll-margin-bottom:140px}.design-style-option{display:grid;gap:5px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffaf2;color:var(--indigo);cursor:pointer}.design-style-option strong{font-size:13px}.design-style-option span{color:#737873;font-size:12px;line-height:1.35}.design-style-option:hover,.design-style-option:focus-visible,.design-style-option.selected{border-color:var(--terracotta);background:#fff0e5;outline:none}.design-style-option:disabled{cursor:not-allowed;opacity:.58}.design-style-option.selected:disabled{opacity:1}.design-style-selection{order:15!important;align-self:flex-end;margin:0!important}.design-effect-preparation{order:16!important}.chat-effect-image-message{order:17!important}.effect-image-typed-lines{display:grid;gap:10px}.effect-image-typed-lines p{min-height:1.5em;margin:0!important}
.flat-art-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.flat-art-action{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--indigo);font-size:13px;font-weight:700;cursor:pointer}.flat-art-action:hover,.flat-art-action:focus-visible,.flat-art-action.selected{border-color:var(--terracotta);background:#fff0e5;outline:none}.flat-art-action:disabled{cursor:not-allowed;opacity:.58}.flat-art-action.selected:disabled{opacity:1}
.flat-art-result-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flat-art-result-images img{min-width:0}.flat-art-result-images img:only-child{grid-column:1 / -1}
.design-output-choice{order:14!important;scroll-margin-bottom:140px}.design-output-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.design-output-option{display:grid;gap:6px;text-align:left;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fffaf2;color:var(--indigo);cursor:pointer}.design-output-option strong{font-size:14px}.design-output-option span{color:#737873;font-size:12px;line-height:1.45}.design-output-option:hover,.design-output-option:focus-visible,.design-output-option.selected{border-color:var(--terracotta);background:#fff0e5;outline:none}.design-output-option:disabled{cursor:not-allowed;opacity:.58}.design-output-option.selected:disabled{opacity:1}.centerline-result{width:min(100%,520px);margin:20px 0 0;padding:12px;background:#faf6ee;border:1px solid var(--line);border-radius:22px;box-shadow:10px 12px 0 rgba(32,59,97,.08)}.centerline-result img{display:block;width:100%;height:360px;object-fit:contain;border-radius:12px;background:#fff}.centerline-result figcaption{margin:11px 3px 12px;color:#737873;font-size:13px}.centerline-actions{display:flex;flex-wrap:wrap;gap:9px}.centerline-result .flat-art-action{display:inline-block;text-decoration:none}@media(max-width:600px){.design-output-options{grid-template-columns:1fr}}
/* Draft previews use the same fixed card row as completed designs. */
.draft-project-visual{aspect-ratio:auto;min-height:250px;height:auto;background:#11151b;display:flex;align-items:center;justify-content:center;align-self:stretch}
.draft-project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.studio-project-card.draft-project-card{grid-template-rows:250px}
.studio-project-card.draft-project-card .draft-project-visual{height:250px;min-height:0;align-self:stretch}
.studio-project-card.draft-project-card .studio-project-copy{min-height:0}
.studio-project-card.draft-project-card .studio-project-copy{position:relative}
.draft-delete-button{color:#a35b4c}
.studio-project-card.draft-project-card .draft-delete-button{position:absolute;right:28px;bottom:25px}
@media(max-width:800px){.studio-project-card.draft-project-card{grid-template-rows:200px auto}.studio-project-card.draft-project-card .draft-project-visual{height:200px}}
@media(max-width:800px){.design-style-options{grid-template-columns:1fr}}
/* Keep Gallery and Share detail views stable for every image ratio. */
.detail-dialog{height:min(760px,calc(100vh - 48px));min-height:0}
.detail-dialog>*{min-width:0;min-height:0}
.detail-image-wrap{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;height:100%;min-height:0;padding:24px;overflow:hidden}
.detail-image-wrap img{display:block;flex:0 0 auto;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
.detail-body{min-width:0;min-height:0;overflow:hidden}
.detail-toolbar .detail-interactions{display:flex!important}
.gallery-card .mini-art img,.share-card .share-art img{cursor:zoom-in}
@media(max-width:700px){.detail-dialog{height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.detail-image-wrap{height:46vh;min-height:240px;padding:16px}}
/* Gallery detail stages: swipe through every saved image without cropping. */
.detail-carousel{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:stretch;overflow:hidden}
.detail-carousel-track{display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x}
.detail-carousel-track::-webkit-scrollbar{display:none}
.detail-carousel-slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:0 12px 34px;box-sizing:border-box}
.detail-carousel-slide img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex:0 0 auto;transition:transform .15s ease;transform-origin:center center}
.detail-carousel-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fffdf8dd;color:var(--indigo);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 6px 16px #203b6120}
.detail-carousel-arrow:hover{color:var(--terracotta);background:var(--white)}
.detail-carousel-prev{left:10px}.detail-carousel-next{right:10px}
.detail-carousel-caption{position:absolute;left:50%;bottom:7px;z-index:2;display:flex;gap:9px;transform:translateX(-50%);padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fffdf8e8;color:var(--indigo);font-size:11px;white-space:nowrap;box-shadow:0 5px 14px #203b6120}
.detail-carousel-caption span+span{color:#8b887e}
@media(max-width:700px){.detail-carousel-slide{padding:0 8px 32px}.detail-carousel-arrow{width:32px;height:32px;font-size:24px}}
.gallery-author.creator-link,.share-author.creator-link{display:block;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit;color:var(--indigo);}
.creator-project-card{cursor:zoom-in}
.studio-collection-card .studio-project-visual img{width:100%;height:100%;object-fit:cover;display:block}.liked-project-card .status-pill{background:#f9e5e1;color:#b84d46}.saved-project-card .status-pill{background:#fff0c9;color:#8b6818}.studio-liked-state{border:1px dashed #b8b7ad;border-radius:18px;padding:62px 28px;text-align:center;background:#fbf8f1;color:#777;line-height:1.6}.studio-liked-state.is-error{color:#a94740;border-color:#d9a09b}.studio-liked-sentinel{width:100%;align-self:stretch;border:0;background:transparent;font-family:inherit;cursor:pointer}.studio-liked-sentinel:hover{color:var(--terracotta)}.studio-liked-sentinel:disabled{cursor:wait}.studio-liked-sentinel[hidden]{display:none}
#studio.public-profile-mode .studio-profile .text-button,
#studio.public-profile-mode .studio-sidebar-block,
#studio.public-profile-mode .studio-sidebar-menu,
#studio.public-profile-mode .studio-feed-heading,
#studio.public-profile-mode .studio-project-actions,
#studio.public-profile-mode .order-filters,
#studio.public-profile-mode #create-panel{display:none!important}
#studio.public-profile-mode .studio-workspace{grid-template-columns:245px minmax(0,1fr)}
body.public-profile-mode #studio .studio-profile .text-button,
body.public-profile-mode #studio .studio-sidebar-block,
body.public-profile-mode #studio .studio-sidebar-menu,
body.public-profile-mode #studio .studio-feed-heading,
body.public-profile-mode #studio .studio-project-actions,
body.public-profile-mode #studio .order-filters,
body.public-profile-mode #studio #create-panel{display:none!important}
/* Email verification */
.send-code-button{border:1px solid var(--line);border-radius:999px;background:#fffdf8;color:var(--indigo);padding:10px 14px;font-weight:800}.send-code-button:hover{border-color:var(--indigo)}.auth-error{min-height:18px;color:var(--terracotta);font-size:12px;margin:0}
.auth-email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.auth-email-row label{min-width:0}.auth-email-row .send-code-button{white-space:nowrap;height:43px;min-width:72px;padding-inline:16px;text-transform:lowercase}.verification-code-field{order:2}.auth-card form label:has(input[type="password"]){order:3}.auth-card form label[data-confirm-password]{order:4}.auth-card form #auth-submit{order:5}.auth-card form .auth-error{order:6}.auth-card form .auth-email-row{order:1}.auth-card form .verification-code-field{order:2}.auth-card form .send-code-button{order:1}
.studio-design-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 8px}.studio-design-pagination[hidden]{display:none}.studio-design-pagination button{border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--indigo);padding:10px 16px;font-weight:700;cursor:pointer}.studio-design-pagination button:hover:not(:disabled),.studio-design-pagination button:focus-visible{border-color:var(--terracotta);background:#fff0e5;outline:none}.studio-design-pagination button:disabled{cursor:not-allowed;opacity:.45}.studio-design-pagination span{min-width:88px;text-align:center;color:#777;font-size:12px}
.detail-comments{display:grid;gap:10px;margin-top:18px}.detail-comment{padding:12px 14px;border:1px solid #e6e1d8;border-radius:10px;background:#fff}.detail-comment strong,.detail-comment p,.detail-comment time{display:block}.detail-comment strong{font-size:12px}.detail-comment p{margin:5px 0;color:#39404a;font-size:13px;line-height:1.5}.detail-comment time{color:#9298a0;font-size:10px}
.social-action .social-icon{display:inline-block;min-width:1em;transition:color .15s ease,transform .15s ease}.social-action[data-social-action="like"].is-active .social-icon{color:#d94b4b;transform:scale(1.12)}.social-action[data-social-action="save"].is-active .social-icon{color:#d7a91e;transform:scale(1.08)}.social-action[data-reaction-pending="true"]{cursor:wait;opacity:.72}

.design-purchase-setting{margin:18px 0;padding:18px;border:1px solid #d8dfe6;border-radius:12px;font-size:16px}.design-purchase-setting label,.gallery-kit-purchase label{display:flex;align-items:center;gap:10px}.design-purchase-setting input,.gallery-kit-purchase input{width:18px;height:18px}.design-purchase-setting p,.gallery-kit-purchase p{font-size:14px;line-height:1.6;margin:8px 0 0}.gallery-kit-purchase{margin:18px 0}.gallery-kit-purchase button{margin-top:12px}.reward-share{padding:18px 0;border-bottom:1px solid #d8dfe6}.reward-share label{display:block;margin:10px 0}.reward-share input,.reward-share textarea{display:block;width:100%;padding:10px;font:inherit}.reward-dialog{max-height:85vh;overflow:auto}.wallet-records button{margin:8px 8px 8px 0}

/* Gallery checkout keeps each confirmed step in a single conversation. */
.gallery-purchase-chat{display:flex;flex-direction:column;gap:24px;padding:16px 0 28px;overflow-wrap:anywhere}
.gallery-purchase-chat>.design-chat-user,.gallery-purchase-chat>.design-chat-ai{order:initial!important;max-width:100%;flex-shrink:0}
.gallery-purchase-chat>.design-chat-user{width:min(88%,380px)!important;align-self:flex-end}
.gallery-purchase-chat>.design-chat-ai{width:100%!important}
.gallery-purchase-chat .chat-message{min-width:0;max-width:100%}
.gallery-purchase-chat .chat-message p,.gallery-purchase-chat .user-chat-bubble{font-size:16px!important}
.gallery-purchase-chat [data-kit-complete] .flat-art-actions{opacity:.65}

/* Gallery: size and kit filters with independent sorting. */
.gallery-filter-row{flex-wrap:wrap;row-gap:8px;padding:5px 0}
@media(max-width:520px){.gallery-filter-row{gap:10px 18px}.gallery-filter-row>strong{width:100%}}

.vector-progress{display:flex;align-items:center;gap:10px;width:min(100%,350px);margin:12px 0 14px;color:var(--indigo);font-size:12px}
.vector-progress[hidden]{display:none}
.vector-progress-track{height:9px;flex:1;overflow:hidden;border-radius:999px;background:#e9e2d9}
.vector-progress-bar{display:block;position:relative;width:0;height:100%;border-radius:inherit;background:var(--terracotta);transition:width .35s ease}
.vector-progress.waiting .vector-progress-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:vector-progress-wait 1.5s linear infinite}
.vector-progress-value{min-width:32px;text-align:right;color:var(--terracotta)}
@keyframes vector-progress-wait{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.vector-progress.waiting .vector-progress-bar::after{animation:none}.vector-progress-bar{transition:none}}

/* Keep each vector result's actions below the image with room to breathe. */
:is(.design-output-choice,.vector-dialogue-history) :is(.vector-actions:has(> :not([hidden])),.vector-result-actions,.vector-result .flat-art-actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}


#studio-pattern-panel[hidden]{display:none!important}#studio-pattern-panel .studio-project-top .status-pill{display:inline-block}#studio-pattern-panel .studio-liked-state{grid-column:1/-1}
#studio .studio-project-feed[hidden],#studio.public-profile-mode #studio-pattern-panel,body.public-profile-mode #studio-pattern-panel{display:none!important}

.design-choice-menu{position:fixed;z-index:50;width:260px;max-width:calc(100vw - 24px);padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 14px 36px #203b6133}
.design-choice-menu[hidden],.design-choice-menu [hidden]{display:none!important}
.design-choice-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;color:var(--indigo);font-weight:700;text-align:left}
.design-choice-menu button:hover,.design-choice-menu button:focus-visible{background:#f2e8da}
.design-choice-menu button span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sand);font-size:17px;flex:none}
.design-choice-menu p{margin:5px 8px 7px;padding:9px 10px;border-radius:8px;background:#faf1e6;color:#7b513e;font-size:13px}

.create-panel.chat-entry-mode.clothing-mode{display:block;width:100%;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}
.create-panel.clothing-mode>:not(#clothing-flow-shell){display:none!important}
.clothing-flow-shell[hidden]{display:none!important}
.clothing-flow-shell{overflow-anchor:none;display:block;width:100%;max-width:1180px;margin:0 auto}
.clothing-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4% 8px;color:var(--indigo)}
.clothing-flow-heading span{font:800 11px ui-monospace,monospace;letter-spacing:.15em}
.clothing-flow-heading button{border:0;background:transparent;color:var(--indigo);font:650 13px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.clothing-flow-heading button:hover{text-decoration:underline}
#clothing-flow-frame{overflow-anchor:none;display:block;width:100%;min-height:520px;border:0;background:transparent}

/* The creation paths occupy their own Studio state after Start a new design. */
#studio.studio-choice-mode .studio-feed>.order-filters,#studio.studio-choice-mode .studio-project-feed,#studio.studio-choice-mode .studio-empty,#studio.studio-choice-mode #studio-design-pagination{display:none!important}
.studio-start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:4px 0 26px}
.studio-start-options[hidden],#studio.studio-create-mode .studio-start-options,#studio.public-profile-mode .studio-start-options{display:none!important}
.studio-start-heading{grid-column:1/-1;margin:0 0 12px}
.studio-start-heading h1{max-width:18ch;margin:0 0 10px;color:var(--indigo);font:400 clamp(36px,4vw,54px)/1.08 Georgia,serif;letter-spacing:-.025em}
.studio-start-heading p{margin:0;color:#4d5a65;font-size:16px;line-height:1.5}
.studio-start-card{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;min-height:380px;padding:30px;border:1px solid #d8ccba;border-radius:16px;background:#fffdf8;color:var(--indigo);font:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.studio-start-clothing{background:#f8f0e8}
.studio-start-card:hover{transform:translateY(-3px);border-color:var(--terracotta);box-shadow:0 12px 24px rgba(32,59,97,.1)}
.studio-start-card:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}
.studio-start-card-copy{display:flex;flex-direction:column;gap:12px}
.studio-start-card-copy strong{max-width:none;font:400 clamp(24px,2.25vw,30px)/1.08 Georgia,serif;letter-spacing:-.025em;white-space:nowrap}
.studio-start-card-copy>span{max-width:none;color:#4d5a65;font-size:14px;line-height:1.55}
.studio-start-card-thumbnail{display:block;align-self:center;width:280px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}
.studio-start-card-action{align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:5px;color:var(--indigo);font-size:14px;font-weight:800;line-height:1.4}
.studio-start-card:hover .studio-start-card-action{color:#a94d38}
#studio #studio-empty{padding:12px 0 0;border:0;background:transparent;text-align:left}
#studio #studio-empty p{max-width:none;margin:0;color:#66706e;font-size:14px;line-height:1.5}
@media(max-width:800px){.studio-start-card{min-height:270px;padding:26px}}
@media(max-width:1120px){.studio-start-options{grid-template-columns:1fr}}
@media(max-width:600px){.studio-start-options{gap:12px}.studio-start-heading{margin-bottom:8px}.studio-start-heading h1{font-size:36px}.studio-start-card{min-height:190px;padding:24px;gap:22px}.studio-start-card-copy strong{font-size:clamp(18px,5.2vw,28px)}}
@media(prefers-reduced-motion:reduce){.studio-start-card{transition:none}.studio-start-card:hover{transform:none}}

/* Gallery craft selector and search */
.gallery-search-with-type{overflow:visible;align-items:center;border:1px solid #d9cabe;border-radius:18px;background:#fffdf9;box-shadow:0 6px 22px rgba(67,48,33,.05);padding:6px;gap:6px;transition:border-color .2s,box-shadow .2s}
.gallery-search-with-type:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(193,99,69,.12)}
.gallery-type-select{position:relative;flex:0 0 172px;border-right:1px solid #e5dbd0;color:var(--indigo)}
.gallery-type-select select{appearance:none;width:100%;border:0;border-radius:12px;background:transparent;padding:15px 34px 15px 18px;font:inherit;font-size:14px;font-weight:700;letter-spacing:0;color:var(--indigo);cursor:pointer;text-transform:none}
.gallery-type-select select:focus-visible{outline:2px solid var(--terracotta);outline-offset:-2px}
.gallery-type-select svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}
.gallery-search-with-type input{padding:15px 12px;font-size:15px}
.gallery-search-with-type #gallery-search-button{align-self:stretch;border-radius:12px;padding:0 26px;cursor:pointer;transition:filter .2s}
.gallery-search-with-type #gallery-search-button:hover{filter:brightness(.94)}
.gallery-search-with-type #gallery-search-button:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
@media(max-width:600px){.gallery-search-with-type{flex-wrap:wrap;border-radius:16px;gap:0}.gallery-type-select{flex-basis:100%;border-right:0;border-bottom:1px solid #e5dbd0}.gallery-type-select select{padding:12px 34px 12px 14px}.gallery-search-with-type input{width:0;font-size:14px;padding:15px 12px}.gallery-search-with-type #gallery-search-button{margin-top:6px;padding:0 18px;min-height:46px}}

/* A craft menu with clear categories and a tactile, warm finish. */
.gallery-craft-menu{position:relative;flex:0 0 194px;border-right:1px solid #e5dbd0;color:var(--indigo);text-transform:none;letter-spacing:0}
.gallery-craft-menu summary{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;list-style:none;min-height:48px}
.gallery-craft-menu summary::-webkit-details-marker{display:none}
.gallery-craft-menu summary:hover,.gallery-craft-menu[open] summary{background:#f6eee5}
.gallery-craft-menu summary:focus-visible,.gallery-craft-options button:focus-visible{outline:2px solid var(--terracotta);outline-offset:-2px}
.gallery-craft-current-icon svg{display:block;width:20px;height:20px;color:#ac664e}
.gallery-craft-chevron{margin-left:auto;width:14px;height:14px;transition:transform .2s}
.gallery-craft-menu[open] .gallery-craft-chevron{transform:rotate(180deg)}
.gallery-craft-options{position:absolute;top:calc(100% + 13px);left:-6px;width:294px;z-index:40;border:1px solid #e3d5c7;border-radius:16px;padding:7px;background:#fffdf9;box-shadow:0 16px 40px #33281c26}
.gallery-craft-options button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;text-align:left;background:transparent;color:var(--indigo);cursor:pointer}
.gallery-craft-options button:hover,.gallery-craft-options button[aria-selected="true"]{background:#f6eee5}
.gallery-craft-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e9d9ca;border-radius:10px;background:#fffaf4;color:#ac664e;flex-shrink:0}
.gallery-craft-icon svg{width:23px;height:23px}
.gallery-craft-options b{display:block;font-size:14px;font-weight:700}
.gallery-craft-options small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#8b8074;letter-spacing:0}
.gallery-craft-check{margin-left:auto;color:#b8674d;visibility:hidden;font-size:17px}
.gallery-craft-options button[aria-selected="true"] .gallery-craft-check{visibility:visible}
@media(max-width:600px){.gallery-craft-menu{flex-basis:100%;border-right:0;border-bottom:1px solid #e5dbd0}.gallery-craft-menu summary{min-height:46px;padding:11px 12px}.gallery-craft-options{left:0;width:100%;top:calc(100% + 7px)}}

#gallery-clothing-filters[hidden]{display:none!important}
.clothing-filter-toggle{display:none}
.clothing-color-dot{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #b5b2aa;margin-right:7px;vertical-align:middle}
@media(max-width:640px){.clothing-filter-toggle{display:inline-flex;align-items:center;border:1px solid #d8d5cc;border-radius:10px;padding:9px 16px;background:#fff;color:inherit;font:inherit;margin:4px 0 10px}#clothing-filter-body{display:none}#gallery-clothing-filters.is-open #clothing-filter-body{display:block}}
@media(max-width:600px){.studio-start-card-thumbnail{width:240px}}

/* Keep linked Gallery titles consistent with the original card typography. */
.gallery-title-row h3 a,.gallery-title-row h3 a:visited{color:inherit;font:inherit;text-decoration:none}