/* Gallery presentation only. Frame, mount and wall rendering colours are unchanged. */
:root{--cream:#f8f7f2;--warm:#eeede7;--muted:#b9c1cf;--mid:#53617a;--dark:#14213d;--green:#14213d;--green2:#2a4268;--green-light:#e9edf4;--teal:#2a4268;--teal-border:#aeb9c9;--accent:#14213d;--amber:#806000;--panel:#fffefb;--brand-gold:#d4a017;--brand-navy:#14213d}
[data-theme="dark"]{--cream:#111a2b;--warm:#202c42;--muted:#65738c;--mid:#c0cadb;--dark:#f8f7f2;--green:#d4a017;--green2:#edcb6d;--green-light:#29344a;--teal:#d4a017;--teal-border:#65738c;--accent:#d4a017;--panel:#19243a}
body{font-family:Arial,Helvetica,sans-serif}button,input,select{font-family:Arial,Helvetica,sans-serif!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--dark)!important;outline-offset:3px}button{transition:background .15s,border-color .15s,box-shadow .15s}.section-card{border:1px solid var(--warm);border-radius:3px;box-shadow:none;padding:14px 12px;margin-bottom:10px}.toggle-pill{border-radius:3px;padding:3px;gap:2px}.toggle-pill button{border-radius:2px;padding:6px 12px;letter-spacing:0;font-size:12px}.toggle-pill button.active{background:var(--green);color:var(--cream);box-shadow:none}.kind-btn,.shadow-btn{border-radius:2px}.kind-btn{padding:7px 4px}.upload-zone{border:1px dashed var(--mid);border-radius:3px;min-height:320px;background:var(--panel);box-shadow:0 12px 45px rgb(20 33 61 / 4%)}.upload-zone:hover,.upload-zone.dragging{background:var(--green-light)}
.gallery-header{background:var(--brand-gold)!important;background-image:none!important;color:var(--brand-navy);border-bottom:1px solid rgb(20 33 61 / 20%)!important;grid-template-columns:290px minmax(0,1fr) auto!important;padding:19px 28px!important;min-height:104px;gap:16px}.gallery-header-overlay{display:none}.gallery-wordmark{display:block;line-height:0;width:270px}.gallery-wordmark img{display:block;width:100%;height:auto}.gallery-app-label{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-navy);margin-top:6px}.gallery-brand-note{display:none}.gallery-brand>a:not(.gallery-wordmark){color:var(--brand-navy)!important;font-size:10px!important}.gallery-header>a{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;border-radius:2px!important;padding:10px 15px!important;box-shadow:none!important;animation:none!important;font:11px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;margin:0!important}.gallery-header-tools{gap:8px!important}.gallery-header-tools button{min-height:26px}.gallery-header-tools .toggle-pill{background:rgb(20 33 61 / 12%)}.gallery-header-tools .toggle-pill button{color:var(--brand-navy)}.gallery-header-tools .toggle-pill button.active{color:#f8f7f2;background:var(--brand-navy)}
.gallery-intro{flex-basis:330px!important;padding:40px 28px!important;align-items:flex-start!important;background:var(--panel)}.gallery-intro p:not(.studio-eyebrow){font:13px/1.8 Arial,Helvetica,sans-serif!important;color:var(--mid)}.studio-eyebrow{font:9px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:var(--mid);margin-bottom:20px}.studio-title{font:normal 48px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0 0 24px}.studio-title em{font-weight:normal}.gallery-intro button{border-radius:2px!important;padding:14px 12px!important;gap:10px!important}.gallery-intro button span:first-child{font-size:12px!important}.gallery-intro button span:last-child{font-size:11px!important;line-height:1.5!important}.gallery-context-panel{border-right:1px solid var(--warm);background:var(--panel)}.gallery-control-panel{border-left:1px solid var(--warm);background:var(--panel);padding:16px 12px!important}.upload-zone>div{font-family:Arial,Helvetica,sans-serif!important}.upload-zone>div:nth-of-type(1){font:normal 28px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:-.5px}
@media(max-width:1100px){.gallery-header{grid-template-columns:250px minmax(0,1fr) auto!important;padding:15px 20px!important;gap:12px}.gallery-wordmark{width:235px}.gallery-header>a{font-size:10px!important;padding:8px 10px!important}.gallery-intro{flex-basis:280px!important;padding:30px 22px!important}.studio-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* One compact gap between outlined cards; no added card margins or spacer rows. */
.gallery-context-panel,.gallery-control-panel{gap:4px!important}.gallery-context-panel>.section-card,.gallery-control-panel>.section-card{margin-top:0!important;margin-bottom:0!important;flex-shrink:0}.gallery-control-panel>.card-spacer{display:none}

/* Readable help, with topic selection and navigation next to the content. */
.studio-guide-backdrop{position:fixed;inset:0;z-index:1000;background:rgb(20 33 61 / 42%);display:flex;align-items:center;justify-content:center;padding:24px}
.studio-guide{width:min(1120px,100%);height:min(680px,calc(100dvh - 48px));display:flex;flex-direction:column;background:var(--panel);color:var(--dark);border:1px solid var(--muted);box-shadow:0 24px 80px rgb(20 33 61 / 22%);border-radius:4px;overflow:hidden;outline:none}
.studio-guide-header{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-bottom:1px solid var(--muted);gap:24px;flex-shrink:0}.studio-guide-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:var(--mid);margin-bottom:8px}.studio-guide-header h2{font:normal 32px/1.2 Georgia,serif;letter-spacing:-.6px}.studio-guide-close{display:flex;gap:14px;align-items:center;background:transparent;border:1px solid var(--muted);border-radius:2px;color:var(--dark);padding:9px 13px;font-size:13px;cursor:pointer}.studio-guide-close span{font-size:24px;line-height:1}
.studio-guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0}.studio-guide-topics{overflow:auto;background:var(--cream);border-right:1px solid var(--muted);padding:18px 12px}.studio-guide-topics button{display:flex;align-items:baseline;gap:10px;width:100%;padding:12px;text-align:left;background:transparent;color:var(--mid);border:1px solid transparent;font-size:13px;line-height:1.5;cursor:pointer;border-radius:2px}.studio-guide-topics button:hover{background:var(--warm);color:var(--dark)}.studio-guide-topics button[aria-current]{background:var(--green);color:var(--cream)}.studio-guide-number{font-size:10px;opacity:.75;min-width:18px}.studio-guide-version{font-size:10px;color:var(--mid);padding:20px 12px 4px}
.studio-guide-reading{min-width:0;min-height:0;display:flex;flex-direction:column;padding:30px 40px}.studio-guide-article{overflow:auto;min-height:0;padding-right:12px;max-width:680px}.studio-guide-progress{font-size:11px!important;letter-spacing:.12em;color:var(--mid)!important;margin-bottom:18px!important}.studio-guide-article h3{font:normal 32px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 24px}.studio-guide-article p{font:16px/1.8 Arial,Helvetica,sans-serif;color:var(--dark);margin:0 0 18px}.studio-guide-article a{color:inherit;text-underline-offset:4px}.studio-guide-collection{padding-top:20px;border-top:1px solid var(--muted)}.studio-guide-pagination{display:flex;justify-content:flex-start;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--muted);flex-shrink:0;max-width:668px}.studio-guide-pagination button{padding:11px 17px;font-size:14px;border:1px solid var(--muted);background:transparent;color:var(--dark);cursor:pointer;border-radius:2px}.studio-guide-pagination button:disabled{opacity:.4;cursor:default}.studio-guide-pagination .studio-guide-next{background:var(--green);border-color:var(--green);color:var(--cream)}
@media(max-width:1000px){.studio-guide-backdrop{padding:16px}.studio-guide{height:calc(100dvh - 32px)}.studio-guide-layout{grid-template-columns:210px minmax(0,1fr)}.studio-guide-header{padding:22px 24px}.studio-guide-reading{padding:24px}.studio-guide-topics button{padding:10px 8px;font-size:12px}.studio-guide-article h3{font-size:28px}}

