body.studio-room{background:#fff}
.client-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #ecebe7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.client-header-inner{max-width:1280px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.client-header-brand{display:flex;align-items:center;gap:24px;text-decoration:none;flex:none}
.client-header-brand img{display:block;width:148px;height:auto}
.client-header-brand span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid #deddd7;padding-left:24px;color:#575752}
.client-menu{display:flex;align-items:center;gap:24px}
.client-menu button{font-size:12px;border:0;background:transparent;color:#575752;padding:12px 0;position:relative;white-space:nowrap}
.client-menu button[aria-current=page]{color:#171717;font-weight:600}
.client-menu button[aria-current=page]:after{content:'';height:2px;background:var(--coral);position:absolute;bottom:4px;left:0;right:0}
.client-menu .client-refresh,.client-menu .client-sign-out{font-size:11px}
.client-menu .client-refresh{border-left:1px solid #e5e4df;padding-left:20px}
.menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #deddd7;border-radius:8px;background:#fff;color:#171717;padding:10px 12px;font-size:12px}
.menu-toggle svg{width:20px;height:20px}
@media(max-width:1150px){.client-header-brand span{display:none}.client-menu{gap:20px}.client-header-inner{padding:20px 28px}}
@media(max-width:760px){.client-header-inner{padding:18px 22px;flex-wrap:wrap;gap:0}.client-header-brand img{width:134px}.client-header .menu-toggle{display:inline-flex}.client-menu{display:none;width:100%;padding-top:16px;margin-top:16px;border-top:1px solid #ecebe7;flex-direction:column;align-items:stretch;gap:0}.client-header[data-menu-open=true] .client-menu{display:flex}.client-menu button{text-align:left;padding:13px 8px;border-radius:6px}.client-menu button[aria-current=page]{background:#fff4f2}.client-menu button[aria-current=page]:after{display:none}.client-menu .client-refresh{border-left:0;padding-left:8px;border-top:1px solid #ecebe7;margin-top:10px;padding-top:16px}}
.room-main{width:100%;min-height:100svh;position:relative;display:grid;place-items:center;padding:76px 24px;background-color:#f1f0ec;background-image:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12) 50%,rgba(255,255,255,.04)),url('/assets/studio-room-workspace-branded.webp');background-position:center;background-size:cover}
.room-shell{width:100%;max-width:816px;position:relative;z-index:1}
.room-session-actions{display:flex;justify-content:flex-end;margin-bottom:16px}
.room-session-actions:has(button[hidden]){display:none}
.room-session-actions button{background:#fff;border-radius:8px;padding:8px 16px}
:is(#sign-in,#password-space).room-sign-in{width:100%;max-width:620px;margin:0 auto;padding:42px 48px 36px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 16px 60px rgba(30,30,25,.08);backdrop-filter:blur(26px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}
.room-logo{display:inline-block;line-height:0;margin:0 0 30px}
.room-logo img{display:block;width:184px;max-width:100%;height:auto}
.room-sign-in .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:20px}
.room-sign-in h1{font-size:42px;line-height:1.18;margin-bottom:20px}
.room-sign-in .intro{font-size:14px;line-height:1.8;margin-bottom:0;max-width:410px}
.room-sign-in #sign-in-form{max-width:400px;margin:28px auto 0}
.room-sign-in #sign-in-form label{font-size:13px;margin-bottom:20px}
.room-sign-in input[type=email]{height:52px;background:#fff}
.room-sign-in #sign-in-form .button{width:100%;min-height:50px}
.room-sign-in .status{font-size:12px;line-height:1.7;margin-top:20px}
.room-test{position:absolute;top:20px;right:24px;z-index:2;margin:0;border:1px solid #d8d8d2;background:rgba(255,255,255,.95);font-size:10px;padding:6px 10px}
.studio-room .room-main:has(#sign-in[hidden]){padding-top:64px;padding-bottom:80px;background-color:#fff;background-image:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.82) 70%,#fff),url('/assets/studio-room-project-area.webp');background-position:center top;background-repeat:no-repeat}
.room-shell>.panel:not(.room-sign-in){background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.8);box-shadow:0 16px 60px rgba(30,30,25,.05);backdrop-filter:blur(26px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}
.room-member-logo{display:table;margin:0 auto 40px}
.studio-room .plan-summary{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7)}
.studio-room .tabs button:not([aria-selected=true]){background:rgba(255,255,255,.6)}
.studio-room #brief-form input,.studio-room #brief-form textarea,.studio-room #brief-form select{background:rgba(255,255,255,.9)}
.workspace-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding-bottom:20px;border-bottom:1px solid rgba(23,23,23,.12)}
.workspace-view-button{border:1px solid rgba(23,23,23,.15);border-radius:8px;padding:11px 18px;background:rgba(255,255,255,.6);color:#171717;font-size:13px}
.workspace-view-button[aria-pressed=true]{background:#171717;border-color:#171717;color:#fff}
.workspace-nav #refresh-project{margin-left:auto;font-size:11px}
.overview-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}
.overview-heading h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.3;overflow-wrap:anywhere}
.stage-label{display:inline-block;border:1px solid rgba(23,23,23,.15);border-radius:100px;padding:5px 12px;background:rgba(255,255,255,.7);font-size:11px}
.project-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0 0 32px;font-size:11px;color:#62625c}
.project-progress li{border-top:2px solid rgba(23,23,23,.15);padding-top:10px}
.project-progress li[data-state=complete]{border-color:#171717;color:#171717}
.project-progress li[data-state=current]{border-color:var(--coral);color:#171717;font-weight:600}
.overview-card{padding:24px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);border-radius:12px;margin-bottom:16px}
.overview-card .eyebrow{margin-bottom:12px;font-size:10px}
.overview-card h3{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 10px}
.overview-card p:not(.eyebrow){font-size:13px;line-height:1.9;color:#575752;margin:0 0 18px;white-space:pre-line;overflow-wrap:anywhere}
.overview-card p:last-child{margin-bottom:0}
.overview-card .helper{font-size:11px!important}
.overview-next{border-top:2px solid var(--coral)}
.overview-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.overview-resources .overview-card{margin-bottom:0}
.overview-resources h3{font-size:15px}
.overview-resources .text-button{font-size:12px;text-align:left}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){
  .room-shell:has(#client-space:not([hidden])){max-width:1180px}
  #client-space.panel{padding:48px 56px}
  #business-panel,#brand-panel,#website-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
  #brief-form [data-panel]>h2,#brief-form [data-panel]>.helper,#brief-form [data-panel]>.file-list,#brief-form [data-panel]>.status{grid-column:1/-1}
  #business-panel>label:first-of-type,#brand-panel>label:last-of-type{grid-column:1/-1}
  #next-panel .next-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  #next-panel .next-list li{padding:16px 0;border-top:1px solid var(--line);border-bottom:0}
  #workspace-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  #workspace-overview>.overview-heading,#workspace-overview>.project-progress,#workspace-overview>.overview-resources{grid-column:1/-1}
}
@media(max-width:600px){.workspace-nav #refresh-project{width:100%;margin-left:0;text-align:left;padding-bottom:0}.overview-resources{grid-template-columns:1fr;gap:12px}.overview-heading h2{font-size:25px}.overview-card{padding:20px}.project-progress{font-size:10px;gap:5px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#sign-in.room-sign-in,.room-shell>.panel:not(.room-sign-in){background:rgba(255,255,255,.94)}}
@media(max-width:600px){.room-main{min-height:100svh;padding:70px 20px 48px;background-position:50% center}.room-test{top:16px;right:20px;font-size:9px}:is(#sign-in,#password-space).room-sign-in{padding:34px 24px 30px;border-radius:16px}.room-logo{margin-bottom:28px}.room-logo img{width:166px}.room-sign-in h1{font-size:34px}.room-sign-in .eyebrow{font-size:10px}.room-sign-in .intro{font-size:13px}.room-sign-in #sign-in-form{margin-top:26px}.room-sign-in .status{font-size:11px}.room-shell>.panel{padding:32px 24px}}

.password-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:13px}.password-links .text-button{font-size:13px;padding:0}
#password-space{text-align:center}#password-space .intro{margin-right:auto;margin-left:auto}.password-form{max-width:460px;margin:32px auto 0;text-align:left}.password-form .button{width:100%}.password-form .helper{margin:0 0 24px}.password-form label{margin-bottom:22px}
.client-menu .client-password-link{font-size:11px;color:#575752;text-decoration:none;padding:12px 0;white-space:nowrap}
@media(max-width:1250px){.client-header-brand span{display:none}.client-menu{gap:16px}}
@media(max-width:760px){.client-menu .client-password-link{padding:13px 8px}.password-links{justify-content:center;gap:18px}.password-form .button{font-size:12px}}

#sign-in-fields,.password-form fieldset{border:0;padding:0;margin:0;min-width:0}
/* An intentionally softened office impression, with a quiet dark entry. */
.room-main{isolation:isolate;background:#252a29;overflow:hidden}
.room-main:before{content:'';position:absolute;inset:-14px;background:url('/assets/studio-room-workspace-branded.webp') center/cover no-repeat;filter:blur(4px);z-index:-2}
.room-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,21,.68),rgba(15,22,21,.57) 55%,rgba(15,22,21,.66));z-index:-1}
:is(#sign-in,#password-space).room-sign-in{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;text-align:center;padding-top:30px;padding-bottom:30px}
.room-sign-in .room-logo{display:table;margin:0 auto 34px}.room-sign-in .room-logo img{filter:brightness(0) invert(1)}.room-sign-in .eyebrow,.room-sign-in h1,.room-sign-in .intro,.room-sign-in label,.room-sign-in .status,.room-sign-in a,.room-sign-in .helper{color:#fff}.room-sign-in .intro{margin-left:auto;margin-right:auto}.room-sign-in form{text-align:left}.room-sign-in input{background:#fff;color:#171717;border-color:#fff}.room-sign-in .button{background:#fff;color:#171717;border-color:#fff}.room-sign-in .password-links{font-size:12px}.room-sign-in .password-links a{text-underline-offset:4px}.room-sign-in .status{opacity:.9}.room-sign-in .intro{opacity:.94}.room-sign-in h1 em:before{opacity:.95}
.studio-room .room-main:has(#sign-in[hidden]){background:#fff}.studio-room .room-main:has(#sign-in[hidden]):before{background-image:url('/assets/studio-room-project-area.webp');filter:blur(6px)}.studio-room .room-main:has(#sign-in[hidden]):after{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.9) 70%,#fff)}
.team-room .room-main:has(#team-space:not([hidden])):before,.team-room .room-main:has(#team-space:not([hidden])):after{display:none}
.project-progress{grid-template-columns:repeat(6,minmax(0,1fr))}.client-member-line{font-size:11px;color:#68675f;margin:0 0 24px;letter-spacing:.04em}.client-conversation{list-style:none;margin:24px 0;padding:0;max-height:600px;overflow:auto}.client-conversation li{background:rgba(255,255,255,.85);border:1px solid #e7e5de;border-radius:10px;padding:20px;margin-bottom:12px}.client-conversation li[data-sender=studio]{border-color:#ecd5c8;background:#fff8f2}.client-conversation small{font-size:11px;color:#68675f}.client-conversation p{font-size:13px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;margin:10px 0 0}#workspace-messages>h2{font-family:Georgia,'Times New Roman',serif;font-size:28px}#workspace-messages .helper{font-size:12px;color:#68675f;line-height:1.8}#client-message-form label{font-size:13px}#client-message-form textarea{background:#fff;min-height:130px}#client-message-form .button{font-size:12px}
@media(max-width:600px){.project-progress{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.room-main:before{filter:blur(5px)}.room-sign-in .password-links{font-size:11px}}


/* Password visibility is local to the private sign-in and password setup forms. */
.room-sign-in .password-input-label{
  display:block;text-align:left;margin:0 0 8px;font-size:14px;line-height:1.5;
}
.room-sign-in .password-input-wrap{
  display:block;position:relative;margin:0 0 22px;min-width:0;
}
.room-sign-in .password-input-wrap input{
  width:100%;height:54px;max-width:100%;margin:0;padding:12px 62px 12px 16px;
  border-radius:8px;font-size:16px;line-height:1.45;
}
.room-sign-in .password-toggle{
  position:absolute;top:50%;right:5px;transform:translateY(-50%);
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;min-width:48px;padding:0;
  border:0;border-radius:7px;background:transparent;color:#303438;
  cursor:pointer;touch-action:manipulation;
}
.room-sign-in .password-toggle svg{display:block;width:23px;height:23px;pointer-events:none}
.room-sign-in .password-toggle svg[hidden]{display:none!important}
.room-sign-in .password-toggle:hover{background:#f1f3f4;color:#171717}
.room-sign-in .password-toggle:focus-visible{outline:2px solid #171717;outline-offset:-3px}