/* © 2026 Roundbuilt Customs LLC. All rights reserved. */
:root{--tenant-accent:#cf9766;--tenant-dark:#28342f}
.tenant-preview{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 16px;background:#17221f;color:#fff7e8;font-size:11px;letter-spacing:.7px}.tenant-preview strong{margin-right:8px}.tenant-preview a{color:#fff7e8;text-decoration:none;border:1px solid #ffffff55;border-radius:999px;padding:4px 11px}.tenant-preview a[aria-current=page]{background:var(--copper);border-color:var(--copper)}
.header-actions{display:flex;align-items:center;gap:9px}.partner-link{background:var(--copper);border:1px solid var(--copper);border-radius:999px;color:#fff8ec;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:8px 12px;white-space:nowrap}.partner-link:hover{background:#914820}.partner-link span{margin-left:5px}
.paged-studio header,.paged-studio .page-turn{background:var(--tenant-dark)}.paged-studio .brandmark{border-color:var(--tenant-accent);color:var(--tenant-accent)}
body.paged-studio.tenant-preview-active{grid-template-rows:auto 64px 62px minmax(0,1fr) 68px}
@media(max-width:700px){body.paged-studio.tenant-preview-active{grid-template-rows:auto 60px 54px minmax(0,1fr) 60px}.paged-studio[data-page=design] .intro{display:none}.paged-studio[data-page=design] .left{order:0}.paged-studio[data-page=design] .workspace{order:1}.paged-studio[data-page=design] #furnish>h2{font-size:27px;margin-bottom:10px}.paged-studio[data-page=design] .inspiration-open{margin-bottom:10px}.tenant-preview{flex-wrap:wrap;gap:6px;padding:6px 10px}.tenant-preview strong{width:100%;margin:0;text-align:center;font-size:9px}}
:root{--paper:#f3efe5;--ink:#23241f;--muted:#706e63;--copper:#b75f32;--line:#dad5c8;--olive:#5b6049;--white:#fbf9f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:transparent;color:inherit;border:1px solid var(--line);padding:10px 14px;border-radius:5px;transition:background .18s,box-shadow .18s}button:hover{background:#e6e0d2}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--copper);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(32px,3.2vw,52px);letter-spacing:-1.6px}h2{font-size:29px;letter-spacing:-.6px}h3{font-size:14px;font-weight:600}em{font-weight:400;color:var(--copper)}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 3vw;background:var(--white)}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:2px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.9px;margin-top:2px}.brandmark{font:32px Georgia;border:1px solid var(--copper);color:var(--copper);border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.tagline{letter-spacing:2.4px;font-size:10px}.private{font-size:9px;letter-spacing:1.4px;color:var(--olive);border:1px solid #d1d3c6;padding:7px 12px;border-radius:30px}main{max-width:1920px;margin:auto}.intro{padding:34px 3vw 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--olive);margin-bottom:12px}.intro h1{margin-bottom:12px}.intro p:not(.eyebrow){color:var(--muted)}.intro-actions{display:flex;gap:8px}.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.dark:hover{background:#3c4034}.dark span,.primary span{margin-left:10px}.studio{display:grid;grid-template-columns:285px minmax(0,1fr) 265px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:700px}.left,.right{padding:24px;background:var(--white)}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.steps{display:flex;border-bottom:1px solid var(--line);margin:-6px 0 25px;padding-bottom:12px;gap:3px}.steps button{flex:1;padding:8px 3px;border:0;color:var(--muted);font-size:11px}.steps button span{display:block;font-size:9px;white-space:nowrap}.steps .active{color:var(--copper);background:#eee7dc}.panel h2{font-size:27px;margin-bottom:20px}.style-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-choices button{padding:16px 8px;text-align:left;display:flex;flex-direction:column;gap:7px;font-size:11px}.style-choices button.selected{border-color:var(--copper);background:#f0e7d9;box-shadow:inset 0 0 0 1px var(--copper)}.style-choices small{font-size:10px;color:var(--muted);line-height:1.4}.shape{display:block;background:repeating-linear-gradient(0deg,#aa9f88,#aa9f88 1px,#ded5c1 1px,#ded5c1 5px);width:44px;height:44px;border:1px solid #8b7b65;border-radius:50%;margin-bottom:8px}.shape.half{height:23px;border-radius:44px 44px 0 0;margin-top:21px}.section-label{display:flex!important;justify-content:space-between;margin:24px 0 10px!important}.section-label span{font-weight:400;color:var(--muted)}.sizes{display:flex;gap:6px}.sizes button{flex:1;padding:10px 0;font-size:16px}.sizes button.selected{background:var(--ink);color:white;border-color:var(--ink)}.hint{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 15px}.area{padding:14px 0 20px;border-bottom:1px solid var(--line);margin-bottom:22px}.area strong{font-size:23px;font-weight:500}.area span{display:block;font-size:10px;color:var(--muted)}label{display:block;font-size:11px;font-weight:600;margin:15px 0 6px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:4px;margin-top:5px}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--olive);margin:3px 0;flex-shrink:0}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:18px 0}.check strong{font-weight:500}.check small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.primary{background:var(--copper);color:white;border:1px solid var(--copper);font-weight:600;padding:14px 13px}.primary:hover{background:#934a27}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.workspace{min-width:0;background:#eeeadd}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 24px;background:#f7f4eb}.workspace-head input{background:transparent;padding:0;border:0;font-family:Georgia,serif;font-size:22px;max-width:280px;margin:0}.workspace-head p{font-size:10px;color:var(--muted);margin-top:5px}.view-switch{display:flex;background:#e8e4d9;padding:3px;border-radius:5px;flex-shrink:0}.view-switch button{font-size:11px;border:0;padding:8px 12px}.view-switch [aria-pressed=true]{background:var(--white);box-shadow:0 2px 4px #0001}.scene{height:480px;position:relative;background:#eae6db;overflow:hidden}.scene canvas{width:100%;height:100%;display:block;touch-action:none}.scene-badge{position:absolute;top:22px;left:24px;color:#6c6e5e;font-size:8px;letter-spacing:2px;pointer-events:none}.scene-guide{position:absolute;bottom:64px;width:100%;text-align:center;font-size:10px;color:#66675b;pointer-events:none}.scene-tools{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:5px}.scene-tools button{background:#fbf9f0eF;padding:7px 11px;font-size:11px;box-shadow:0 2px 7px #0001}.under-scene{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.under-scene button{font-size:10px;padding:6px 8px;border:0}.under-scene i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--olive);margin-right:4px}.object-editor{background:var(--white);padding:18px 24px;border-bottom:1px solid var(--line)}.editor-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-title button{font-size:10px;padding:5px 8px}.editor-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}.editor-fields label{margin:8px 0 0;font-size:10px}.editor-fields input{padding:6px}.item-name{grid-column:span 3}.design-bottom{padding:28px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.design-bottom h2{font-size:25px}.design-bottom p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:10px}.design-bottom button{font-size:11px;flex-shrink:0}.right>h2{font-size:37px;margin-bottom:28px}.summary-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.summary-line>span{color:var(--muted)}.summary-line strong{font-weight:500;text-align:right}.right ul{font-size:10px;color:var(--muted);padding-left:15px;line-height:1.9;margin:18px 0 26px}.quote{border-top:1px solid var(--line);padding-top:24px}.quote>span{font-size:8px;color:var(--olive);letter-spacing:1.3px}.quote h3{font:25px Georgia;margin:8px 0 10px}.quote p{font-size:11px;color:var(--muted);margin-bottom:18px}.quote button{width:100%;font-size:12px}.quote small{font-size:9px;display:block;color:var(--muted);line-height:1.5;margin-top:10px}.promise{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;color:var(--olive);font:italic 18px Georgia}.promise>span{font-size:32px}.text-button{border:0;font-size:11px;padding:15px 0}.import-label{font-size:10px}.import-label input{font-size:10px;padding:5px}.categories{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.categories button{font-size:10px;padding:6px 8px}.categories .active{background:var(--ink);color:white}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog button{text-align:left;padding:12px 10px;background:#f2eee4;border-color:transparent;min-height:110px}.catalog button:hover{border-color:var(--copper);background:#ece3d4}.catalog .icon{display:block;font:30px Georgia;color:var(--copper);margin-bottom:8px}.catalog strong{font-size:11px;display:block}.catalog small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.starter{border-top:1px solid var(--line);margin:20px 0;padding-top:18px}.starter button{font-size:10px;width:100%}.review{margin:0 24px 16px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.review summary{cursor:pointer}.review ul{padding-left:16px;line-height:1.8}.item-list{padding:0 24px 20px;display:flex;flex-wrap:wrap;gap:5px}.item-list button{font-size:10px;padding:5px 8px;background:#f7f4eb}.item-list button.selected{border-color:var(--copper);color:var(--copper)}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 3vw;font-size:9px;color:var(--muted)}dialog{width:min(900px,94vw);max-height:90vh;border:1px solid var(--line);background:var(--paper);padding:30px;border-radius:10px;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#20251bd0;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head>button{align-self:flex-start;font-size:22px;padding:0 10px}dialog>p,form>p{font-size:12px;color:var(--muted);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.compare-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.compare-actions button{font-size:11px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-card{background:var(--white);padding:20px;border:1px solid var(--line);border-radius:6px}.compare-card h3{font:23px Georgia;margin:8px 0}.compare-card canvas{width:100%;height:200px;display:block}.compare-card p{font-size:12px;margin:8px 0}.compare-card button{width:100%;margin-top:10px}.compare-card .metrics{font:25px Georgia;color:var(--copper)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(540px,90vw);background:var(--ink);color:white;padding:12px 22px;border-radius:6px;z-index:10;box-shadow:0 5px 30px #0002;font-size:12px;display:none}#toast.show{display:block}.sr-only,.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;z-index:100;background:white;padding:10px}[hidden]{display:none!important}@media(min-width:1600px){.studio{grid-template-columns:315px minmax(0,1fr) 295px}.scene{height:590px}.left,.right{padding:30px}}@media(max-width:1150px){.studio{grid-template-columns:260px minmax(0,1fr)}.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 30px}.right>h2,.right>.eyebrow,.promise{display:none}.quote{grid-column:3;grid-row:1/6;border:0;padding:0}.right ul{margin:0}.intro-actions button{font-size:11px}.tagline{display:none}.design-bottom{flex-wrap:wrap}.scene{height:450px}}@media(max-width:700px){header{height:70px;padding:0 18px}.brand{font-size:13px}.brand small{font-size:7px}.brandmark{width:37px;height:37px;font-size:27px}.private{font-size:7px;padding:5px 7px}.intro{padding:24px 18px;display:block}.intro h1{font-size:36px}.intro-actions{margin-top:18px}.studio{display:flex;flex-direction:column}.workspace{order:0}.left{order:1;border-right:0;border-top:1px solid var(--line);padding:20px}.right{order:2;display:block;padding:24px}.workspace-head{padding:16px}.workspace-head input{font-size:19px;width:190px}.view-switch button{padding:7px 8px;font-size:10px}.scene{height:365px}.design-bottom{display:none}.under-scene{padding:10px 14px}.object-editor{padding:16px}.review{margin:12px 16px}.item-list{padding:0 16px 14px}.steps{position:sticky;top:0;background:var(--white);z-index:2}.steps button{font-size:12px}.steps button span{font-size:11px}.catalog{grid-template-columns:repeat(3,1fr)}.catalog button{min-height:100px}.panel h2{font-size:29px}.style-choices button{display:grid;grid-template-columns:40px 1fr;align-items:center}.shape{grid-row:span 2;width:34px;height:34px;margin:0}.shape.half{height:18px;margin:0}.style-choices small{grid-column:2}.quote{margin-top:20px}.right .summary-line{padding:10px 0}.right .quote button{font-size:15px}.right ul{margin:15px 0}.form-grid,.comparison{grid-template-columns:1fr}dialog{padding:22px}.compare-card canvas{height:220px}footer{flex-direction:column;padding:20px}.scene-badge{font-size:7px;left:16px}.eyebrow{font-size:8px}}
.under-scene #delete-selected:not(:disabled){color:#9d3825;font-weight:650}
.catalog-heading{font-size:10px;font-weight:700;color:var(--olive);letter-spacing:.8px;text-transform:uppercase;margin:-5px 0 10px}
/* Studio collection and printable concept presentation, v0.2. */
.intro-actions{flex-wrap:wrap;justify-content:flex-end}.inspiration-strip{padding:0 3vw 32px}.inspiration-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:18px}.inspiration-heading h2{font-size:26px}.inspiration-heading .eyebrow{margin:0}.inspiration-heading .hint{margin:0}.inspiration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inspiration-card{padding:0;display:grid;grid-template-columns:38% 1fr;overflow:hidden;text-align:left;background:var(--white);border-color:var(--line);min-width:0}.inspiration-card:hover{border-color:var(--copper);box-shadow:0 6px 20px #46331812}.inspiration-card canvas{width:100%;height:145px;pointer-events:none;display:block}.inspiration-copy{padding:18px 14px;min-width:0}.inspiration-copy strong{display:block;font:22px/1.15 Georgia,serif}.inspiration-copy small{display:block;font-size:11px;color:var(--muted);margin:8px 0 13px}.inspiration-link{font-size:9px;letter-spacing:1.3px;color:var(--copper);font-weight:650}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.library-card{background:var(--white);border:1px solid var(--line);padding:18px}.library-card h3{font:23px Georgia}.library-card canvas{width:100%;height:200px;display:block}.library-card p{font-size:11px;margin:12px 0}.library-card button{width:100%}.sheet-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sheet-controls p{margin-right:auto;font:20px Georgia}.concept-sheet{padding:32px;background:#fffdf7;color:#23241f}.sheet-mast{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:2px solid #b75f32;margin-bottom:24px;gap:15px}.sheet-mast strong{letter-spacing:2px}.sheet-mast span{font-size:8px;letter-spacing:1px}.concept-sheet h1{font-size:36px;overflow-wrap:anywhere}.sheet-meta{font-size:10px;color:#706e63;margin:12px 0 20px}.sheet-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-visuals figure{margin:0;min-width:0}.sheet-visuals canvas{width:100%;height:240px;display:block}.sheet-visuals img{width:100%;display:block}.sheet-visuals figcaption{font-size:10px;margin-top:8px;color:#706e63}.sheet-details{border-top:1px solid #dad5c8;border-bottom:1px solid #dad5c8;padding:16px 0;margin:20px 0;font-size:12px}.sheet-details p+p{margin-top:6px}.concept-sheet h2{font-size:23px;margin:24px 0 12px}.concept-sheet table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;table-layout:fixed}.concept-sheet th,.concept-sheet td{padding:9px 5px;border-bottom:1px solid #dad5c8;overflow-wrap:anywhere;vertical-align:top}.concept-sheet th:first-child{width:32%}.concept-sheet ul{font-size:11px;padding-left:16px}.sheet-notes{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-disclaimer{font-size:10px;padding:12px;background:#f3efe5;margin-top:20px}.sheet-copyright{font-size:9px;margin-top:20px}.right>.text-button{display:block}
@media(max-width:1150px){.inspiration-copy strong{font-size:18px}.inspiration-card{grid-template-columns:1fr}.inspiration-card canvas{height:130px}.inspiration-heading .hint{width:100%}}
@media(max-width:700px){.inspiration-strip{padding:0 18px 22px}.inspiration-heading{gap:8px}.inspiration-heading h2{font-size:24px}.inspiration-cards{grid-template-columns:1fr;gap:9px}.inspiration-card{grid-template-columns:33% 1fr}.inspiration-card canvas{height:125px}.inspiration-copy{padding:14px}.inspiration-copy strong{font-size:21px}.inspiration-copy small{margin:5px 0 9px}.intro-actions{justify-content:flex-start}.library-grid{grid-template-columns:1fr}.concept-sheet{padding:16px}.concept-sheet h1{font-size:28px}.sheet-mast{flex-wrap:wrap}.sheet-visuals{grid-template-columns:1fr}.sheet-visuals canvas{height:230px}.sheet-controls{gap:8px}.sheet-controls p{width:100%}}
@media print{@page{size:letter;margin:14mm}body{background:white;font-size:10pt}body>*{display:none!important}body>#sheet-dialog[open]{display:block!important;position:static!important;max-width:none;width:100%;max-height:none;overflow:visible;padding:0;margin:0;border:0;box-shadow:none;background:white}#sheet-dialog::backdrop{display:none}.sheet-controls{display:none!important}.concept-sheet{padding:0;background:white}.sheet-visuals{display:grid;grid-template-columns:1fr 1fr;break-inside:avoid}.sheet-visuals img{max-height:230px;object-fit:contain}.sheet-details,.sheet-disclaimer,.sheet-mast{break-inside:avoid}.concept-sheet h2{break-after:avoid}.concept-sheet tr{break-inside:avoid}.concept-sheet thead{display:table-header-group}.concept-sheet table{font-size:9pt}.sheet-copyright{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.concept-sheet h1{font-size:28px}.sheet-mast{margin-bottom:16px;padding-bottom:12px}.sheet-meta{margin:8px 0 12px}.sheet-visuals img{max-height:165px}.sheet-details{margin:12px 0;padding:10px 0;font-size:10px}.sheet-details p+p{margin-top:3px}.concept-sheet h2{font-size:19px;margin:14px 0 8px}.concept-sheet th,.concept-sheet td{padding:5px}.concept-sheet table{font-size:8pt}.concept-sheet ul{font-size:9px;margin:8px 0}.sheet-disclaimer{font-size:9px;padding:8px;margin-top:10px}.sheet-copyright{font-size:8px;margin-top:10px}}
/* Distinct page-led Roundbuilt journey. Each route shows one step. */
@media screen{
body.paged-studio{height:100dvh;display:grid;grid-template-rows:70px 52px minmax(0,1fr) 66px;overflow:hidden;background:#eae4d8}
.paged-studio header{height:70px;background:#28342f;color:#faf5e8;border:0}.paged-studio .brand{color:#faf5e8}.paged-studio .brandmark{border-color:#cf9766;color:#cf9766}.paged-studio .private{color:#e4d8be;border-color:#627266}
.page-nav{display:flex;align-items:stretch;justify-content:center;gap:30px;background:#faf7ef;border-bottom:1px solid #d4caba}.page-nav a{display:flex;align-items:center;text-decoration:none;font-size:12px;letter-spacing:.5px;color:#6d7166;padding:0 12px;border-bottom:3px solid transparent}.page-nav a[aria-current]{border-color:#b75f32;color:#273a31;font-weight:700}
.paged-studio main{width:100%;max-width:none;min-height:0;display:flex;flex-direction:column;overflow:hidden}.paged-studio .intro{padding:20px 32px;flex-shrink:0;background:#eae4d8;gap:15px}.paged-studio .intro h1{font-size:34px;margin-bottom:7px;letter-spacing:-.8px}.paged-studio .intro .eyebrow{margin-bottom:6px}.paged-studio .intro p:not(.eyebrow){font-size:12px}.paged-studio .intro-actions button{font-size:11px;padding:8px 11px}
.paged-studio .studio{flex:1;min-height:0;border:0;display:grid;grid-template-columns:360px minmax(0,1fr);margin:0 24px 16px;gap:18px}.paged-studio .left{padding:24px;overflow:auto;border:1px solid #d4caba;border-radius:8px}.paged-studio .steps{display:none}.paged-studio .workspace{border:1px solid #d4caba;border-radius:8px;overflow:auto;display:flex;flex-direction:column;background:#e5e5d9}.paged-studio .scene{flex:1;min-height:220px;height:auto}.paged-studio .workspace-head{padding:14px 20px}.paged-studio .design-bottom{display:none}.paged-studio .under-scene{flex-shrink:0}.paged-studio .review{margin:8px 18px;font-size:10px}.paged-studio .item-list{padding:4px 18px 12px}.paged-studio .object-editor{flex-shrink:0}.paged-studio .right{display:none}.paged-studio footer{display:none}.page-turn{display:flex;align-items:center;justify-content:space-between;padding:10px 32px;background:#28342f;color:#faf5e8}.page-turn>span{font-size:11px;letter-spacing:1px}.page-turn button{border-color:#637065;min-width:100px;font-size:12px}.page-turn .primary{border-color:var(--copper)}
.paged-studio[data-page=choose] .review,.paged-studio[data-page=choose] .item-list,.paged-studio[data-page=choose] .object-editor{display:none!important}
.paged-studio[data-page=project] .studio{display:block;overflow:auto}.paged-studio[data-page=project] .workspace{display:none}.paged-studio[data-page=project] .left{max-width:980px;margin:auto;height:100%}.paged-studio #project{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.paged-studio #project>h2,.paged-studio #project>.eyebrow,.paged-studio #project>p,.paged-studio #project>h3{grid-column:1/-1}.paged-studio #project label:has(textarea){grid-column:1/-1}.paged-studio #project textarea{height:75px}
.paged-studio[data-page=review] .studio{grid-template-columns:minmax(0,1fr) 340px}.paged-studio[data-page=review] .left{display:none}.paged-studio[data-page=review] .right{display:block;border:1px solid #d4caba;border-radius:8px;overflow:auto;padding:22px}.paged-studio[data-page=review] .right>h2{font-size:30px;margin-bottom:12px}.paged-studio[data-page=review] .promise{display:none}.paged-studio[data-page=review] .object-editor{display:none!important}
.inspiration-open{margin:0 0 18px;color:#a04e29;border-color:#bca889}#ideas-dialog{width:min(1100px,94vw)}#ideas-dialog .inspiration-strip{padding:22px 0 0}.ideas-close{float:right}#ideas-dialog .inspiration-heading{clear:both}.paged-studio .panel>.wide[data-next]{display:none}
}
@media screen and (max-width:700px){
body.paged-studio{grid-template-rows:60px 54px minmax(0,1fr) 60px}.paged-studio header{height:60px;padding:0 14px}.paged-studio .private{display:none}.page-nav{gap:0;justify-content:space-between}.page-nav a{font-size:10px;letter-spacing:0;padding:0 8px;flex:1;text-align:center;justify-content:center}.paged-studio .intro{padding:13px 16px;display:block}.paged-studio .intro h1{font-size:25px}.paged-studio .intro p:not(.eyebrow){display:none}.paged-studio .intro-actions{margin-top:10px;gap:5px}.paged-studio .intro-actions button{font-size:10px;padding:6px 8px}.paged-studio .studio{display:flex;flex-direction:column;margin:0 10px 10px;gap:10px;overflow:auto}.paged-studio .workspace{order:0;flex-shrink:0;min-height:260px;overflow:visible}.paged-studio .scene{height:230px;min-height:230px}.paged-studio .left{order:1;overflow:visible;padding:18px;flex-shrink:0}.paged-studio .workspace-head{padding:10px}.paged-studio .workspace-head input{font-size:17px;width:180px}.paged-studio .under-scene{padding:7px}.paged-studio .review{margin:8px}.page-turn{padding:8px 12px}.page-turn>span{font-size:9px;letter-spacing:0}.page-turn button{min-width:60px;font-size:10px;padding:10px}.paged-studio[data-page=choose] .workspace{display:none}.paged-studio[data-page=project] .left{height:auto}.paged-studio #project{display:block}.paged-studio[data-page=review] .right{order:1;flex-shrink:0}.paged-studio[data-page=review] .item-list{display:none}#ideas-dialog .inspiration-cards{grid-template-columns:1fr}
}
@media screen{.paged-studio .left,.paged-studio .workspace,.paged-studio .right{min-height:0}.page-turn{position:relative;z-index:3}.paged-studio .scene canvas{position:absolute;inset:0}.paged-studio .scene{position:relative}}
@media screen{html:has(body.paged-studio){height:100%;overflow:hidden}.paged-studio[data-page=choose] #structure>h2,.paged-studio[data-page=choose] #structure>.eyebrow{display:none}}
@media screen and (max-width:700px){.paged-studio[data-page=choose] .area{padding:8px 0 12px;margin-bottom:12px}.paged-studio[data-page=choose] .check{margin:12px 0}.paged-studio[data-page=choose] .section-label{margin:16px 0 8px!important}.paged-studio[data-page=choose] .hint{margin:8px 0}.paged-studio[data-page=choose] .left{padding:16px}}
/* Allison's typography direction: prominent lettering and readable wording. */
@media screen{
.paged-studio{--muted:#4c5148;font-size:16px}
.paged-studio .brand{font-size:21px;font-weight:750}.paged-studio .brand small{font-size:11px}.paged-studio .tagline{font-size:12px;font-weight:650}.paged-studio .private{font-size:11px}
.paged-studio .page-nav a{font-size:15px;font-weight:600;color:#444d43}.paged-studio .page-nav a[aria-current]{font-weight:750}
.paged-studio .intro h1{font-size:44px;font-weight:500;line-height:1.12;letter-spacing:-.6px}.paged-studio .intro p:not(.eyebrow){font-size:16px;color:#414b40}.paged-studio .eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px}.paged-studio .intro-actions button{font-size:14px;font-weight:600;padding:10px 13px}
.paged-studio .panel h2{font-size:32px}.paged-studio h3{font-size:17px}.paged-studio .hint{font-size:14px;color:#4c5148;line-height:1.5}.paged-studio label{font-size:15px}.paged-studio input,.paged-studio select,.paged-studio textarea{font-size:16px}.paged-studio .check{font-size:15px}.paged-studio .check strong{font-weight:650}.paged-studio .check small{font-size:13px;color:#4c5148}.paged-studio .style-choices strong{font-size:16px;font-weight:700}.paged-studio .style-choices small{font-size:13px}.paged-studio .sizes button{font-size:21px;font-weight:650}.paged-studio .area strong{font-size:29px}.paged-studio .area span{font-size:13px}
.paged-studio .workspace-head input{font-size:27px;font-weight:500;max-width:360px}.paged-studio .workspace-head p{font-size:14px}.paged-studio .view-switch button,.paged-studio .scene-tools button{font-size:14px;font-weight:600}.paged-studio .scene-guide{font-size:13px}.paged-studio .scene-badge{font-size:11px}.paged-studio .under-scene{font-size:12px}.paged-studio .under-scene button{font-size:13px}.paged-studio .review{font-size:14px}.paged-studio .item-list button{font-size:13px;padding:7px 10px}.paged-studio .editor-fields label{font-size:14px}.paged-studio .editor-title button{font-size:13px}
.paged-studio .categories button{font-size:14px;font-weight:600;padding:8px 10px}.paged-studio .catalog strong{font-size:16px;line-height:1.3}.paged-studio .catalog small{font-size:13px}.paged-studio .catalog button{min-height:130px}.paged-studio .starter button,.paged-studio .inspiration-open{font-size:14px;font-weight:600}
.paged-studio .summary-line{font-size:15px}.paged-studio .summary-line strong{font-weight:650}.paged-studio .right ul{font-size:14px}.paged-studio[data-page=review] .right>h2{font-size:38px}.paged-studio .quote>span{font-size:11px;font-weight:700}.paged-studio .quote h3{font-size:30px}.paged-studio .quote p{font-size:15px}.paged-studio .quote button{font-size:17px}.paged-studio .quote small{font-size:13px}.paged-studio .text-button,.paged-studio .import-label{font-size:14px}.paged-studio .import-label input{font-size:13px}
.paged-studio .page-turn button{font-size:15px;font-weight:650}.paged-studio .page-turn>span{font-size:14px;font-weight:600;letter-spacing:.3px}.paged-studio dialog>p,.paged-studio form>p{font-size:15px}.paged-studio .library-card p{font-size:14px}.paged-studio .inspiration-copy small{font-size:14px}.paged-studio .inspiration-link{font-size:12px}
}
@media screen and (max-width:1000px) and (min-width:701px){.paged-studio .intro{align-items:flex-start}.paged-studio .intro h1{font-size:36px}.paged-studio .intro-actions{max-width:310px}.paged-studio .workspace-head{flex-wrap:wrap}.paged-studio .page-nav{gap:5px}.paged-studio .page-nav a{font-size:14px}}
@media screen and (max-width:700px){
body.paged-studio{grid-template-rows:64px 62px minmax(0,1fr) 68px}.paged-studio header{height:64px}.paged-studio .brand{font-size:17px}.paged-studio .brand small{font-size:9px}.paged-studio .page-nav a{font-size:12px;padding:0 5px;line-height:1.35}.paged-studio .intro h1{font-size:32px}.paged-studio .intro .eyebrow{font-size:11px}.paged-studio .intro-actions button{font-size:12px;padding:8px}.paged-studio .workspace-head{flex-wrap:wrap;gap:8px}.paged-studio .workspace-head input{font-size:24px;width:100%;max-width:100%}.paged-studio .workspace-head p{font-size:13px}.paged-studio .scene-badge{font-size:10px}.paged-studio .scene-guide{font-size:12px}.paged-studio .scene-tools button{font-size:13px;padding:7px 9px}.paged-studio .catalog{grid-template-columns:1fr 1fr}.paged-studio .page-turn{gap:8px}.paged-studio .page-turn button{font-size:13px;min-width:60px;padding:10px 8px}.paged-studio .page-turn>span{font-size:12px;line-height:1.25;text-align:center}.paged-studio .editor-title{flex-wrap:wrap}
}
@media screen and (min-width:701px){.paged-studio .studio{grid-template-rows:minmax(0,1fr)}.paged-studio .workspace,.paged-studio .left,.paged-studio .right{height:100%}.paged-studio .workspace-head{flex-shrink:0}}
@media screen{.paged-studio main{height:100%;margin:0;align-self:stretch}.paged-studio .studio{overflow:auto}}

/* The architectural view gives the space priority, with controls at its edges. */
.scene canvas[hidden],.scene .architecture-hud[hidden],.walk-pad[hidden]{display:none!important}
.architecture-canvas{touch-action:none;outline-offset:-4px;cursor:grab;overscroll-behavior:contain;user-select:none}
.architecture-canvas:active{cursor:grabbing}
.architecture-hud{position:absolute;inset:0;pointer-events:none;color:#fff;z-index:2}
.architecture-title{position:absolute;left:26px;top:27px;text-shadow:0 2px 20px #14222288}
.architecture-title span{font:700 10px/1.4 'Segoe UI',sans-serif;letter-spacing:2px}
.architecture-title strong{display:block;font:400 clamp(22px,2.6vw,44px)/1.1 Georgia,serif;margin-top:10px}
.architecture-actions{position:absolute;right:20px;top:22px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:285px;pointer-events:auto}
.architecture-actions button{background:#1e302ee8;border:1px solid #e5d6b64f;color:#fffaf0;min-height:38px;padding:8px 12px;border-radius:5px;font-size:13px;box-shadow:0 3px 18px #14232120}
.architecture-actions button:hover,.architecture-actions button[aria-pressed=true]{background:#b36a3c;border-color:#deb588}
.architecture-note{position:absolute;bottom:16px;left:22px;letter-spacing:1.8px;font:600 9px 'Segoe UI',sans-serif;color:#fff;background:#233932a8;padding:6px 9px;border-radius:3px}
.scene:not(.layout-mode) .scene-badge{display:none}
.scene:not(.layout-mode) .scene-guide{background:#1c302ee8;color:#fff5e3;padding:8px 13px;border-radius:5px;bottom:74px;font-size:12px}
.walk-pad{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);display:flex;gap:7px;pointer-events:auto}
.walk-pad button{background:#20352ee8;color:#fff;border:1px solid #e9d2ab88;width:46px;height:44px;font-size:22px;border-radius:5px}
.immersive-selection{position:absolute;left:24px;bottom:82px;pointer-events:auto;background:#182a27e8;color:#fff8eb;border:1px solid #dfc49b70;border-radius:8px;padding:12px 14px;min-width:220px;box-shadow:0 8px 30px #0004}
.immersive-selection:not([data-active]){display:none!important}.immersive-selection strong,.immersive-selection span{display:block}.immersive-selection strong{font-size:15px}.immersive-selection span{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;opacity:.72;margin:2px 0 8px}.immersive-selection div{display:flex;gap:6px}.immersive-selection button{background:#fffaf0;color:#24342f;border:0;padding:7px 10px;font-size:12px}.immersive-selection [data-delete-piece]{color:#8f321f}
.yard-active .immersive-selection{display:none!important}
.walking .architecture-title{display:none}
.architecture-fallback{position:absolute;top:20px;left:20px;right:20px;background:#fff5db;padding:12px;z-index:3}
body.immersive-studio .workspace{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:1000;margin:0!important;border:0;border-radius:0;display:flex!important;flex-direction:column;overflow:hidden!important;background:#1e302e}
body.immersive-studio .workspace-head,body.immersive-studio .under-scene,body.immersive-studio .workspace>.design-tools{display:none!important}
body.immersive-studio .workspace .scene{height:100dvh!important;min-height:0!important;flex:1}
body.immersive-studio .architecture-title{top:35px;left:35px}
body.immersive-studio .architecture-title strong{font-size:clamp(30px,4vw,62px)}
@media(max-width:1000px){.architecture-title strong{font-size:23px}.architecture-title{left:18px;top:18px}.architecture-title span{font-size:8px;letter-spacing:1px}.architecture-actions{right:12px;top:16px;max-width:215px;gap:5px}.architecture-actions button{font-size:12px;min-height:34px;padding:7px 9px}}
@media(max-width:700px){body.paged-studio[data-page=design] .workspace{min-height:440px;flex-shrink:0}body.paged-studio[data-page=design] .scene{height:340px;min-height:340px}.architecture-title strong{font-size:23px}.architecture-title span{display:none}.architecture-title{top:16px;left:15px}.architecture-actions{max-width:195px}.architecture-actions button{font-size:11px}.architecture-note{bottom:12px;left:12px;font-size:8px}.scene:not(.layout-mode) .scene-guide{font-size:10px;bottom:68px}.scene .scene-tools{gap:4px}.scene .scene-tools button{font-size:11px;padding:7px 9px}.architecture-title{max-width:42%}body.immersive-studio .architecture-title{top:90px;left:20px;max-width:80%}body.immersive-studio .architecture-title strong{font-size:32px}body.immersive-studio .architecture-actions{max-width:none;left:15px;right:15px;justify-content:flex-start}.walk-pad{bottom:115px}}

body.immersive-studio .workspace > :not(.scene){display:none!important}
body.immersive-studio .workspace .scene{flex:1 1 100%;min-height:100dvh!important}
.scene:not(.layout-mode) .scene-guide{left:50%;right:auto;width:max-content;max-width:95%;transform:translateX(-50%);margin:0}

@media(max-width:700px){body:not(.immersive-studio) .architecture-title{display:none}.architecture-note{bottom:5px;font-size:7px;padding:3px 6px}.scene .scene-tools{bottom:28px}.scene:not(.layout-mode) .scene-guide{bottom:80px}.walk-pad{bottom:125px}}

.scene,.scene canvas,.architecture-hud,.scene-tools,.scene-guide{user-select:none;-webkit-user-select:none}
.yard-dialog{width:min(940px,94vw);padding:28px;background:#f5f0e6;border-radius:16px}.yard-dialog-head,.yard-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.yard-dialog-head h2{font:38px/1.1 Georgia;margin:4px 0 18px}.yard-dialog-head button,.yard-panel-head button{padding:2px 10px;font-size:24px}.yard-upload{display:block;background:#273e36;color:#fff6e8;border-radius:7px;padding:15px 20px;font-weight:700;cursor:pointer;margin:18px 0 8px}.yard-upload:focus-within{outline:3px solid #c28044;outline-offset:3px}.yard-privacy{font-size:12px!important;line-height:1.6;color:#68665e}.yard-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.yard-gallery button{padding:0;overflow:hidden;text-align:left;background:#fffaf1;border-radius:8px}.yard-gallery img{width:100%;height:120px;object-fit:cover;display:block}.yard-gallery strong,.yard-gallery span{display:block;margin:9px 12px 0}.yard-gallery span{font-size:11px;color:#746d60;margin:3px 12px 12px}.yard-dialog-footer{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.yard-status{color:#864727;min-height:20px}.yard-placement{pointer-events:auto;position:absolute;left:22px;top:100px;width:280px;max-height:calc(100% - 195px);overflow:auto;padding:18px;background:#172c27f5;color:#fff5e4;border:1px solid #e4c79e66;border-radius:12px;box-shadow:0 12px 50px #0004;backdrop-filter:blur(15px)}.yard-placement p{font-size:12px;margin:8px 0 15px;color:#d8dace}.yard-placement label{display:block;color:inherit;font-size:12px;margin:11px 0}.yard-placement output{float:right;color:#e4bb82}.yard-placement input[type=range]{width:100%;padding:0;accent-color:#dfae72;margin:7px 0 0}.yard-placement select{margin-top:7px;width:100%;color:#24392f;background:#f5efe3;padding:7px}.yard-drop{width:100%;background:#b86731!important;border-color:#dca36e!important;font-weight:800}.yard-panel-actions{display:flex;gap:6px;margin:16px 0 10px}.yard-placement button{color:inherit;font-size:12px;border-color:#f1d2a44d}.yard-placement button:hover{background:#4b6353}.yard-placement small{font-size:11px;line-height:1.5;color:#c3cbbd;display:block}.yard-active .architecture-title,.yard-active [data-action=orbit]{display:none}.yard-active .architecture-canvas{cursor:grab}.yard-active .architecture-note{background:#183128dc}.yard-active .scene-badge{display:none}
@media(max-width:700px){.yard-dialog{padding:20px}.yard-dialog-head h2{font-size:29px}.yard-gallery{grid-template-columns:1fr 1fr;gap:8px}.yard-gallery img{height:95px}.yard-gallery strong{font-size:12px}.yard-placement{left:12px;top:104px;width:260px;max-height:calc(100% - 220px);padding:14px}.yard-active .architecture-actions{max-width:none;left:12px;right:12px;justify-content:flex-start}.yard-active .scene-guide{max-width:65%;text-align:left}}

/* A tall visual stage keeps the whole structure, foreground and sky in view. */
@media screen and (min-width:1001px){
html:has(body.paged-studio){height:auto;overflow:auto}
body.paged-studio{height:auto;min-height:100dvh;grid-template-rows:70px 62px auto 68px;overflow:auto}
body.paged-studio.tenant-preview-active{grid-template-rows:auto 70px 62px auto 68px}
.paged-studio main{height:auto;overflow:visible}
.paged-studio .studio{grid-template-columns:minmax(360px,420px) minmax(540px,640px);justify-content:center;align-items:start;overflow:visible;min-height:0}
.paged-studio .left,.paged-studio .workspace,.paged-studio .right{height:auto}
.paged-studio .workspace{overflow:visible}
.paged-studio .scene{flex:none;width:100%;height:auto;min-height:0;aspect-ratio:8/9}
.paged-studio[data-page=choose] .left,.paged-studio[data-page=design] .left{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;align-self:start}
.paged-studio[data-page=review] .studio{grid-template-columns:minmax(540px,640px) 340px}
body.paged-studio[data-page=design]{height:100dvh;grid-template-rows:70px 62px minmax(0,1fr) 68px;overflow:hidden}
body.paged-studio.tenant-preview-active[data-page=design]{grid-template-rows:auto 70px 62px minmax(0,1fr) 68px}
.paged-studio[data-page=design] main{height:100%;overflow:hidden}
.paged-studio[data-page=design] .intro{display:none}
.paged-studio[data-page=design] .studio{height:auto;overflow:hidden;align-items:stretch;grid-template-columns:360px minmax(500px,540px)}
.paged-studio[data-page=design] .left{position:static;top:auto;max-height:none;height:100%;overflow:auto}
.paged-studio[data-page=design] .workspace{height:100%;overflow:hidden;overscroll-behavior:contain}
.paged-studio[data-page=design] .scene{flex:1 1 auto;height:auto;min-height:0;aspect-ratio:auto;overscroll-behavior:contain}
.paged-studio:not(.immersive-studio) .architecture-title{display:none}
.paged-studio .architecture-title{display:none}
.paged-studio .under-scene .scene-guide{position:static;width:auto;max-width:none;transform:none;margin:0;background:transparent;color:var(--muted);padding:0;border-radius:0;text-align:left;font-size:11px;line-height:1.35}
.paged-studio:not(.immersive-studio) .architecture-note,.paged-studio:not(.immersive-studio) .scene-badge{display:none}
.paged-studio .workspace-head .design-tools{order:3;flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
.paged-studio .workspace-head .scene-tools,.paged-studio .workspace-head .architecture-actions{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;max-width:none;pointer-events:auto}
.paged-studio .workspace-head .scene-tools button,.paged-studio .workspace-head .architecture-actions button{position:static;background:var(--white);border:1px solid var(--line);color:var(--ink);box-shadow:none;min-height:32px;padding:6px 9px;font-size:11px}
.paged-studio .workspace-head .scene-tools button:hover,.paged-studio .workspace-head .architecture-actions button:hover,.paged-studio .workspace-head .architecture-actions button[aria-pressed=true]{background:#e8e1d4;border-color:var(--tenant-accent)}
.paged-studio #furnish .design-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.paged-studio #furnish .scene-tools,.paged-studio #furnish .architecture-actions{position:static;inset:auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:none;pointer-events:auto}
.paged-studio #furnish .scene-tools button,.paged-studio #furnish .architecture-actions button{position:static;background:var(--white);border:1px solid var(--line);color:var(--ink);box-shadow:none;min-height:32px;padding:6px 9px;font-size:11px}
.paged-studio #furnish .scene-tools button:hover,.paged-studio #furnish .architecture-actions button:hover,.paged-studio #furnish .architecture-actions button[aria-pressed=true]{background:#e8e1d4;border-color:var(--tenant-accent)}
.paged-studio #furnish .scene-guide{grid-column:1/-1;position:static;width:auto;max-width:none;transform:none;margin:0;background:transparent;color:var(--muted);padding:0;border-radius:0;text-align:left;font-size:11px;line-height:1.35}
.paged-studio[data-page=design] #furnish .object-editor{margin-top:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.paged-studio[data-page=design] #furnish .editor-title{align-items:flex-start;flex-wrap:wrap}
.paged-studio[data-page=design] #furnish .editor-title>div{display:flex;flex-wrap:wrap;gap:5px}
.paged-studio[data-page=design] #furnish .editor-fields{grid-template-columns:1fr 1fr}
.paged-studio[data-page=design] #furnish .item-name{grid-column:span 2}
.paged-studio[data-page=design] #furnish .review{margin:18px 0 8px}
.paged-studio[data-page=design] #furnish .item-list{padding:4px 0 18px}
}