:root{color-scheme:light;--navy:#091a25;--paper:#fffdf9;--sand:#e7dcc6;--teal:#147782;--orange:#a54e2b;--line:#d9d6d0}*{box-sizing:border-box}body{margin:0;background:#f4f0e8;color:var(--navy);font:16px/1.55 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--teal);background:var(--teal);color:white;border-radius:6px;padding:11px 17px;text-decoration:none;font-weight:600;display:inline-block}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;color:var(--navy);border-color:#77818a}.accent{background:var(--orange);border-color:var(--orange)}button:hover,.button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #d16f43;outline-offset:3px}a{color:var(--teal)}[hidden]{display:none!important}.studio-header{display:flex;align-items:center;gap:25px;background:var(--navy);color:white;padding:18px 4vw}.studio-header img{display:block;object-fit:contain}.studio-header a:last-child{margin-left:auto;color:var(--sand)}main{max-width:1480px;padding:25px 4vw;margin:auto}h1{font:clamp(30px,3.5vw,48px)/1.15 Georgia,serif;margin:8px 0 16px}h2{font:27px/1.25 Georgia,serif}h3{font-size:19px}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:bold;color:var(--teal)}.hint{color:#52616b;font-size:14px}#status{min-height:26px;border-left:3px solid var(--teal);padding-left:12px;overflow-wrap:anywhere}#status.error{border-color:#b62424;color:#8f1919}.login-card{max-width:550px;margin:45px auto;padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:12px}label{display:block;font-size:14px;font-weight:bold;margin:14px 0 7px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #929ba0;border-radius:5px;background:white;color:var(--navy)}textarea{resize:vertical;min-height:110px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:20px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--navy);border-color:transparent}.tabs button[aria-pressed=true]{background:var(--navy);color:white}.workbar{display:flex;gap:25px;align-items:end;justify-content:space-between}.workbar label{flex:1;max-width:520px;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:25px;margin:22px 0}aside,.editor-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}aside h2{margin-top:0}#panels{padding:0;list-style:none}#panels li{padding:10px 0;border-bottom:1px solid var(--line)}.panel-name{display:block;font-size:14px;line-height:1.35;margin-bottom:8px}.panel-controls{display:flex;gap:6px;align-items:center}.panel-controls button{padding:3px 10px}.panel-controls input{width:58px;margin:0;padding:3px 5px}#items{max-height:550px;overflow-y:auto;margin-top:14px}.item-button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--navy);font-weight:normal;padding:12px 3px;font-size:14px}.item-button[aria-current=true]{background:#e4f1ef;color:#075763}.editor-panel h2{margin-top:4px}#image-preview{max-width:100%;max-height:300px;object-fit:contain;background:var(--sand)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.note,.version,.person,.activity{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin:12px 0;overflow-wrap:anywhere}.note p{white-space:pre-wrap}.note small{color:#52616b}.note button{padding:5px 10px;font-size:13px;margin-right:8px}.note.resolved{opacity:.7}.inline{display:flex;gap:10px;align-items:center}.inline input{width:auto;margin:0}#password-form{max-width:450px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(94vw,560px);background:var(--paper);color:var(--navy)}dialog::backdrop{background:#091a25aa}.studio-footer{text-align:center;padding:35px;color:#52616b;font-size:13px}.version{display:flex;align-items:center;justify-content:space-between;gap:15px}.version button{font-size:14px;padding:7px 12px}#invite-result{max-width:700px}#invite-url{font-size:12px}@media(max-width:900px){.workspace{grid-template-columns:280px minmax(0,1fr)}.workbar{align-items:stretch;flex-direction:column;gap:14px}}@media(max-width:650px){.studio-header{gap:12px;padding:14px 16px}.studio-header img{width:125px;height:40px}.studio-header span{display:none}main{padding:16px}.welcome{align-items:start}.welcome button{padding:8px;font-size:13px}.workspace{grid-template-columns:1fr}aside,.editor-panel{padding:18px}#items{max-height:250px}.tabs button{padding:9px;font-size:13px}.login-card{padding:22px;margin:20px auto}.actions button{flex:1}.version{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:651px){.editor-panel{align-self:start;position:sticky;top:16px}}
#panels{max-height:430px;overflow:auto;padding-right:6px;scrollbar-gutter:stable}#panels:focus-visible{outline:3px solid var(--orange)}@media(max-width:650px){#panels{max-height:260px}}

.preview-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.preview-tools label{margin:0}.preview-scroll{overflow:auto;background:#aab4b9;padding:12px;border-radius:8px}#site-preview{display:block;height:78vh;min-height:560px;border:0;margin:auto;background:white}#site-preview.device-desktop{width:1440px}#site-preview.device-tablet{width:768px}#site-preview.device-mobile{width:390px}#preview-tab{max-width:none}

#profile{display:flex;align-items:center;gap:10px;margin-left:auto}#profile[hidden]{display:none}#profile-picture{width:44px;height:58px;object-fit:contain;border-radius:6px;background:#e8dfd0}#profile-name{font-weight:bold}

#site-preview.device-desktop{width:100%;min-width:1024px}

.curiosity-controls{margin:1rem 0;padding:1rem;border:1px solid var(--border,#8d9d9e);border-radius:8px}.curiosity-controls legend{font-weight:700}.curiosity-controls .hint{margin-bottom:0}

/* A personal welcome on every signed-in studio page. Preserve each portrait's ratio. */
.welcome{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;margin:28px 0}
.welcome #profile{margin:0;display:block;align-self:center}
.welcome #profile[hidden]{display:none}
.welcome #profile-picture{display:block;height:180px;width:auto;max-width:none;object-fit:contain;border-radius:6px;background:transparent}
.welcome-copy{min-width:0}.welcome-copy #status{margin:0 0 16px}.welcome-copy h1{margin-bottom:12px}.welcome-copy>p:last-child{margin-bottom:0}
@media(max-width:650px){.welcome{grid-template-columns:minmax(0,1fr) auto;gap:20px;margin:24px 0}.welcome #profile{grid-column:1;grid-row:1}.welcome #logout{grid-column:2;grid-row:1;align-self:start}.welcome-copy{grid-column:1/-1;grid-row:2}.welcome #profile-picture{height:180px;width:auto}}

/* Private report actions stay compact beside the prospect workflow. */
.prospect-pdf-panel{margin:1rem 0;padding:1rem;border:1px solid var(--line,#d4d8d8);border-radius:8px;background:var(--card,#fffdf8)}
.prospect-pdf-panel details{margin-top:.75rem}.prospect-pdf-panel label{display:block;margin:.8rem 0}.prospect-pdf-panel input,.prospect-pdf-panel select{display:block;max-width:100%;width:100%;margin-top:.35rem}.prospect-pdf-panel summary{cursor:pointer;font-weight:700}.prospect-pdf-panel button{min-height:44px}