/* A compact design workspace, with a clear and separate ordering card. */
.in-studio .studio-screen{min-height:0;padding-bottom:36px;background:var(--paper)}
.in-studio .project-bar{padding:0 4%;background:transparent}
.in-studio .studio-layout{width:92%;max-width:1440px;margin:22px auto 0;display:grid;grid-template-columns:minmax(270px,1.05fr) minmax(300px,1.5fr) 320px;gap:16px;height:clamp(570px,calc(100svh - 270px),650px);min-height:0;align-items:stretch}
.in-studio .chat-panel{border:1px solid #e2d8c5;border-radius:12px;background:#fcfaf5;min-height:0}
.in-studio .panel-heading{min-height:76px;padding:18px;border-color:#e8decc}
.in-studio .agent-avatar{background:#f2e5cf;color:#a24715}
.in-studio .panel-heading strong{font-size:12px}
.in-studio .chat-messages{padding:20px 18px;gap:20px}
.in-studio .message{font-size:12px;line-height:1.8}
.in-studio .message.user{background:#f5ebda;border-color:#eadcc4;color:#5b513c}
.in-studio .message.agent .message-body{color:#7f7562}
.in-studio .chat-composer{border-color:#d8c8b0;background:#fffdf8;border-radius:10px;padding:13px;margin:0 14px}
.in-studio .chat-composer textarea{font-size:12px;min-height:55px}
.in-studio .chat-send{background:#a24715;border-radius:50%;width:32px;height:32px}
.in-studio .chat-send:hover{background:#833b13}
.in-studio .chat-disclaimer{color:#9b8d75;line-height:1.6}
.in-studio .preview-panel{border:1px solid #e7e0d4;border-radius:12px;background:#fff;min-height:0}
.in-studio .preview-toolbar{background:#fff;padding:19px 20px;min-height:65px;border-bottom:1px solid #f0ebe3}
.in-studio .preview-live{font-size:10px;color:#8c8069}
.in-studio .preview-canvas{background:#fff;min-height:0;padding:35px 16px 44px}
.in-studio .main-product{width:90%;max-width:370px;filter:drop-shadow(0 9px 9px #3025150b)}
.in-studio .canvas-note-top{top:18px;left:20px;font-size:6px;color:#b3aa99}
.in-studio .canvas-note-bottom{bottom:22px;left:20px;max-width:none;font-size:6px;color:#a39a87}
.in-studio .customize-panel{background:#f7eddd;border:1px solid #d8c1a2;border-radius:12px;box-shadow:0 8px 25px #73502c0b;overflow:hidden;grid-column:auto}
.in-studio .customize-heading{display:block;padding:25px 23px 22px}
.in-studio .customize-heading .eyebrow{color:#a16b3c;font-size:8px}
.in-studio .customize-heading h2{font:400 32px/1.2 var(--serif);color:#42482d;margin:10px 0 0}
.in-studio .settings-scroll{display:block;padding:0 23px;overflow:auto;flex:1}
.in-studio .settings-scroll fieldset{padding:18px 0 22px;border-color:#dfceb4}
.in-studio .settings-scroll legend{font-size:12px;color:#63543c;margin-bottom:13px}
.in-studio .garment-options{gap:9px}
.in-studio .garment-options button{min-height:47px;padding:11px 8px;background:#fffcf7;border:1px solid #d8c9b1;border-radius:8px;font-size:12px;color:#85765f;gap:7px}
.in-studio .garment-options button.selected{background:#fff9ef;border:2px solid #a24715;color:#8e3d13;padding:10px 7px;font-weight:600}
.in-studio .garment-options button:hover{background:#fff7e8;border-color:#b58558}
.in-studio .size-options{gap:7px}
.in-studio .size-options button{height:43px;min-width:0;padding:9px 2px;border:1px solid #d8c9b1;border-radius:7px;background:#fffcf7;color:#786b54;font-size:12px}
.in-studio .size-options button.selected{background:#454d31;border-color:#454d31;color:white;font-weight:600}
.in-studio .size-options button:hover{border-color:#6c7351}
.in-studio .size-guide{font-size:9px;color:#9b805a}
.in-studio .product-quantity{border-color:#d8c9b1;border-radius:8px;background:#fffcf7;width:146px}
.in-studio .product-quantity button{width:46px;height:43px;color:#765538}
.in-studio .product-quantity button:hover{background:#f0e2ca}
.in-studio .product-quantity input{color:#514630;width:54px}
.in-studio .customize-bottom{display:block;background:#f3e5ce;border-top:1px solid #dcc6a5;padding:18px 20px 15px;box-shadow:none;position:static}
.order-selection{font-size:12px;font-weight:500;color:#706044;line-height:1.5;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.order-selection svg{width:16px;height:16px;color:#9a744d}
.in-studio .add-cart-button{min-height:53px;padding:16px 17px;border-radius:9px;background:#a24715;color:#fffaf1;font-size:13px;font-weight:600;box-shadow:0 4px 9px #a247151c;width:100%}
.in-studio .add-cart-button:hover{background:#843b13;transform:translateY(-1px)}
.in-studio .add-cart-button svg{width:19px;height:19px}
.view-cart-button{width:100%;padding:12px 10px 2px;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#81613f}
.view-cart-button:hover{color:#a24715}
.in-studio .customize-bottom p{font-size:8px;color:#9c896d;line-height:1.7;margin-top:13px}
@media(min-width:1600px){.in-studio .studio-layout{grid-template-columns:minmax(300px,1fr) minmax(390px,1.5fr) 340px}.in-studio .main-product{max-width:390px}}
@media(min-width:900px) and (max-width:1190px){.in-studio .studio-layout{width:95%;grid-template-columns:minmax(210px,1fr) minmax(250px,1.25fr) 270px;gap:12px}.in-studio .customize-heading,.in-studio .settings-scroll{padding-left:18px;padding-right:18px}.in-studio .customize-bottom{padding-left:15px;padding-right:15px}.in-studio .preview-toolbar{padding-left:14px;padding-right:14px}}
@media(min-width:761px) and (max-width:899px){.in-studio .studio-layout{grid-template-columns:minmax(260px,1fr) minmax(300px,1.4fr);height:auto;gap:16px}.in-studio .chat-panel,.in-studio .preview-panel{height:590px;min-height:0;max-height:none}.in-studio .customize-panel{grid-column:1/-1}.in-studio .settings-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.in-studio .customize-heading{padding-bottom:18px}.in-studio .customize-bottom{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.in-studio .customize-bottom .order-selection{grid-column:1;margin:0}.in-studio .add-cart-button{grid-column:2;grid-row:1/3}.in-studio .view-cart-button{text-align:left;grid-column:1;padding-left:0}.in-studio .customize-bottom p{grid-column:1/-1}}
@media(max-width:760px){.in-studio .studio-screen{padding-bottom:24px}.in-studio .studio-layout{display:block;width:calc(100% - 32px);margin-top:16px;height:auto;min-height:0}.in-studio .project-bar{padding:0 16px}.in-studio .mobile-studio-tabs{background:var(--paper);border-color:#e4d7c2;justify-content:center;gap:28px}.in-studio .mobile-studio-tabs>button{font-size:11px;color:#9a886a}.in-studio .mobile-studio-tabs>button.selected{color:#a24715;border-color:#a24715}.in-studio .studio-layout[data-mobile-panel="preview"] .preview-panel{height:480px;min-height:0}.in-studio .studio-layout[data-mobile-panel="chat"] .chat-panel{height:560px;min-height:0;max-height:none}.in-studio .studio-layout[data-mobile-panel="customize"] .customize-panel{height:auto;min-height:0;overflow:visible}.in-studio .main-product{max-width:300px;width:90%}.in-studio .preview-toolbar{padding:16px;min-height:60px}.in-studio .preview-canvas{padding:30px 12px 37px}.in-studio .canvas-note-bottom{font-size:5px;left:16px;bottom:17px}.in-studio .customize-heading{padding:23px}.in-studio .settings-scroll{display:block;padding:0 23px}.in-studio .customize-bottom{padding:20px}.in-studio .chat-composer textarea{font-size:16px}.in-studio .customize-panel .size-options button{height:46px}.in-studio .add-cart-button{min-height:54px;font-size:14px}.view-cart-button{padding-top:14px;padding-bottom:4px}.in-studio .chat-panel,.in-studio .customize-panel{border-radius:12px}}

/* The cart shares the right-hand column with the product selection. */
.studio-order-form{display:flex;flex-direction:column;flex:1;min-height:0}
.studio-cart{display:flex;flex-direction:column;flex:1;min-height:0}
.studio-cart-heading{padding:24px 20px 18px;border-bottom:1px solid #dfceb4}
.studio-cart-heading>.eyebrow{font-size:8px;color:#a16b3c;letter-spacing:1.4px}
.studio-cart-heading h2{font:400 32px/1.2 var(--serif);color:#42482d;margin:10px 0 17px;outline:none}
.back-to-order{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid #d8c1a2;border-radius:7px;background:#fffbf3;color:#90633e;font-size:10px}
.back-to-order:hover{background:#f0dfc4;color:#a24715}
.back-to-order svg{width:14px;height:14px}
.studio-cart-content{padding:0 20px 20px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d8c1a2 transparent}
.studio-cart-content>.dialog-note{font-size:9px;color:#9a8668;line-height:1.8;margin:16px 0 0;padding:0;background:none;border:0}
.studio-cart .cart-item{gap:12px;border-color:#dfceb4;padding:19px 0;align-items:flex-start}
.studio-cart .saved-thumb{width:66px;flex-shrink:0;border-radius:7px;background:#fffdf8;border-color:#e5d7c0}
.studio-cart .cart-info h3{font-size:11px;line-height:1.6;color:#514a34;overflow-wrap:anywhere}
.studio-cart .cart-info p{font-size:9px;color:#a08a6b;line-height:1.7;margin-bottom:10px}
.studio-cart .quantity{gap:7px;flex-wrap:wrap;color:#6e5e45}
.studio-cart .quantity button{min-width:29px;min-height:29px;border-color:#d4bea0;background:#fffbf3}
.studio-cart .quantity button:hover{background:#eedfc7}
.studio-cart .quantity .remove-cart{width:auto;min-width:0;min-height:29px;border:0;justify-content:flex-start;background:none;color:#a17d57;font-size:9px;margin-left:auto}
.studio-cart .cart-summary{border-color:#dfceb4;margin-top:20px;padding-top:20px}
.studio-cart .cart-summary>div{align-items:flex-start;flex-direction:column;gap:10px;color:#605238}
.studio-cart .cart-summary>div>span:last-child{color:#a18a67;font-size:9px;line-height:1.7}
.studio-cart .checkout-button{background:#ddccb1;color:#897355;min-height:49px;border-radius:8px;font-size:12px;margin-top:18px}
.studio-cart .checkout-note{font-size:9px;color:#a08a6b;line-height:1.8}
.inline-cart-empty{padding:36px 0;text-align:center;color:#958164}
.inline-cart-empty>svg{width:30px;height:30px;margin:0 auto 20px;color:#ac8c61}
.inline-cart-empty h3{font:400 25px/1.3 var(--serif);color:#65583d;margin:0 0 14px}
.inline-cart-empty p{font-size:11px;line-height:1.9;margin:0}
@media(min-width:900px) and (max-width:1000px){.in-studio .chat-panel{max-height:none}.in-studio .studio-layout{height:clamp(570px,calc(100svh - 270px),650px)}}
@media(max-width:899px){.studio-cart-content{max-height:580px}.studio-cart .cart-item{max-width:480px}}

/* Warm product photography and shared garment compositing. */
.in-studio .preview-panel{background:#f3e4cb;border-color:#dfcbae}
.in-studio .preview-toolbar{background:#fbf3e6;border-bottom-color:#e2d0b4}
.in-studio .preview-canvas{background:#eddcc0 url('assets/warm-atelier.png') 50% 35%/auto 175% no-repeat}
.in-studio .preview-live{color:#9a7c56}
.in-studio .canvas-note-top,.in-studio .canvas-note-bottom{color:#a08763}
.in-studio .main-product{max-width:400px;filter:drop-shadow(7px 12px 9px #6d4b2124)}
.product-photo>.mockup-hanger{position:absolute;z-index:0;left:23%;top:8%;width:54%;height:auto;object-fit:contain;filter:none;pointer-events:none}
.product-photo>.garment-base{position:relative;z-index:1}
.product-photo>.print-area{z-index:2}
.in-studio .main-product .print-area{opacity:.94}
@media(min-width:1600px){.in-studio .main-product{max-width:410px}}
@media(max-width:760px){.in-studio .main-product{max-width:310px}}

/* A photographed black variant keeps cotton detail without a darkening filter. */
.product-photo[data-product="tee"][data-color="black"]>.garment-base{filter:none}

.product-photo[data-color="black"] .print-area{mix-blend-mode:screen}

/* One continuous atelier wall behind the full studio, with readable side cards. */
.in-studio .studio-screen{background:#edddc2 url('assets/studio-wall-v2.png') center center/cover no-repeat}
.in-studio .project-bar{background:#fbf3e6b8;border-color:#ddc6a885}
.in-studio .preview-panel{background:transparent;border-color:transparent;border-radius:0;overflow:visible}
.in-studio .preview-toolbar{background:transparent;border-color:#c7ac7b35}
.in-studio .preview-canvas{background:transparent}
.in-studio .chat-panel{background:#fcfaf5ed;box-shadow:0 8px 24px #72542f0a}
.in-studio .customize-panel{background:#f7edddef}
.in-studio .mobile-studio-tabs{background:#fbf3e6b8}
.confirmed-garment{font-size:11px;color:#9d815a;margin:12px 0 0;line-height:1.6}
.product-photo>.mockup-hanger{clip-path:inset(0 0 35% 0)}
@media(min-width:761px) and (max-width:899px){.in-studio .settings-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Large product foreground; old thumbnail hanger layers stay hidden in studio. */
.in-studio .mockup-hanger{display:none}
.in-studio .main-product{width:108%;max-width:500px}
.in-studio .main-product[data-product="tee"]{translate:0 -10px}
@media(max-width:760px){.in-studio .main-product{width:114%;max-width:370px}.in-studio .main-product[data-product="tee"]{translate:0 -5px}}

/* A softly lit photographic studio wall, inspired by the user's rack reference. */
.in-studio .studio-screen{background:#d8c3b3 url('assets/studio-lit-wall-v3.png') center top/cover no-repeat}
.in-studio .project-bar{background:#fbf3e6b0;border-color:#d6bfa780}
.in-studio .preview-toolbar{border-color:#92755a30}
.in-studio .preview-live{color:#604b38}
.in-studio .canvas-note-top,.in-studio .canvas-note-bottom{color:#725c46}
.in-studio .chat-panel{background:#fcfaf5f2;box-shadow:0 12px 32px #59412e12}
.in-studio .customize-panel{background:#f7edddf2;box-shadow:0 12px 32px #59412e12}
.in-studio .main-product{filter:drop-shadow(9px 14px 10px #49352735)}
.in-studio .main-product>.studio-hanger-detail{position:absolute;inset:0;z-index:2;filter:none;clip-path:inset(0 0 81% 0);pointer-events:none}
.studio-rack{position:absolute;z-index:0;left:1%;top:2.5%;width:99%;height:95%;border-radius:23px 0 0 0;pointer-events:none;background:linear-gradient(90deg,#171717 0,#474440 24%,#191919 54%,#0f0f0f 85%,#302f2c 100%) left 21px/13px calc(100% - 21px) no-repeat,linear-gradient(#151515,#4b4844 27%,#242424 48%,#111 85%) 21px top/calc(100% - 21px) 13px no-repeat}
.studio-rack:before{content:'';position:absolute;left:0;top:0;width:34px;height:34px;border:13px solid #242321;border-right-color:transparent;border-bottom-color:transparent;border-radius:24px;box-sizing:border-box;box-shadow:-1px -1px 0 #6a6258}
.studio-rack:after{content:'';position:absolute;left:40px;top:-2px;width:8px;height:17px;border-radius:4px;background:linear-gradient(90deg,#121212,#57534e 35%,#171717 80%);box-shadow:0 1px 2px #2b211c55}
.in-studio .main-product[data-product="hoodie"]>.studio-rack{display:none}
@media(max-width:760px){.in-studio .studio-screen{background-position:48% top;background-size:auto 100%}.studio-rack{background-size:10px calc(100% - 21px),calc(100% - 21px) 10px}.studio-rack:before{border-width:10px;width:31px;height:31px}.studio-rack:after{height:14px}}

/* Direct, reversible placement of a design in the garment preview. */
.in-studio .preview-toolbar{gap:10px;flex-wrap:wrap}
.in-studio .preview-live{flex-shrink:0}
.print-drag-hint{margin-left:auto;color:#777;font-size:9px;line-height:1.4;text-align:right}
.print-undo{padding:2px 0;color:#555;font-size:9px;text-decoration:underline;text-underline-offset:3px}
.print-undo:hover{color:#171717}
.in-studio .print-control{position:absolute;z-index:4;transform:translate(-50%,-50%);aspect-ratio:1;border:1px dashed transparent;border-radius:3px;cursor:grab;touch-action:none;user-select:none}
.in-studio .print-control:hover,.in-studio .print-control:focus-visible,.in-studio .print-control:focus-within,.in-studio .print-control.is-adjusting{border-color:#fff;box-shadow:0 0 0 1px #2228;outline:none}
.in-studio .print-control.is-adjusting{cursor:grabbing}
.print-resize-handle{position:absolute;right:-10px;bottom:-10px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #fff;border-radius:50%;background:#171717;color:#fff;cursor:nwse-resize;box-shadow:0 1px 4px #0005;touch-action:none}
.print-resize-handle:hover{background:#333}.print-resize-handle svg{width:12px;height:12px}
@media(max-width:760px){.print-drag-hint{max-width:52%;font-size:9px}.in-studio .preview-toolbar{gap:5px 9px}.print-resize-handle{width:25px;height:25px;right:-12px;bottom:-12px}}

.product-photo[data-side="back"]>.garment-base{filter:none}

/* T-shirt colours, kept below the garment preview. */
.studio-colour-picker[hidden]{display:none!important}.studio-colour-picker{padding:12px 20px 16px;background:#fff;border-top:1px solid #ececec}.studio-colour-heading{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;color:#222}.studio-colour-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.studio-colour-swatches .color-swatch{width:25px;height:25px;flex:none;background:var(--swatch);border:1px solid #d5d5d5;border-radius:50%;padding:0}.studio-colour-swatches .color-swatch.selected{outline:2px solid #171717;outline-offset:2px}.studio-colour-name{display:block;font-size:11px;color:#666;margin-top:9px}.studio-colour-swatches .color-swatch:focus-visible{outline:2px solid #be2760;outline-offset:3px}
.product-photo[data-color="orange"]{--garment-filter:grayscale(1) sepia(1) saturate(5) hue-rotate(342deg) brightness(.94)}.product-photo[data-color="orchid"]{--garment-filter:grayscale(1) sepia(1) saturate(2.8) hue-rotate(270deg) brightness(1.05)}.product-photo[data-color="arctic"]{--garment-filter:grayscale(1) sepia(.7) saturate(1.4) hue-rotate(118deg) brightness(1.05)}.product-photo[data-color="purple"]{--garment-filter:grayscale(1) sepia(1) saturate(4.5) hue-rotate(250deg) brightness(.42)}.product-photo[data-color="red"]{--garment-filter:grayscale(1) sepia(1) saturate(7) hue-rotate(320deg) brightness(.85)}.product-photo[data-color="aqua"]{--garment-filter:grayscale(1) sepia(1) saturate(3) hue-rotate(145deg) brightness(.9)}.product-photo[data-color="army"]{--garment-filter:grayscale(1) sepia(.7) saturate(1.3) hue-rotate(15deg) brightness(.4)}.product-photo[data-color="ash"]{--garment-filter:grayscale(1) brightness(.94)}
@media(max-width:760px){.studio-colour-picker{padding:12px 15px 16px}.studio-colour-swatches{gap:10px}.studio-colour-swatches .color-swatch{width:27px;height:27px}}

/* Each Studio T-shirt colour uses its own photographic mockup. */
.product-photo[data-product="tee"][data-color="orange"]>.garment-base,.product-photo[data-product="tee"][data-color="orchid"]>.garment-base,.product-photo[data-product="tee"][data-color="arctic"]>.garment-base,.product-photo[data-product="tee"][data-color="purple"]>.garment-base,.product-photo[data-product="tee"][data-color="red"]>.garment-base,.product-photo[data-product="tee"][data-color="aqua"]>.garment-base,.product-photo[data-product="tee"][data-color="army"]>.garment-base,.product-photo[data-product="tee"][data-color="ash"]>.garment-base,.product-photo[data-product="tee"][data-color="spring"]>.garment-base{filter:none}