:root{--green:#052a21;--green2:#123e32;--gold:#edc86d;--cream:#f6f1e7;--ink:#0b281f;--line:#d9cfbc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}.af-header{height:76px;background:var(--green);color:white;display:flex;align-items:center;padding:0 36px;gap:40px;position:sticky;top:0;z-index:20;border-top:2px solid var(--gold)}.af-brand{display:flex;align-items:center;gap:12px;color:var(--gold);text-decoration:none;margin-right:auto}.af-brand i{width:42px;height:42px;border:1px solid #957839;border-radius:12px;display:grid;place-items:center;font-family:serif;font-size:24px;font-style:normal}.af-brand b{font:700 19px Georgia;letter-spacing:2px}.af-brand small{display:block;color:#b8c5bf;font-size:7px;letter-spacing:1.2px;margin-top:4px}.af-header nav{display:flex;gap:26px}.af-header nav a{color:#c7d0cc;text-decoration:none;font-weight:700;font-size:14px}.af-header nav a.active{color:var(--gold)}#afMenu{display:none}.af-hero{background:linear-gradient(110deg,#062b22,#133e31);color:white;padding:70px max(36px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:center}.af-hero>div>p:first-child,.af-order>div>p{color:var(--gold);letter-spacing:3px;font-size:12px;font-weight:900}.af-hero h1{font:48px/1.2 Georgia,"Noto Serif KR",serif;margin:18px 0}.af-hero h1 em{color:var(--gold);font-style:normal}.lead{color:#ced8d4;line-height:1.8}.facts{display:flex;gap:10px;margin-top:26px}.facts span{border:1px solid #6b7550;border-radius:999px;padding:10px 16px;font-weight:700;font-size:13px}.structure{border:1px solid #807243;border-radius:28px;padding:28px;display:grid;gap:10px;background:rgba(255,255,255,.04)}.structure span{background:#0a2d25;border-radius:12px;padding:14px}.structure small{color:var(--gold);text-align:center;margin-top:5px}.af-flow{max-width:1280px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.af-flow button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:13px;font-weight:800;color:var(--ink)}.af-flow button.on{background:var(--gold)}.af-studio{max-width:1280px;margin:22px auto 70px;padding:0 24px;display:grid;grid-template-columns:430px 1fr;gap:24px;align-items:start}.af-controls{display:grid;gap:18px}.af-controls section,.sticky-preview,.af-order form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.step{display:flex;gap:10px;color:#95691b;font-size:12px;font-weight:900;letter-spacing:2px}.af-controls h2{font:700 28px/1.25 Georgia,"Noto Serif KR",serif;margin:12px 0 7px}.af-controls p{font-size:13px;color:#60706a;line-height:1.6}.af-controls input[type=search]{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:280px;overflow:auto}.art-card{padding:0;border:2px solid transparent;border-radius:12px;background:#f3eee4;overflow:hidden;text-align:left}.art-card.on{border-color:#a3761e}.art-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.art-card b{display:block;font-size:11px;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-grid,.frame-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option-grid button,.frame-grid button,.room-grid button{border:1px solid var(--line);background:#f7f3eb;border-radius:12px;padding:12px;font-weight:800}.option-grid button.on,.frame-grid button.on,.room-grid button.on{background:var(--gold);border-color:#ac7b1c}.frame-grid button{min-height:68px}.frame-grid i{display:block;width:34px;height:25px;margin:auto auto 6px;border:7px solid var(--sample,#222);background:white}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.room-grid button{padding:4px}.room-grid img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:8px;display:block}.room-grid span{font-size:11px;display:block;padding:6px}.line-btn{width:100%;padding:12px;background:white;border:1px solid #987225;border-radius:999px;font-weight:800}.note{font-size:11px!important}.sticky-preview{position:sticky;top:98px;padding:14px}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 12px;font-weight:900}.preview-head button{border:0;background:var(--green);color:white;border-radius:999px;padding:9px 13px}.room-stage,.focus-room{position:relative;overflow:hidden;border-radius:18px;background:#ddd;aspect-ratio:16/10}.room-stage>img,.focus-room>img{width:100%;height:100%;object-fit:cover}.panel-mock{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:25%;filter:drop-shadow(0 12px 9px rgba(0,0,0,.32))}.print-frame{background:#fff;padding:7%;border:10px solid transparent}.print-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.print-frame.none{padding:0;border:0}.print-frame.black{border-color:#161816}.print-frame.white{border-color:#f7f4e9}.print-frame.wood{border-color:#9c6a37}.print-frame.walnut{border-color:#50331f}.print-frame.gold{border-color:#b28a3d}.print-frame.silver{border-color:#a9adb0}.print-frame.gallery{border-color:#e9e5d9;padding:14%}.print-frame.double{border-color:#191919;padding:13%;box-shadow:inset 0 0 0 8px white}.acrylic-glint{position:absolute;inset:0;background:linear-gradient(118deg,transparent 8%,rgba(255,255,255,.34) 25%,transparent 43%,rgba(255,255,255,.1) 80%);pointer-events:none}.preview-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:12px}.preview-meta div,.truth{background:#f5f0e6;border-radius:12px;padding:12px}.preview-meta small{display:block;color:#7d877f;margin-bottom:5px}.truth{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin-top:8px;font-size:12px}.truth b{color:#9a6c18}.af-order{background:#082d24;color:white;padding:70px max(36px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.af-order h2{font:46px/1.25 Georgia,"Noto Serif KR",serif}.af-order li{margin:12px 0;color:#d3dcd8}.af-order form{color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:14px}.summary{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px}.summary span{color:#718078}.af-order label{font-size:13px;font-weight:800}.af-order input,.af-order textarea{width:100%;display:block;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px}.af-order textarea{height:72px}.consent,.primary,.af-order form>small,#orderResult{grid-column:1/-1}.primary{border:0;border-radius:999px;background:var(--gold);padding:16px;font-size:16px;font-weight:900}.consent input{width:auto;display:inline;margin-right:6px}#focusDialog{width:min(1120px,94vw);border:0;border-radius:24px;padding:18px;background:#f8f4eb}#focusDialog::backdrop{background:rgba(0,24,18,.82)}#focusDialog .close{position:absolute;right:28px;top:28px;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;z-index:2}.focus-room{aspect-ratio:16/9}.focus-copy{display:flex;gap:16px;align-items:center;padding:14px}.focus-copy b{font-size:22px}.focus-copy button{margin-left:auto;border:0;background:var(--green);color:white;border-radius:999px;padding:12px 18px}
.option-grid button small{display:block;margin-top:5px;color:#7a6335}.all-sizes{grid-column:1/-1;margin-top:10px}.all-sizes summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:11px;text-align:center;font-size:12px;font-weight:800}.all-sizes div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.all-sizes button{border:1px solid var(--line);border-radius:9px;background:#faf7f0;padding:8px;font-size:11px}.all-sizes button.on{background:var(--gold)}#orderResult.success{color:#09633f;font-weight:800}#orderResult.error{color:#a12b21;font-weight:800}.primary:disabled{opacity:.55}.print-frame img{height:100%}.panel-mock{height:auto}.menu-open .af-header nav{display:flex}
@media(max-width:760px){.af-header{height:68px;padding:0 16px}.af-header nav{display:none;position:absolute;top:67px;left:12px;right:12px;flex-direction:column;gap:0;background:#10382e;border:1px solid #6d7148;border-radius:15px;padding:8px;box-shadow:0 14px 25px rgba(0,0,0,.25)}.af-header nav a{padding:13px}.af-brand b{font-size:17px}#afMenu{display:block;border:0;background:#153c32;color:white;border-radius:10px;padding:10px}.af-hero{padding:40px 18px 28px;grid-template-columns:1fr;gap:22px}.af-hero h1{font-size:34px}.facts{overflow:auto}.facts span{white-space:nowrap}.structure{display:none}.af-flow{grid-template-columns:repeat(5,94px);overflow:auto;padding:0 14px}.af-studio{display:flex;flex-direction:column;padding:0 14px;margin-bottom:35px}.af-controls{display:contents}.af-controls section{order:2;padding:18px}.af-preview-wrap{order:1;width:100%}.sticky-preview{position:relative;top:auto;padding:8px}.room-stage{aspect-ratio:4/5}.panel-mock{width:42%;top:38%}.preview-meta{grid-template-columns:1fr 1fr}.preview-meta div:first-child{grid-column:1/-1}.truth{display:none}.art-grid{grid-template-columns:repeat(3,1fr)}.af-order{padding:42px 16px;grid-template-columns:1fr;gap:18px}.af-order h2{font-size:34px}.af-order form{grid-template-columns:1fr}.af-order label{grid-column:1/-1}.focus-room{aspect-ratio:3/4}#focusDialog{padding:8px}.focus-copy{flex-wrap:wrap}.focus-copy button{width:100%;margin:0}.room-grid{grid-template-columns:repeat(3,1fr)}.all-sizes div{grid-template-columns:repeat(3,1fr)}}
.art-categories{display:flex;gap:6px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:thin}.art-categories button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#f7f3eb;color:var(--ink);padding:8px 11px;font-size:11px;font-weight:900;cursor:pointer}.art-categories button.on{background:var(--green);border-color:var(--green);color:#fff}.art-categories button small{margin-left:3px;color:inherit;opacity:.72}.art-result-count{margin:0 0 8px;color:#6b7973;font-size:11px;font-weight:800}.art-grid{max-height:560px;align-content:start;padding-right:3px}.art-card{position:relative;cursor:pointer}.art-card .art-image{position:relative;display:block}.art-card .art-image em{position:absolute;left:4px;right:4px;bottom:4px;padding:4px 3px;border-radius:6px;background:rgba(5,42,33,.88);color:#f4d376;font-size:8px;font-style:normal;font-weight:900;text-align:center;white-space:nowrap}.art-card>b{padding-bottom:2px}.art-card>small{display:block;padding:0 7px 7px;color:#7a817d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.art-grid{max-height:460px}.art-categories button{padding:7px 9px}.art-card .art-image em{font-size:7px}}
@media(min-width:761px){.mobile-order{display:none}}@media(max-width:760px){body{padding-bottom:76px}.mobile-order{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;background:var(--gold);color:var(--ink);text-decoration:none;border:1px solid #a97820;border-radius:18px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(0,0,0,.28)}.mobile-order span{font-size:11px}.mobile-order b{font-size:14px}}

/* V55 — 작품 선택부터 주문 확정까지 이어지는 동행 작업대 */
.af-workbench{max-width:1280px;margin:22px auto 70px;padding:0 24px;display:grid;grid-template-columns:430px minmax(0,1fr);gap:24px;align-items:stretch}.af-journey{min-width:0;display:grid;gap:18px;align-content:start}.af-workbench .af-studio{display:block;margin:0;padding:0}.af-workbench .af-controls{display:grid}.af-preview-wrap{min-width:0;height:100%;align-self:stretch}.af-preview-wrap .sticky-preview{top:98px;max-height:calc(100vh - 116px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 18px 48px rgba(8,42,33,.12)}.preview-meta{grid-template-columns:2fr 1fr 1fr 1fr}.companion-total{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:8px;padding:13px 14px;border-radius:14px;background:var(--green);color:white}.companion-total small,.companion-total b,.companion-total span{display:block}.companion-total small{color:#bfcfc8;font-size:10px}.companion-total b{margin:3px 0;color:var(--gold);font-size:22px}.companion-total span{color:#bfcfc8;font-size:10px}.companion-total a{padding:12px 15px;border-radius:999px;background:var(--gold);color:var(--ink);text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.af-workbench .af-order{display:grid;grid-template-columns:1fr;gap:14px;padding:30px 24px;border-radius:24px}.af-workbench .af-order h2{margin:12px 0 18px;font-size:31px}.af-workbench .af-order ul{padding-left:20px}.af-workbench .af-order form{grid-template-columns:1fr;padding:20px}.af-workbench .af-order label{grid-column:1/-1}.af-workbench .summary{grid-template-columns:92px minmax(0,1fr)}

.af-workbench .af-order select{width:100%;display:block;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}
@media(max-width:980px) and (min-width:761px){.af-workbench{grid-template-columns:380px minmax(0,1fr);padding:0 16px}.preview-meta{grid-template-columns:1fr 1fr}.preview-meta div:first-child{grid-column:1/-1}.companion-total{grid-template-columns:1fr}.companion-total a{text-align:center}}
@media(max-width:760px){.af-workbench{display:flex;flex-direction:column;margin:16px auto 35px;padding:0 14px;gap:14px}.af-journey{display:contents}.af-workbench .af-studio{display:block;order:2}.af-workbench .af-controls{display:grid}.af-workbench .af-order{order:3;padding:28px 18px}.af-preview-wrap{order:1;position:sticky;top:76px;z-index:15;width:100%;height:auto}.af-preview-wrap .sticky-preview{position:relative;top:auto;max-height:none;overflow:hidden;padding:8px 8px 10px;border-radius:18px;box-shadow:0 12px 28px rgba(4,36,27,.22)}.af-preview-wrap .preview-head{padding:2px 4px 7px;font-size:12px}.af-preview-wrap .preview-head button{padding:7px 10px;font-size:10px}.af-preview-wrap .room-stage{aspect-ratio:16/8;max-height:185px}.af-preview-wrap .panel-mock{width:27%;top:39%}.af-preview-wrap .preview-meta{grid-template-columns:minmax(0,1.8fr) 1fr 1fr 1fr;gap:5px;margin-top:7px}.af-preview-wrap .preview-meta div{min-width:0;padding:7px}.af-preview-wrap .preview-meta div:first-child{grid-column:auto}.af-preview-wrap .preview-meta small{font-size:8px;margin-bottom:3px}.af-preview-wrap .preview-meta b{display:block;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.af-preview-wrap .companion-total{grid-template-columns:1fr auto;margin-top:5px;padding:8px 10px}.af-preview-wrap .companion-total b{font-size:16px}.af-preview-wrap .companion-total span{display:none}.af-preview-wrap .companion-total a{padding:9px 11px;font-size:10px}.af-preview-wrap .truth{display:none}.af-workbench .af-order form{padding:16px}.af-workbench .af-order h2{font-size:29px}}
@media(max-width:390px){.af-preview-wrap .room-stage{max-height:145px}.af-preview-wrap .preview-meta{grid-template-columns:minmax(0,1.6fr) 1fr 1fr}.af-preview-wrap .preview-meta div:last-child{display:none}.af-preview-wrap .companion-total small{font-size:8px}.af-preview-wrap .companion-total b{font-size:14px}}

/* V56 — 실제 공장 사양 기반 프리미엄 아크릴 품질 표현 */
.room-stage{cursor:zoom-in}.room-stage>img,.focus-room>img{object-position:center}.quality-hint{position:absolute;right:12px;bottom:12px;z-index:7;padding:8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(3,34,26,.84);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.panel-mock{z-index:3;filter:drop-shadow(0 13px 9px rgba(0,0,0,.3));transition:width .35s ease,left .35s ease,top .35s ease}.panel-mock:before,.product-front:before{content:"";position:absolute;inset:-1.5px;z-index:5;border:1px solid rgba(225,246,255,.72);box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(129,170,184,.35);pointer-events:none}.panel-mock:after,.product-front:after{content:"";position:absolute;left:100%;top:2px;bottom:-3px;width:4px;z-index:-1;background:linear-gradient(90deg,rgba(202,230,239,.76),rgba(77,91,88,.42),#6f543c);transform:skewY(39deg);transform-origin:left top;pointer-events:none}.acrylic-glint{z-index:6;background:linear-gradient(118deg,transparent 4%,rgba(255,255,255,.09) 14%,rgba(255,255,255,.42) 23%,rgba(255,255,255,.08) 31%,transparent 47%,rgba(190,229,240,.12) 75%,transparent 87%);mix-blend-mode:screen}.print-frame{position:relative;height:100%;overflow:hidden}.quality-dialog{width:min(1220px,96vw);max-height:94vh;overflow:auto;border:0;border-radius:26px;padding:18px;background:#f8f4eb;color:var(--ink)}.quality-dialog::backdrop{background:rgba(1,20,15,.86);backdrop-filter:blur(8px)}.quality-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 54px 14px 0}.quality-tabs button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:850}.quality-tabs button.on{border-color:var(--green);background:var(--green);color:var(--gold)}.quality-view{display:none}.quality-view.on{display:block}.product-front-stage,.acrylic-detail-stage,.layer-stage{min-height:610px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:48px;align-items:center;padding:54px;border-radius:20px;background:radial-gradient(circle at 32% 28%,#435e56 0,#193b32 38%,#06251d 78%);color:white}.product-front{position:relative;justify-self:center;width:min(70%,500px);filter:drop-shadow(0 28px 24px rgba(0,0,0,.55));transform:perspective(1200px) rotateY(-2deg)}.product-front .print-frame img{max-height:520px;object-fit:cover}.product-front-stage small,.acrylic-detail-stage small,.layer-stage small{color:var(--gold);font-weight:900;letter-spacing:2px}.product-front-stage h3,.acrylic-detail-stage h3,.layer-stage h3{font:700 35px/1.15 Georgia,"Noto Serif KR",serif;margin:12px 0}.product-front-stage p,.layer-stage p,.acrylic-detail-stage li{color:#c8d5d0;line-height:1.75}.acrylic-macro{position:relative;justify-self:center;width:min(82%,540px);aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(223,246,255,.9);box-shadow:16px 18px 0 -10px rgba(177,211,220,.33),23px 27px 35px rgba(0,0,0,.42);transform:perspective(950px) rotateY(-9deg) rotateX(2deg)}.acrylic-macro img{width:100%;height:100%;object-fit:cover;transform:scale(1.22)}.acrylic-macro:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.08) 18%,rgba(255,255,255,.62) 30%,rgba(217,247,255,.12) 42%,transparent 57%);mix-blend-mode:screen}.acrylic-macro i{position:absolute;right:0;top:0;bottom:0;width:5px;background:linear-gradient(#effcff,#81b0bd 48%,#e9fbff);box-shadow:4px 0 9px rgba(160,228,246,.58)}.layer-stack{position:relative;min-height:440px;perspective:1000px}.layer{position:absolute;left:12%;right:12%;height:250px;display:flex;align-items:flex-end;padding:18px;border-radius:4px;font-size:14px;font-weight:900;transform:rotateX(58deg) rotateZ(-9deg);box-shadow:0 24px 28px rgba(0,0,0,.28)}.acrylic-layer{top:0;z-index:4;border:2px solid rgba(222,248,255,.9);background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(187,232,245,.48),rgba(255,255,255,.08));color:#fff}.print-layer{top:76px;z-index:3;background:linear-gradient(135deg,#244f72,#efc56b 48%,#1c2a48);color:white}.mdf-layer{top:152px;z-index:2;background:linear-gradient(135deg,#b78852,#76502f);color:#fff1d8}.hidden-hanger{position:absolute;left:46%;bottom:8px;z-index:1;padding:17px 24px;border-radius:8px;background:#303838;color:#fff;font-weight:900;box-shadow:0 10px 18px rgba(0,0,0,.3)}.focus-copy{justify-content:space-between}.focus-copy>div b,.focus-copy>div span{display:block}.focus-copy>div span{margin-top:5px;color:#65736c}.focus-copy>a{margin-left:auto;border:0;border-radius:999px;padding:14px 20px;background:var(--gold);color:var(--ink);text-decoration:none;font-weight:900}
@media(max-width:760px){.quality-hint{right:7px;bottom:7px;padding:5px 7px;font-size:8px}.quality-dialog{width:96vw;padding:10px}.quality-tabs{grid-template-columns:1fr 1fr;margin-right:42px}.quality-tabs button{min-height:38px;font-size:10px}.product-front-stage,.acrylic-detail-stage,.layer-stage{min-height:560px;grid-template-columns:1fr;gap:22px;padding:24px}.product-front{width:min(76%,360px)}.product-front-stage h3,.acrylic-detail-stage h3,.layer-stage h3{font-size:27px}.acrylic-macro{width:88%}.layer-stack{min-height:340px}.layer{height:190px;left:4%;right:4%}.print-layer{top:58px}.mdf-layer{top:116px}.hidden-hanger{bottom:0}.focus-copy{align-items:stretch;flex-direction:column}.focus-copy>a{width:100%;margin:0;text-align:center}}

/* V57 — 실제 인쇄 프레임, 다작품 공간 구성, 장바구니 */
.af-flow{grid-template-columns:repeat(6,1fr)}.cart-toggle{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(237,200,109,.45);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;font-weight:850}.cart-toggle b{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:11px}.premium-frame-grid{gap:10px}.premium-frame-grid .frame-choice{min-height:188px;padding:9px;display:flex;flex-direction:column;align-items:stretch;text-align:left}.premium-frame-grid .frame-choice.on{box-shadow:0 0 0 3px rgba(237,200,109,.35)}.frame-demo{position:relative;width:100%;height:116px!important;margin:0 0 9px!important;display:block!important;border-width:9px!important;border-style:solid!important;overflow:hidden;background:#fff}.frame-demo img{width:100%;height:100%;display:block;object-fit:cover}.premium-frame-grid .frame-choice>b{font-size:12px;text-align:center}.premium-frame-grid .frame-choice>small{display:block;margin-top:4px;color:#68776f;font-size:9px;text-align:center}.premium-frame-grid .acrylic-glint{position:absolute;inset:0;width:auto;height:auto;margin:0;border:0;background:linear-gradient(118deg,transparent 7%,rgba(255,255,255,.48) 28%,transparent 48%)}.print-frame.wood{border-color:#b88c58;border-image:url('/static/images/frame-textures-v57/oak.webp') 26 stretch}.print-frame.walnut{border-color:#4c2c1d;border-image:url('/static/images/frame-textures-v57/walnut.webp') 26 stretch}.print-frame.gold{border-color:#c69a3e;border-image:url('/static/images/frame-textures-v57/gold.webp') 26 stretch}.print-frame.silver{border-color:#adb2b5;border-image:url('/static/images/frame-textures-v57/silver.webp') 26 stretch}.composition-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.composition-actions button,.primary-inline{min-height:43px;border:1px solid var(--line);border-radius:12px;background:#f5f0e6;color:var(--ink);font-weight:850}.primary-inline{width:100%;margin-bottom:8px;border-color:var(--green);background:var(--green);color:white}.scene-list{display:grid;gap:7px;margin:12px 0}.scene-list>p{margin:0;padding:13px;border-radius:12px;background:#f5f0e6;text-align:center}.scene-list article{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:12px}.scene-list img{width:48px;height:48px;border-radius:8px;object-fit:cover}.scene-list b,.scene-list span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-list b{font-size:10px}.scene-list span{margin-top:4px;color:#68776f;font-size:9px}.scene-list button{width:28px;height:28px;border:0;border-radius:50%;background:#eee7da}.scene-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.scene-panel{position:absolute;display:block;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}.scene-panel .print-frame{display:block;width:100%;height:100%}.scene-panel .print-frame img{width:100%;height:100%;object-fit:cover}.companion-total{grid-template-columns:1fr auto auto}.companion-total>button{padding:12px 14px;border:1px solid rgba(237,200,109,.55);border-radius:999px;background:transparent;color:var(--gold);font-weight:900;white-space:nowrap}.cart-dialog{width:min(820px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:27px;padding:32px;background:#f8f4eb;color:var(--ink)}.cart-dialog::backdrop{background:rgba(1,20,15,.82);backdrop-filter:blur(8px)}.cart-dialog .close{position:absolute;right:22px;top:22px;width:42px;height:42px;border:0;border-radius:50%;font-size:25px}.cart-eyebrow{color:#9a6816;font-size:10px;font-weight:900;letter-spacing:3px}.cart-dialog h2{font:700 35px/1.15 Georgia,"Noto Serif KR",serif}.cart-list{display:grid;gap:10px}.cart-list article{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:white}.cart-list img{width:80px;height:80px;border-radius:11px;object-fit:cover}.cart-list b,.cart-list span,.cart-list strong{display:block}.cart-list span{margin:6px 0;color:#64736c;font-size:11px}.cart-list article>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.cart-list button{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#f5f0e7;font-size:10px;font-weight:800}.cart-empty{padding:35px;border:1px dashed var(--line);border-radius:18px;text-align:center}.cart-total{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:18px;padding:18px;border-radius:16px;background:var(--green);color:white}.cart-total b{color:var(--gold);font-size:25px}.cart-total small{grid-column:1/-1;color:#bdcdc6}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.cart-actions button,.cart-actions a{min-height:48px;display:grid;place-items:center;border:1px solid var(--green);border-radius:999px;background:white;color:var(--ink);text-decoration:none;font-weight:900}.cart-actions a{background:var(--gold)}
@media(max-width:760px){.af-flow{grid-template-columns:repeat(6,94px)}.cart-toggle{margin-left:auto;padding:7px 9px;font-size:10px}.premium-frame-grid .frame-choice{min-height:160px}.frame-demo{height:92px!important}.companion-total{grid-template-columns:1fr auto}.companion-total>button{display:none}.companion-total>a{display:none}.cart-dialog{padding:22px 14px}.cart-dialog h2{font-size:28px}.cart-list article{grid-template-columns:60px 1fr}.cart-list img{width:60px;height:60px}.cart-list article>div:last-child{grid-column:1/-1}.cart-actions{grid-template-columns:1fr}.composition-actions{grid-template-columns:1fr}}

/* V58 — full-bleed finished product and printed metal families */
.print-frame{padding:0;border-width:clamp(3px,.7vw,10px);background:#111}
.print-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.print-frame.fit-contain img{object-fit:contain;background:#f4f0e7}
.print-frame.gallery{border-width:0;padding:11%;background:#f6f4ed;box-shadow:inset 0 0 0 1px #ded8cc}
.print-frame.double{padding:10%;background:#fff;border-width:clamp(5px,1vw,12px);box-shadow:inset 0 0 0 clamp(4px,.7vw,9px) #fff}
.print-frame.none{padding:0;border:0;background:transparent}
.frame-demo{padding:0!important;border-width:7px!important}
.frame-demo.gallery{padding:10%!important;border-width:0!important}
.frame-demo.double{padding:9%!important;border-width:7px!important}
.print-frame.darksteel,.print-frame.blacksteel{border-color:#292c2e;border-image:url('/static/images/frame-textures-v58/dark-steel.webp') 28 stretch}
.print-frame.titanium{border-color:#929496;border-image:url('/static/images/frame-textures-v58/titanium.webp') 28 stretch}
.print-frame.champagne{border-color:#c9ad78;border-image:url('/static/images/frame-textures-v58/champagne.webp') 28 stretch}
.print-frame.copper{border-color:#a96648;border-image:url('/static/images/frame-textures-v58/copper.webp') 28 stretch}
.fit-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}.fit-mode button{min-height:58px;border:1px solid var(--line);border-radius:13px;background:#f7f3eb;color:var(--ink)}.fit-mode button.on{border-color:#a8761c;background:var(--gold);box-shadow:0 0 0 2px rgba(237,200,109,.25)}.fit-mode b,.fit-mode small{display:block}.fit-mode small{margin-top:4px;color:#64736c;font-size:9px}.product-front .print-frame{min-height:420px}.product-front .print-frame img{max-height:none}
@media(max-width:760px){.fit-mode{grid-template-columns:1fr}.product-front .print-frame{min-height:300px}}

/* V68 — one synchronized premium product across front, 45-degree and layer views */
.premium-product{cursor:crosshair;isolation:isolate}
.premium-product .print-frame,.acrylic-tilt-shell .print-frame{filter:saturate(1.035) contrast(1.035);backface-visibility:hidden}
.acrylic-surface{position:absolute;inset:0;z-index:8;border:1px solid rgba(232,251,255,.72);background:linear-gradient(116deg,transparent 4%,rgba(255,255,255,.035) 18%,rgba(255,255,255,.12) 24%,rgba(255,255,255,.018) 31%,transparent 42%,rgba(196,235,244,.035) 79%,transparent 88%);box-shadow:inset 1px 0 rgba(255,255,255,.42),inset -1px 0 rgba(124,178,190,.22);pointer-events:none}
.premium-product>.acrylic-glint{display:none}.inspect-hint{position:absolute;left:50%;bottom:-39px;transform:translateX(-50%);z-index:12;padding:8px 13px;border:1px solid rgba(236,201,111,.45);border-radius:999px;background:rgba(2,31,23,.88);color:#f0d27c;font-size:10px;white-space:nowrap}
.macro-lens{position:absolute;left:50%;top:50%;z-index:15;width:168px;aspect-ratio:1;border:2px solid rgba(244,253,255,.92);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.86);background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 16px 40px rgba(0,0,0,.52),inset 0 0 0 7px rgba(216,243,249,.12);transition:opacity .14s,transform .14s;pointer-events:none}.macro-lens.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.source-quality{display:inline-flex;margin-top:15px;padding:8px 12px;border:1px solid rgba(232,201,111,.42);border-radius:999px;color:#e8ca74;font-size:10px;font-weight:800}
.acrylic-tilt-shell{position:relative;justify-self:center;width:min(78%,520px);filter:drop-shadow(24px 27px 22px rgba(0,0,0,.46));transform:perspective(1050px) rotateY(-24deg) rotateX(7deg);transform-style:preserve-3d}.acrylic-tilt-shell .print-frame{position:relative;min-height:0}.acrylic-tilt-shell .print-frame img{width:100%;height:100%;object-fit:cover}.acrylic-tilt-shell .acrylic-surface{transform:translateZ(3px)}
.acrylic-edge{position:absolute;left:100%;top:2px;bottom:-3px;width:5px;background:linear-gradient(90deg,rgba(241,253,255,.95),rgba(136,197,211,.38),rgba(255,255,255,.78));box-shadow:4px 0 10px rgba(171,229,241,.34);transform:translateZ(2px);pointer-events:none}
.layer-stack .layer{overflow:visible}.acrylic-layer{background:linear-gradient(125deg,rgba(255,255,255,.025),rgba(203,239,247,.12),rgba(255,255,255,.015));backdrop-filter:none}.acrylic-layer b{padding:7px 9px;border-radius:7px;background:rgba(2,35,27,.72)}
.print-layer{padding:0;background:#102e26;overflow:hidden!important}.print-layer>.print-frame{position:absolute;inset:0;height:100%;transform:none}.print-layer>.print-frame img{width:100%;height:100%;object-fit:cover}.print-layer>b{position:absolute;left:17px;bottom:15px;z-index:4;padding:7px 9px;border-radius:7px;background:rgba(2,35,27,.78);color:white}
@media(max-width:760px){.macro-lens{width:118px}.inspect-hint{bottom:-34px}.acrylic-tilt-shell{width:84%;transform:perspective(900px) rotateY(-18deg) rotateX(6deg)}}

/* V59 — one proportional product renderer for room, front, cart and composition */
.print-frame{--frame-inset:3.2%;border:0!important;padding:var(--frame-inset);background:#171817;background-size:cover;background-position:center;box-shadow:none}
.print-frame.none{--frame-inset:0%;background:transparent}
.print-frame.gallery{--frame-inset:11%;background:#f6f4ed;box-shadow:inset 0 0 0 1px rgba(110,100,82,.22)}
.print-frame.double{--frame-inset:12%;background:linear-gradient(135deg,#171817 0 22%,#f7f4ed 22% 78%,#171817 78% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.print-frame.black,.print-frame.blacksteel{background:#171817}
.print-frame.wood{background-image:url('/static/images/frame-textures-v57/oak.webp')}
.print-frame.walnut{background-image:url('/static/images/frame-textures-v57/walnut.webp')}
.print-frame.gold{background-image:url('/static/images/frame-textures-v57/gold.webp')}
.print-frame.silver{background-image:url('/static/images/frame-textures-v57/silver.webp')}
.print-frame.darksteel{background-image:url('/static/images/frame-textures-v58/dark-steel.webp')}
.print-frame.titanium{background-image:url('/static/images/frame-textures-v58/titanium.webp')}
.print-frame.champagne{background-image:url('/static/images/frame-textures-v58/champagne.webp')}
.print-frame.copper{background-image:url('/static/images/frame-textures-v58/copper.webp')}
.frame-demo{border:0!important;padding:var(--frame-inset)!important}
.frame-demo.none{padding:0!important}.frame-demo.gallery{padding:11%!important}.frame-demo.double{padding:12%!important}
.print-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border:0}
.print-frame.fit-contain img{object-fit:contain;background:#f4f0e7}
.actual-scale-badge{position:absolute;left:12px;bottom:12px;z-index:8;padding:8px 11px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(3,34,26,.84);color:#fff;font-size:10px;font-weight:850;letter-spacing:.1px;backdrop-filter:blur(8px);pointer-events:none}
.focus-room .actual-scale-badge{left:16px;bottom:16px;font-size:11px}
@media(max-width:760px){.actual-scale-badge{left:7px;bottom:7px;padding:5px 7px;font-size:8px}.focus-room .actual-scale-badge{left:8px;bottom:8px;font-size:9px}}

/* V60 — automatic factory fit and always-visible multi-art canvas */
.auto-recommendation{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin:13px 0;padding:13px;border:1px solid rgba(167,118,27,.42);border-radius:15px;background:linear-gradient(135deg,#fff8df,#f5ead0)}.auto-recommendation>div{min-width:0}.auto-recommendation>div+div{padding-left:12px;border-left:1px solid rgba(167,118,27,.25)}.auto-recommendation small,.auto-recommendation b,.auto-recommendation strong,.auto-recommendation span{display:block}.auto-recommendation small{color:#95691b;font-size:9px;font-weight:900;letter-spacing:1.1px}.auto-recommendation b{margin:5px 0;font-size:20px}.auto-recommendation strong{margin:5px 0;color:#08362b}.auto-recommendation span{color:#64736c;font-size:10px;line-height:1.45}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.crop-controls label{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#faf7f0;color:#65736c;font-size:10px;font-weight:800}.crop-controls input{width:100%;margin-top:7px;accent-color:#aa7921}.canvas-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto 30px;gap:7px;align-items:center;margin:0 0 10px;padding:10px;border-radius:14px;background:#082f26;color:white}.canvas-toolbar b,.canvas-toolbar span{display:block}.canvas-toolbar b{color:var(--gold);font-size:10px;letter-spacing:1.6px}.canvas-toolbar span{margin-top:3px;color:#bfd0c8;font-size:9px}.canvas-toolbar button{min-height:34px;padding:0 11px;border:1px solid rgba(237,200,109,.5);border-radius:999px;background:transparent;color:white;font-size:10px;font-weight:850}.canvas-toolbar #canvasAdd{background:var(--gold);color:var(--ink)}.canvas-toolbar strong{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--ink);font-size:11px}.scene-panel{touch-action:none;cursor:grab!important;outline:0}.scene-panel:hover{box-shadow:0 0 0 2px var(--gold),0 12px 22px rgba(0,0,0,.32)}.scene-panel.dragging{z-index:12!important;cursor:grabbing!important;box-shadow:0 0 0 3px var(--gold),0 18px 30px rgba(0,0,0,.42)}.scene-panel:after{width:2px}.scene-layer:not(:empty):after{content:"작품을 잡고 원하는 위치로 이동하세요";position:absolute;left:50%;top:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(3,34,26,.78);color:white;font-size:9px;font-weight:800;pointer-events:none}.room-stage:has(.scene-layer:not(:empty))>.actual-scale-badge{display:none}
@media(max-width:760px){.auto-recommendation{grid-template-columns:1fr}.auto-recommendation>div+div{padding:8px 0 0;border-left:0;border-top:1px solid rgba(167,118,27,.25)}.crop-controls{grid-template-columns:1fr}.canvas-toolbar{grid-template-columns:1fr auto 28px}.canvas-toolbar #canvasClear{display:none}.canvas-toolbar span{display:none}.canvas-toolbar button{padding:0 8px;font-size:9px}}

/* V69 — interactive wall canvas and artwork passport */
.art-card-wrap{position:relative;min-width:0;border:2px solid transparent;border-radius:13px;background:#f3eee4;overflow:hidden}.art-card-wrap.on{border-color:#a3761e}.art-card-wrap.canvas-linked{box-shadow:0 0 0 3px rgba(237,200,109,.75);animation:cardFocus 1s ease}.art-card-wrap .art-card{width:100%;border:0;border-radius:0}.art-card-add{width:100%;min-height:27px;border:0;border-top:1px solid rgba(167,118,27,.24);background:#fff8df;color:#704d0f;font-size:9px;font-weight:900;cursor:pointer}.art-card-add:hover,.art-card-add:focus-visible{background:var(--gold);color:var(--ink)}@keyframes cardFocus{50%{transform:translateY(-3px)}}
.canvas-toolbar{grid-template-columns:minmax(150px,1fr) minmax(260px,auto) auto auto 30px}.canvas-tools{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.canvas-toolbar button:disabled{opacity:.38;cursor:not-allowed}.scene-panel.selected{z-index:11!important;box-shadow:0 0 0 3px var(--gold),0 15px 28px rgba(0,0,0,.38)}.scene-item-tools{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:20;display:none;gap:4px;transform:translateX(-50%);white-space:nowrap}.scene-panel.selected .scene-item-tools{display:flex}.scene-item-tools button{min-height:25px;padding:4px 7px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(3,34,26,.94);color:white;font-size:8px;font-weight:900;cursor:pointer}.scene-item-tools button:last-child{background:#9b392e}.scene-panel:focus-visible{outline:3px solid white;outline-offset:4px}
.passport-dialog{width:min(980px,94vw);max-height:90vh;border:0;border-radius:26px;padding:22px;background:#f8f4eb;color:var(--ink)}.passport-dialog::backdrop{background:rgba(1,20,15,.86);backdrop-filter:blur(8px)}.passport-dialog[open]{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(280px,.95fr);gap:30px;align-items:center}.passport-dialog .close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;font-size:24px;z-index:2}.passport-visual{min-height:520px;display:grid;place-items:center;padding:28px;border-radius:20px;background:radial-gradient(circle at 50% 35%,#456057,#16392f 55%,#06251d)}.passport-visual img{max-width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.45))}.passport-copy>p:first-child{color:#95691b;font-size:10px;font-weight:900;letter-spacing:2.4px}.passport-copy h2{font:700 38px/1.15 Georgia,"Noto Serif KR",serif;margin:12px 0 25px}.passport-copy dl{display:grid;gap:8px}.passport-copy dl div{display:grid;grid-template-columns:100px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.passport-copy dt{color:#758079;font-size:11px;font-weight:800}.passport-copy dd{margin:0;font-size:12px;font-weight:900}.passport-story{color:#596963;line-height:1.8}.passport-copy>button{width:100%;min-height:48px;margin-top:15px;border:0;border-radius:999px;background:var(--green);color:white;font-weight:900}
@media(max-width:900px){.canvas-toolbar{grid-template-columns:1fr auto 30px}.canvas-tools{grid-column:1/-1;grid-row:2}.canvas-toolbar #canvasClear{display:none}}
@media(max-width:760px){.art-card-add{min-height:25px;font-size:8px}.scene-item-tools{bottom:auto;top:calc(100% + 5px)}.passport-dialog[open]{grid-template-columns:1fr;padding:13px}.passport-visual{min-height:320px}.passport-visual img{max-height:300px}.passport-copy h2{font-size:28px}.passport-copy dl div{grid-template-columns:80px 1fr}}

/* V73 — mobile-first workbench: compact companion preview, vertical steps, horizontal choices */
.mobile-preview-toggle,.mobile-step-toggle{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:74px}
  .af-header{padding:0 11px;gap:8px}.af-brand{gap:8px}.af-brand i{width:36px;height:36px}.af-brand small{display:none}.cart-toggle{white-space:nowrap}
  .af-hero{padding:26px 14px 21px}.af-hero h1{font-size:29px;margin:10px 0}.af-hero .lead{font-size:12px}.facts{margin-top:15px}
  .af-flow{position:sticky;top:68px;z-index:17;margin:0;padding:9px 10px;display:flex;gap:7px;background:rgba(246,241,231,.96);box-shadow:0 8px 18px rgba(7,37,29,.08);scroll-snap-type:x mandatory;scrollbar-width:none}.af-flow::-webkit-scrollbar{display:none}.af-flow button{flex:0 0 96px;padding:10px 8px;font-size:10px;scroll-snap-align:start}
  .af-workbench{margin:10px auto 25px;padding:0 8px;gap:10px}.af-workbench .af-studio{width:100%}.af-workbench .af-controls{gap:10px}
  .af-preview-wrap{position:sticky;top:119px;z-index:15;width:100%;order:1}.af-preview-wrap .sticky-preview{position:relative;top:auto;max-height:none;overflow:visible;padding:7px;border-radius:16px;box-shadow:0 12px 28px rgba(5,42,33,.18)}
  .preview-head{display:grid;grid-template-columns:1fr auto auto;gap:5px;padding:2px 2px 7px;font-size:12px}.preview-head button{padding:7px 9px;font-size:9px}.mobile-preview-toggle{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #a77a2a!important;background:#fff!important;color:var(--ink)!important}
  .room-stage{aspect-ratio:16/7.8;max-height:145px;border-radius:12px}.panel-mock{width:33%;top:39%}.canvas-toolbar{margin-bottom:6px;padding:7px;border-radius:11px}.scene-layer:not(:empty):after{top:5px;font-size:7px}
  .preview-meta{display:flex!important;gap:6px;margin-top:7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.preview-meta::-webkit-scrollbar{display:none}.preview-meta div,.preview-meta div:first-child{grid-column:auto;flex:0 0 43%;padding:8px;scroll-snap-align:start}.preview-meta div:first-child{flex-basis:58%}.preview-meta small{font-size:8px;margin-bottom:3px}.preview-meta b{font-size:10px}.companion-total{margin-top:6px;padding:8px 10px;border-radius:11px}.companion-total b{font-size:16px}.companion-total small,.companion-total span{font-size:8px}.truth{display:none!important}
  .sticky-preview.is-mobile-collapsed .room-stage,.sticky-preview.is-mobile-collapsed .preview-meta,.sticky-preview.is-mobile-collapsed .companion-total,.sticky-preview.is-mobile-collapsed .truth{display:none!important}.sticky-preview.is-mobile-collapsed{padding-bottom:5px}.sticky-preview.is-mobile-collapsed .preview-head{padding-bottom:2px}
  .af-journey{order:2;gap:10px}.af-controls section.mobile-step-card{position:relative;padding:16px 13px!important;border-radius:17px;scroll-margin-top:190px}.mobile-step-card:not(.is-open)>:not(.step):not(h2):not(.mobile-step-toggle){display:none!important}.mobile-step-card h2{margin:8px 72px 2px 0!important;font-size:23px!important}.mobile-step-card:not(.is-open) h2{font-size:18px!important}.mobile-step-toggle{position:absolute;right:11px;top:11px;display:flex;align-items:center;gap:5px;min-height:33px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#f8f3e8;color:var(--ink);font-size:9px;font-weight:900}.mobile-step-toggle b{font-size:15px;transition:transform .2s}.mobile-step-card.is-open .mobile-step-toggle b{transform:rotate(180deg)}
  .art-categories{padding-bottom:7px}.art-grid{display:flex!important;grid-template-columns:none;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 9px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.art-grid::-webkit-scrollbar{display:none}.art-card-wrap{flex:0 0 43%;scroll-snap-align:start}.art-card-wrap .art-card img{aspect-ratio:4/5}.art-card-wrap .art-card b{font-size:10px}
  .option-grid,.frame-grid,.premium-frame-grid,.room-grid,.fit-mode{display:flex!important;grid-template-columns:none;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.option-grid::-webkit-scrollbar,.frame-grid::-webkit-scrollbar,.room-grid::-webkit-scrollbar,.fit-mode::-webkit-scrollbar{display:none}.option-grid>button{flex:0 0 45%;scroll-snap-align:start}.frame-grid>button,.premium-frame-grid>.frame-choice{flex:0 0 72%;scroll-snap-align:start}.room-grid>button{flex:0 0 68%;scroll-snap-align:start}.fit-mode>button{flex:0 0 75%;scroll-snap-align:start}.premium-frame-grid .frame-choice{min-height:185px}.frame-demo{height:116px!important}
  .all-sizes div{display:flex;grid-template-columns:none;overflow-x:auto;gap:6px;padding-bottom:7px;scroll-snap-type:x mandatory}.all-sizes div button{flex:0 0 33%;scroll-snap-align:start}.composition-actions{display:flex;grid-template-columns:none;overflow-x:auto}.composition-actions button{flex:0 0 48%}.crop-controls{grid-template-columns:1fr 1fr}.auto-recommendation{grid-template-columns:1fr 1fr}.auto-recommendation>div+div{padding:0 0 0 8px;border-top:0;border-left:1px solid rgba(167,118,27,.25)}
  .af-workbench .af-order{padding:22px 14px;border-radius:18px}.af-workbench .af-order h2{font-size:27px}.af-workbench .af-order form{padding:14px}.summary{grid-template-columns:78px 1fr}
  #focusDialog,.quality-dialog,.cart-dialog,.passport-dialog{width:100vw!important;height:100dvh;max-width:none!important;max-height:100dvh!important;margin:0;border-radius:0!important;padding:10px!important;overflow-y:auto;overscroll-behavior:contain}
  #focusDialog .close,.quality-dialog .close,.cart-dialog .close,.passport-dialog .close{position:fixed;right:10px;top:max(10px,env(safe-area-inset-top));z-index:50;width:42px;height:42px}
  .quality-tabs{position:sticky;top:0;z-index:30;display:flex!important;grid-template-columns:none!important;gap:6px;margin:0;padding:7px 50px 8px 0;background:#f8f4eb;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.quality-tabs button{flex:0 0 42vw;scroll-snap-align:start;white-space:nowrap}.focus-room{height:66dvh;aspect-ratio:auto;border-radius:14px}.focus-copy{padding:10px}.product-front-stage,.acrylic-detail-stage,.layer-stage{min-height:calc(100dvh - 80px);padding:62px 15px 28px}.passport-dialog[open]{display:block}.passport-visual{height:44dvh;min-height:0;margin-top:48px;padding:16px}.passport-visual img{max-height:40dvh}.passport-copy{padding:5px 4px 30px}.passport-copy h2{font-size:27px;margin:10px 0 15px}.cart-dialog{padding-top:54px!important}.cart-list article{grid-template-columns:62px minmax(0,1fr)}
  .mobile-order{left:7px;right:7px;bottom:max(6px,env(safe-area-inset-bottom));padding:9px 13px;border-radius:14px}
}
@media(max-width:390px){
  .af-header{height:64px}.af-brand b{font-size:15px}.af-flow{top:64px}.af-preview-wrap{top:113px}.af-workbench{padding:0 6px}.preview-head>span{font-size:11px}.preview-head button{padding:6px 7px}.room-stage{max-height:126px}.art-card-wrap{flex-basis:46%}.option-grid>button{flex-basis:47%}.frame-grid>button,.premium-frame-grid>.frame-choice{flex-basis:78%}.room-grid>button{flex-basis:76%}.mobile-step-card h2{font-size:21px!important}.mobile-step-card:not(.is-open) h2{font-size:17px!important}.preview-meta div{flex-basis:46%}.preview-meta div:first-child{flex-basis:62%}.canvas-toolbar{grid-template-columns:1fr auto 26px}.canvas-tools button{font-size:8px;padding:0 7px}.quality-tabs button{flex-basis:52vw}.crop-controls{grid-template-columns:1fr}.auto-recommendation{grid-template-columns:1fr}.auto-recommendation>div+div{padding:8px 0 0;border-left:0;border-top:1px solid rgba(167,118,27,.25)}
}
@media(max-width:900px) and (orientation:landscape){.quality-tabs button{flex-basis:28vw}.focus-room{height:72dvh}.passport-dialog[open]{display:grid;grid-template-columns:45% 55%;gap:12px}.passport-visual{height:calc(100dvh - 30px);margin-top:0}.passport-copy{max-height:calc(100dvh - 20px);overflow:auto}}