.framing-studio{margin:50px auto 70px;padding-top:40px;border-top:1px solid var(--gallery-line,#ccc);scroll-margin-top:95px}.framing-heading{max-width:760px;margin-bottom:32px}.framing-heading h2{font-size:clamp(32px,4vw,46px);line-height:1.15;margin:14px 0 18px}.framing-heading p{font-size:16px;line-height:1.8;color:var(--gallery-muted,#555)}.framing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.framing-controls h3,.framing-preview h3{font-size:26px;margin:0 0 18px}.frame-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.frame-choice{position:relative;display:flex;flex-direction:column;gap:9px;border:1px solid var(--gallery-line,#ccc);padding:10px 10px 16px;cursor:pointer;background:var(--gallery-paper,#fff)}.frame-choice:has(input:checked){border:2px solid var(--forest,#14392e);padding:9px 9px 15px}.frame-choice:focus-within{outline:2px solid var(--forest,#14392e);outline-offset:3px}.frame-choice input{position:absolute;top:10px;left:10px;width:18px;height:18px;accent-color:var(--forest,#14392e);z-index:1}.frame-choice img{width:100%;height:auto;aspect-ratio:1}.frame-choice strong,.frame-choice span{font-size:14px;line-height:1.5}.frame-choice small{font-size:14px;color:var(--gallery-muted,#555);line-height:1.6}.frame-none{grid-column:1/-1;font-size:14px;display:flex;align-items:center;gap:10px;padding:12px 0}.frame-none input{width:18px;height:18px;accent-color:var(--forest)}.framing-painting-label{display:block;font-size:16px;line-height:1.6}.framing-painting-label select{margin-top:10px;display:block;width:100%;min-height:48px;font:inherit;font-size:16px;color:inherit;border:1px solid var(--gallery-line,#bbb);background:var(--gallery-paper,#fff);padding:10px}.framing-stage{position:relative;aspect-ratio:1;width:100%;max-width:600px;margin:auto;background:var(--gallery-surface,#eae6dd)}.framing-art{position:absolute;left:16%;top:16%;width:68%;height:68%;object-fit:fill}.framing-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.without-frame .framing-art{inset:7%;width:86%;height:86%;object-fit:contain}.framing-preview{background:var(--gallery-surface,#eae6dd);padding:20px}.framing-preview figcaption{font-size:14px;line-height:1.7;margin:20px 10px 5px;color:var(--gallery-muted,#555)}.framing-preview figure{margin:0}.framing-summary{margin:25px 0;font-size:16px}.framing-summary dl{margin:20px 0}.framing-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.framing-summary dd{margin:0;text-align:right}.framing-summary .frame-total{border-top:1px solid var(--gallery-line,#ccc);font-weight:600;margin-top:6px;padding-top:18px}.framing-add{font:inherit;font-size:16px;width:100%;padding:16px;color:#fff;background:var(--forest,#14392e);border:1px solid var(--forest,#14392e);cursor:pointer}.framing-add:disabled{opacity:.55;cursor:default}.frame-shipping-note{font-size:14px!important;line-height:1.7;color:var(--gallery-muted,#555)}.framing-controls{min-width:0}
@media(max-width:800px){.framing-layout{grid-template-columns:1fr;gap:28px}.framing-studio{margin-top:30px}.framing-preview{padding:10px}.frame-choices{gap:8px}.frame-choice{padding:8px 7px 12px}.frame-choice:has(input:checked){padding:7px 6px 11px}.frame-choice small{display:none}.framing-heading h2{font-size:34px}.framing-summary h3{font-size:26px}}@media(max-width:380px){.frame-choices{grid-template-columns:1fr}.frame-choice{display:grid;grid-template-columns:80px 1fr;align-items:center}.frame-choice img{grid-row:1/3}.frame-choice small{display:none}}
/* The artwork is never cropped or stretched; the photographed frame uses fixed-width rails. */
.framing-stage{width:100%;max-width:600px;aspect-ratio:auto;background:transparent;display:flex;align-items:center;justify-content:center;min-height:120px}.framing-stage canvas{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 7px 7px #0002)}.framing-orientation{font-size:14px;line-height:1.6;margin:18px 0 0;color:var(--gallery-muted,#555)}.framing-painting-label{margin:0 0 24px}.painting-preview{padding:24px;background:var(--gallery-surface,#eae6dd)}.detail-framing{margin:24px 0;scroll-margin-top:100px}.detail-framing fieldset{padding:0;margin:0;border:0;min-width:0}.detail-framing legend{font-size:18px;font-weight:500;margin-bottom:16px;line-height:1.5}.detail-framing .frame-choices{margin:0 0 10px}.detail-framing .frame-choice{min-width:0}.detail-framing .framing-summary{margin:12px 0}.detail-framing .framing-summary dl{margin:0}.detail-grid .framing-add{font-size:16px}.detail-framing .frame-shipping-note{margin:8px 0 18px}.painting-detail .detail-gallery{position:sticky;top:100px}.framing-preview [data-preview-title]{font-size:24px}.frame-choice span{white-space:normal}
@media(max-width:760px){.painting-detail .detail-gallery{position:static}.painting-preview{padding:14px}.framing-stage canvas{max-height:500px}.detail-framing{margin-top:20px}.frame-choice strong,.frame-choice span{font-size:14px}.framing-orientation{font-size:14px}.detail-framing .frame-choices{gap:7px}}

.preview-return{display:none}.painting-preview{scroll-margin-top:100px}@media(max-width:760px){.preview-return{display:inline-block;font-size:14px;text-decoration:underline;padding:10px 0}}
