.studio-detail{padding:0;border:1px solid #d5aa60;border-radius:12px;background:#111c30;color:#f5e9ce;width:min(900px,94vw);max-height:90dvh;box-shadow:0 25px 90px #000c;font:17px/1.55 system-ui,sans-serif}.studio-detail::backdrop{background:#020710b8;backdrop-filter:blur(5px)}.detail-shell{padding:28px}.detail-header{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid #ac874952;margin-bottom:20px}.detail-header h2{font:30px Georgia;color:#f4d28e;margin:0 0 16px}.detail-close{align-self:flex-start}.studio-detail button{cursor:pointer;font:inherit;color:#f4e5bf;background:#25344a;border:1px solid #ac8749;border-radius:6px;padding:10px 16px}.studio-detail button:hover{background:#354862}.studio-detail button:focus-visible,.studio-detail input:focus-visible,.studio-detail textarea:focus-visible,.studio-detail select:focus-visible{outline:3px solid #ffd378;outline-offset:3px}.studio-detail label{display:block;margin:12px 0}.studio-detail input:not([type=checkbox]),.studio-detail textarea,.studio-detail select{box-sizing:border-box;width:100%;background:#f8efd9;color:#1b2230;border:1px solid #bb955a;border-radius:5px;padding:12px;font:inherit}.studio-detail input[type=checkbox]{width:19px;height:19px;margin-right:12px;accent-color:#b8873f}.studio-detail fieldset{border:1px solid #ac87494d;margin:18px 0;padding:12px 18px}.studio-detail legend{color:#f1ce8d}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.detail-note{color:#c4cbd5;font-size:14px}.detail-total{font-size:24px;color:#f6d798}.detail-option{display:flex!important;align-items:center;gap:10px}.detail-option span{flex:1}.detail-option small{color:#c3cad5}.detail-status{white-space:pre-wrap}.detail-preview{height:260px;background-image:url('./assets/room-works-clean-v12.webp');border:1px solid #b89963;border-radius:7px;background-size:238% 278%;background-position:50% 53.49%}.detail-preview.left{background-size:643.08% 537.71%;background-position:5.312% 57.18%}.detail-preview.right{background-size:655.69% 553.53%;background-position:95.27% 55.77%}.book-page[role=button],.gallery-card[role=button],.principles span[role=button],.steps[role=button]{cursor:pointer}.book-page[role=button]:focus-visible,.gallery-card[role=button]:focus-visible{outline:3px solid #eec779}.studio-detail textarea{min-height:120px}@media(max-width:600px){.detail-shell{padding:18px}.detail-header h2{font-size:24px}.detail-option{align-items:flex-start;flex-wrap:wrap}.detail-option small{padding-left:30px}.detail-preview{height:180px}}

.studio-detail .about-modal-lead{font:24px/1.4 Georgia;color:#f3d190;border-left:3px solid #b99556;padding-left:18px;margin-bottom:24px}

.calculator-total{position:sticky;top:0;z-index:2;background:#17273c;border-block:1px solid #bc9556;padding:14px;font:bold 24px Georgia;color:#f6d798}.calculator-option{display:flex;gap:10px;align-items:center}.calculator-option .detail-option{flex:1;min-width:0}.studio-detail .option-info{border-radius:50%;width:32px;height:32px;flex:0 0 32px;padding:0;font:italic bold 20px Georgia}.option-info-base{margin-top:10px}.option-explanation{width:min(640px,92vw)}.option-explanation p{line-height:1.7}@media(max-width:600px){.calculator-total{font-size:21px}.calculator-option .detail-option small{width:100%}}

/* Real portfolio: preserve screenshots, never stretch the source UI. */
.gallery-card.portfolio-card{background:#0b1422!important;overflow:hidden}.portfolio-card img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.portfolio-gallery{border:1px solid #bc97576b;background:#081221;border-radius:8px;padding:10px;outline-offset:4px}.portfolio-gallery figure{margin:0;touch-action:pan-y}.portfolio-gallery figure>img{display:block;width:100%;height:auto;max-height:52dvh;object-fit:contain;aspect-ratio:16/9;background:#081221;border-radius:3px}.portfolio-gallery figcaption{text-align:center;color:#e8d7b4;font-size:14px;padding:10px 5px;min-height:24px}.portfolio-navigation{display:flex;justify-content:center;align-items:center;gap:22px}.portfolio-navigation span{min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.portfolio-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.studio-detail .portfolio-thumbnails button{padding:4px 12px;font-size:14px}.portfolio-thumbnails [aria-pressed=true]{background:#b28a47;color:#071020;border-color:#f3d291}.portfolio-lead{font-size:19px;color:#f5e6c8}.portfolio-gallery:focus-visible{outline:2px solid #f3d291}@media(max-width:600px){.portfolio-gallery{padding:6px}.portfolio-gallery figure>img{max-height:45dvh}.portfolio-lead{font-size:17px}}

/* Keep explanations beside option names, independently of prices. */
.calculator-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.calculator-caption{display:flex;align-items:center;gap:8px;min-width:0}.calculator-option .detail-option{flex:0 1 auto;margin:0}.calculator-price{color:#c3cad5;white-space:nowrap}.calculator-option>input{margin:0}.calculator-caption .option-info{margin:0}@media(max-width:600px){.calculator-option{grid-template-columns:auto minmax(0,1fr)}.calculator-price{grid-column:2}.calculator-caption .detail-option{padding:0}}
/* Castle interiors: a shared frame for every detail and explanation dialog. */
.studio-detail{border:5px double #ae8548;border-radius:3px;background:radial-gradient(ellipse at 15% 0,#45505b55,transparent 55%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px),#171c24;color:#f3e4c7;box-shadow:0 0 0 2px #302317,0 0 0 7px #080d13bb,0 28px 100px #000e,inset 0 0 65px #0008;scrollbar-color:#ad8749 #171c24}
.detail-shell{padding:28px 32px;background:linear-gradient(90deg,#9b702c15,transparent 12%,transparent 88%,#9b702c15)}
.detail-header{position:relative;border-bottom:3px double #ae8548;padding-bottom:12px;margin-bottom:24px;gap:16px}
.detail-header:after{content:'◆';position:absolute;bottom:-13px;left:50%;padding:0 12px;background:#1b2027;color:#c6a060;font-size:16px;pointer-events:none}
.detail-header h2{font:bold 32px/1.2 Georgia,serif;color:#f0d399;text-shadow:0 2px 2px #000;margin:0 0 10px}
.studio-detail button{background:linear-gradient(#39404a,#1d242d 48%,#10171f);border:2px solid #b68b48;border-radius:2px;box-shadow:inset 0 0 0 2px #101720,inset 0 0 0 3px #b68b4838,0 3px 5px #0006;color:#ffe2ab;padding:11px 18px;font:600 17px/1.35 Georgia,serif;transition:filter .18s,border-color .18s}
.studio-detail button:hover{background:linear-gradient(#515362,#292f3a);border-color:#f6d494;filter:brightness(1.1)}
.studio-detail .detail-close{font:15px/1.3 system-ui;white-space:nowrap;padding:10px 13px}
.studio-detail input:not([type=checkbox]):not([type=radio]),.studio-detail textarea,.studio-detail select{background:linear-gradient(100deg,#e6d0a1,#faf0d4 35%,#ead6ac);color:#302319;border:2px solid #a58148;border-radius:2px;box-shadow:inset 0 2px 8px #62452126;font-size:17px}
.studio-detail fieldset{border:3px double #ad894f70;background:linear-gradient(100deg,#9a742614,transparent 60%);padding:16px 18px;margin:24px 0}
.studio-detail legend{font:22px Georgia;color:#edd09a;padding:0 10px}.studio-detail .detail-note{color:#dfd0b3;font-size:16px;line-height:1.6}
.studio-detail .calculator-total{background:linear-gradient(100deg,#422d20,#2a241f,#422d20);border:3px double #b18a4e;color:#ffe0a0;box-shadow:0 4px 12px #0007;padding:16px;font: bold 26px Georgia}
.calculator-option{padding:8px 0;border-bottom:1px solid #c29a5524}.calculator-option:last-child{border-bottom:0}.calculator-price{color:#f2d699;font-size:15px}.calculator-caption{gap:9px}.studio-detail .option-info{border-radius:50%;width:30px;height:30px;flex-basis:30px;font:italic bold 19px Georgia;padding:0;box-shadow:inset 0 0 0 2px #171c24}
.studio-detail.option-explanation .detail-shell>p{color:#382719;background:linear-gradient(100deg,#d8bd88,#f4e5c0 25%,#ebd7ad 80%,#cfb07b);padding:22px;border:3px double #ab844b;box-shadow:inset 0 0 22px #7f592222;font-size:18px;line-height:1.65}
.studio-detail .portfolio-gallery{border:5px double #a88447;border-radius:2px;background:#121820;box-shadow:0 5px 20px #0008}.studio-detail .portfolio-gallery figcaption{color:#e8d4ad;font-family:Georgia;font-size:17px}
.studio-detail .about-modal-lead{color:#f5dca8;border-left:4px double #c39b56}.studio-detail .review-intro>p{color:#dfd0b3}.studio-detail .review-rating{background:none;border:0}.studio-detail .review-write{background:linear-gradient(#e2c48a,#b58b4b);color:#2b2014}.studio-detail .review-star input{box-shadow:none}
@media(max-width:600px){.detail-shell{padding:20px 16px}.detail-header{align-items:flex-start;gap:10px}.detail-header h2{font-size:25px;overflow-wrap:anywhere}.studio-detail .detail-close{font-size:13px;padding:8px}.studio-detail fieldset{padding:12px}.studio-detail .calculator-total{font-size:22px}.studio-detail.option-explanation .detail-shell>p{padding:16px}.calculator-price{font-size:16px}}
/* Compact controls sit outside the screenshot frame. */
.portfolio-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin:8px 0 12px}.portfolio-controls .portfolio-navigation{gap:8px}.portfolio-controls .portfolio-navigation span{min-width:40px;font-size:13px}.portfolio-controls .portfolio-thumbnails{margin:0;gap:5px}.studio-detail .portfolio-controls button{min-width:30px;height:30px;padding:2px 7px;font:15px/1.2 Georgia;border-width:1px;box-shadow:none}.studio-detail .portfolio-controls button[aria-pressed=true]{background:#b28a47;color:#17120c;border-color:#f3d291}.studio-detail .portfolio-gallery figcaption{padding:6px 4px;min-height:0;font-size:15px}
.portfolio-scope{margin:24px 0}.portfolio-scope>h3{font:26px Georgia;color:#f1d294;border-bottom:3px double #a8844766;padding-bottom:12px}.portfolio-scope h4{font:21px Georgia;color:#f1d294;margin:22px 0 10px}.portfolio-scope ul{margin:0;padding-left:22px}.portfolio-scope li{padding:4px 0 7px 4px;line-height:1.55}.portfolio-scope li::marker{color:#d2ac66}