:root{font-family:Arial,Helvetica,sans-serif;color:#234239;background:#f7f5ef;line-height:1.6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}[hidden]{display:none!important}a{color:#21473e}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ad7840;outline-offset:3px}.site-header{max-width:1380px;margin:auto;padding:22px 36px;display:flex;gap:25px;align-items:center;border-bottom:1px solid #d9dfd5}.brand{display:block;line-height:0}.brand img{display:block;max-width:145px;height:auto}.pilot-label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-left:auto;color:#65756d}#account-bar{display:flex;gap:18px;align-items:center;font-size:.85rem}main{max-width:1320px;margin:auto;padding:20px 36px 60px}.message{min-height:24px;padding:12px 16px;margin:0 0 28px;border-left:3px solid #a4b68d;background:#edf1e5;color:#234239}.message.error{background:#f5e9df;border-color:#a65d39;color:#6f3523}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#6d7b70;margin:12px 0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:12px 0 20px}h1{font-size:clamp(2.6rem,4.8vw,4.8rem);letter-spacing:-.035em}h2{font-size:2rem}.lead{font-size:1.08rem;max-width:480px;margin:0 0 25px}.quiet,.small{color:#68776e}.small{font-size:.8rem;line-height:1.6;margin:12px 0}.quiet{font-size:.92rem}figure{margin:28px 0 22px}figure img{display:block;width:100%;height:265px;object-fit:cover;border-radius:14px}figcaption{font-size:.72rem;color:#758174;margin:9px 0}.access-card,.room-editor,.project-shelf{background:#fffef9;border:1px solid #d7dfcf;border-radius:14px;padding:30px}.access-card>p{margin-top:12px}.access-card h2{font-size:2.1rem}label{display:flex;flex-direction:column;gap:7px;font-size:.87rem;margin:15px 0}input,textarea,select{width:100%;color:#234239;background:white;border:1px solid #cdd5c6;border-radius:7px;padding:11px 12px;min-height:46px}textarea{resize:vertical}input[type=file]{padding:10px;font-size:.82rem}.two-fields{display:grid;grid-template-columns:.7fr 1.3fr;gap:15px}.two-fields label{margin:0}.primary{border:1px solid #21473e;border-radius:7px;background:#21473e;color:#fff;padding:13px 22px;font-size:.9rem;min-height:48px}.access-card .primary{width:100%;margin-top:10px}.text-button{padding:6px 0;color:#234239;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.8rem}.code-actions{display:flex;justify-content:space-between;gap:15px;margin:16px 0}.privacy{border-top:1px solid #e0e5d8;padding-top:17px;margin-top:25px}#confirmation-code{font-size:1.8rem;letter-spacing:.24em;text-align:center}.workspace-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.workspace-heading h1{font-size:3.4rem}.workspace-heading p{margin:5px 0}.workspace-grid{display:grid;grid-template-columns:300px 1fr;gap:28px}.project-shelf{padding:24px;align-self:start}.project-shelf h2{font-size:1.6rem}.project-button{display:block;text-align:left;width:100%;border:1px solid #d6decf;border-radius:8px;padding:14px;margin:12px 0;background:#f8faf4;color:#234239}.project-button strong{display:block;font-weight:500;font-size:1rem}.project-button small{color:#6e7e71}.project-button.selected{border-color:#21473e;background:#edf1e5}.room-editor{max-width:900px}.room-editor h2{font-size:2.5rem}#photo-area img{display:block;width:100%;max-height:600px;object-fit:contain;border-radius:8px;background:#efeee6}footer{border-top:1px solid #d9dfd5;max-width:1320px;margin:auto;padding:25px 36px 40px;display:flex;gap:28px;align-items:center;font-size:.78rem;color:#6b796e}footer span{margin-right:auto}noscript{display:block;padding:30px;text-align:center}@media(max-width:850px){.welcome{grid-template-columns:1fr;gap:20px}.welcome-story h1 br{display:none}.welcome-story h1{font-size:2.8rem}.welcome-story figure{display:none}.welcome-story .quiet{font-size:.84rem}.workspace-grid{grid-template-columns:1fr}.project-shelf{order:2}.workspace-heading{align-items:flex-start;flex-direction:column;gap:12px}.workspace-heading h1{font-size:2.7rem}.site-header{padding:15px 20px;gap:15px;flex-wrap:wrap}.brand img{width:115px}.pilot-label{max-width:190px;font-size:.65rem}main{padding:18px 20px 40px}.access-card,.room-editor{padding:22px}footer{padding:22px 20px;gap:12px;flex-wrap:wrap}footer span{width:100%}#account-bar{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.design-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.design-toolbar h2{flex:1;margin:0}.design-toolbar label{min-width:220px}#studio-frame{width:100%;border:1px solid #cbd5c3;border-radius:14px;min-height:1200px;margin-top:20px}#design-status{color:#234239}#design-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:20px}.design-card img{width:100%;height:120px;object-fit:cover}.design-card{display:flex;flex-direction:column;text-align:left;gap:8px}.design-card small{font-size:12px}#design-library{margin-top:26px;border-top:1px solid #cbd5c3;padding-top:20px}
.workspace-grid>*,.design-toolbar>*,#account-email{min-width:0;max-width:100%}input,textarea,select{min-width:0}.project-button,.design-card,#account-email{overflow-wrap:anywhere}.design-toolbar label{min-width:0;flex:1 1 220px}.design-card{color:#234239;background:#fffef9;border:1px solid #cbd5c3;border-radius:8px;padding:12px}.design-card img{max-width:100%;display:block}#design-list{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
html,body{max-width:100%;overflow-x:clip}h1,h2,h3,p{overflow-wrap:anywhere}

#phone-dialog{width:min(560px,calc(100% - 32px));max-height:660px;overflow:auto;margin:20px auto;border:1px solid #c7d3bb;border-radius:14px;padding:24px;background:#fffef9;color:#234239;position:fixed;inset:20px 0 auto}.phone-head{display:flex;align-items:start;gap:16px}.phone-head h2{flex:1;font-size:30px;margin:0 0 10px}.phone-head button{border:0;background:transparent;color:#234239;font-size:30px;cursor:pointer}.phone-actions{display:flex;flex-wrap:wrap;gap:10px}.phone-actions button{font:inherit;padding:11px 14px;border-radius:6px;border:1px solid #bccbaa;background:#f5f7ee;color:#234239}.phone-actions button.primary{background:#23483b;color:white}#phone-qr{text-align:center;max-width:280px;margin:12px auto}#phone-qr svg{width:100%;height:auto;display:block}#phone-preview img{width:100%;max-height:220px;object-fit:contain}#phone-status{background:#edf2e3;padding:12px}#phone-status.error{background:#f5e9df;color:#783923}#phone-dialog::backdrop{background:#14291c9c}#room-phone{margin:10px 0}

/* A room title is not a flex spacer. Keep it separate from the named draft and actions. */
#design-workspace .design-toolbar{display:block;margin:0 0 20px}
.design-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
#design-workspace .design-heading h2{flex:1 1 auto;min-width:0;max-width:100%;font-size:clamp(28px,3.1vw,38px);line-height:1.2;letter-spacing:-.015em;overflow-wrap:normal;word-break:normal;margin:0}
.design-actions{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:20px;align-items:end}
#design-workspace .design-actions label{display:block;min-width:0;max-width:none;margin:0;font-size:14px}
#design-name{display:block;width:100%;margin-top:7px}
.design-buttons{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
#design-workspace .design-toolbar button{min-height:48px;border:1px solid #bdcbb5;border-radius:7px;padding:12px 16px;background:#fffef9;color:#234239;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;white-space:normal}
#design-workspace .design-toolbar button.primary{background:#23483b;border-color:#23483b;color:#fff}
#design-workspace .design-toolbar button:hover:not(:disabled){border-color:#23483b;box-shadow:0 2px 8px #173d3315}
#design-workspace .design-toolbar button.primary:hover:not(:disabled){background:#173d33}
#close-studio{flex:0 0 auto}
#design-status{margin-top:8px}
@media(max-width:1100px){.design-actions{grid-template-columns:1fr}.design-buttons button{flex:1 1 auto}}
@media(max-width:600px){.design-heading{flex-direction:column;gap:14px;margin-bottom:20px}.design-buttons{flex-direction:column}.design-buttons button{width:100%}.design-heading #close-studio{min-height:44px}.design-actions{gap:16px}}

#consultation-panel{margin-top:24px;border:1px solid #c7d3bb;border-radius:10px;background:#f0f4e9;padding:20px}
#consultation-panel h3{margin:0 0 10px;font-size:23px}
.consultation-panel-actions{display:flex;flex-wrap:wrap;gap:12px}
.consultation-panel-actions button{border:1px solid #adc09e;background:#fffef9;border-radius:6px;color:#234239;padding:12px 15px;min-height:46px}
#consultation-dialog{width:min(640px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #c7d3bb;border-radius:14px;background:#fffef9;color:#234239;padding:24px}
#consultation-dialog::backdrop{background:#14291c9c}
.consultation-dialog-head{display:flex;gap:15px;align-items:start}
.consultation-dialog-head h2{font-size:30px;line-height:1.2;flex:1;margin:0 0 15px}
.consultation-dialog-head button{border:0;background:transparent;color:#234239;font-size:28px;line-height:1;min-width:40px;min-height:40px}
#consultation-dialog label{display:block;margin:14px 0}
#consultation-dialog select{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #b9c7ad;border-radius:6px;color:#234239;background:#fff}
#consultation-dialog .consultation-check{display:flex;gap:12px;align-items:flex-start;font-size:14px}
.consultation-check input{flex:none;width:20px;height:20px;margin-top:3px}
#consultation-feedback.error{color:#7b3320}

.area-question{border:1px solid #d4dacc;border-radius:12px;padding:18px;margin:8px 0 20px}.area-question legend{font-weight:600;color:#214238;padding:0 6px}.area-question select{width:100%;min-height:48px;padding:10px;border:1px solid #b5c1b0;background:#fff;color:#214238;border-radius:8px}
.mm-saved-protocol{margin:16px 0;padding:20px;border:1px solid #b7c3ac;border-radius:8px;background:#fff;color:#203e37;overflow-wrap:anywhere}.mm-saved-protocol p{white-space:pre-wrap}.mm-saved-protocol h4,.mm-saved-protocol h5{color:#203e37}.mm-saved-protocol summary{cursor:pointer}