/* Everyday choices first; technical measurements and fine adjustments stay available. */
.studio-dimension-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--warm);font:10px/1.5 Arial,Helvetica,sans-serif}.studio-dimension-row>span{color:var(--mid)}.studio-dimension-row strong{font-weight:500;color:var(--dark);text-align:right}.studio-dimension-row:last-child{border-bottom:0}.studio-disclosure{margin-top:12px;border-top:1px solid var(--muted);padding-top:10px}.studio-disclosure>summary{cursor:pointer;font:11px/1.6 Arial,Helvetica,sans-serif;color:var(--dark);padding:4px 0;list-style-position:inside}.studio-disclosure>summary:focus-visible{outline:2px solid var(--dark);outline-offset:3px}.studio-disclosure-body{padding-top:12px}.studio-measurements .studio-disclosure-body{padding-top:4px}.studio-disclosure-note{font:11px/1.7 Arial,Helvetica,sans-serif;color:var(--mid);margin-top:9px}.studio-disclosure:not([open])>.studio-disclosure-note{display:none}.studio-adjusted{font-size:9px;color:var(--mid);float:right;padding-top:2px}.studio-advanced .studio-disclosure-body>div:first-child{margin-top:0}

/* Collapsing keeps the picker’s top-left anchor and chosen colours. */
.studio-picker-collapsed{width:38px;height:38px}.studio-picker-collapsed>button:first-child{display:grid;place-items:center;width:38px;height:38px;padding:8px;background:var(--brand-navy);border:1px solid var(--brand-gold);border-radius:7px;box-shadow:0 3px 14px rgb(20 33 61 / 20%);cursor:pointer}.studio-picker-mini-swatches{display:grid;grid-template-columns:repeat(2,8px);gap:3px}.studio-picker-mini-swatches i{display:block;width:8px;height:8px;background:#d4a017;border-radius:2px;border:1px solid rgb(255 255 255 / 35%)}.studio-picker-mini-swatches i:last-child{background:#f8f7f2}

/* Minimise leaves a launcher; close removes both picker and launcher. */
.studio-picker-window-controls{display:flex;gap:2px;flex-shrink:0;margin-left:4px}.studio-picker-window-controls button{display:grid;place-items:center;width:20px;height:22px;padding:0;border:0;background:transparent;color:var(--dark);font-size:18px;line-height:1;cursor:pointer}.studio-picker-collapsed>.studio-picker-dismiss{position:absolute;right:-7px;top:-7px;width:19px;height:19px;border-radius:50%;border:1px solid var(--muted);background:var(--panel);color:var(--dark);font-size:14px;line-height:1;cursor:pointer;padding:0}