:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#10101b;color:#f0eefb}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,.button{cursor:pointer;background:#b9a0ff;color:#20113b;border:0;border-radius:10px;padding:12px 15px;font:600 .85rem system-ui;text-decoration:none;min-height:44px}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}input,select,textarea{width:100%;border:1px solid #4c475f;border-radius:8px;background:#191926;color:#fff;padding:11px;font:inherit;min-height:44px}input[type=color]{padding:5px}label{display:grid;gap:8px;font-size:.78rem;margin:16px 0}h1,h2{letter-spacing:-.04em}h2{font-size:1.1rem}p{line-height:1.65}.muted{font-size:.75rem;color:#bbb6cf}.eyebrow{font-size:.64rem;font-weight:700;letter-spacing:.13em;color:#c8b5ff}.office-top{height:72px;padding:15px 24px;border-bottom:1px solid #383448;display:flex;align-items:center;justify-content:space-between;gap:15px}.office-top a{text-decoration:none}.connection{font-size:.65rem;color:#b8e9d9}.office-shell{display:grid;grid-template-columns:250px minmax(280px,1fr) 280px;min-height:calc(100vh - 72px)}.builder,.team{padding:25px 20px;background:#151520;overflow:auto;max-height:calc(100vh - 72px)}.builder{border-right:1px solid #383448}.builder h1{font-size:1.65rem;line-height:1.15}.team{border-left:1px solid #383448}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-grid button{background:#2e2940;color:#e7dcff}.builder>div>button{width:100%;margin:6px 0}.import-label{border:1px dashed #635576;padding:10px;border-radius:9px}.world{position:relative;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at center,#393446,#1b1a29)}#officeCanvas{width:100%;height:100%;min-height:620px}#officeCanvas canvas{display:block;touch-action:none;width:100%;height:100%}.world-badge{position:absolute;top:24px;left:24px;pointer-events:none;display:grid;gap:8px}.world-badge strong{font-size:1.5rem}.world-controls{position:absolute;bottom:65px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:6px}.world-controls button{font-size:.7rem;background:#211e30e8;color:#fff;border:1px solid #6a5f83}#officeStatus{position:absolute;bottom:5px;left:18px;right:18px;font-size:.75rem;color:#e2daf2;pointer-events:none}#officeMessages{height:200px;overflow:auto;font-size:.8rem;margin:18px 0;border-bottom:1px solid #383448}#officeMessages p{padding:10px;background:#252133;border-radius:8px;overflow-wrap:anywhere}.meeting-settings{margin-top:30px;border-top:1px solid #40384f;padding-top:15px}#bubbles{position:absolute;inset:0;pointer-events:none}.speech-bubble{position:absolute;max-width:180px;background:white;color:#302a40;padding:9px 12px;border-radius:12px;font-size:.75rem;transform:translate(-50%,-100%);overflow-wrap:anywhere}.spaces-landing nav{display:flex;justify-content:space-between;padding:28px 6vw;border-bottom:1px solid #393248}.spaces-landing main{padding:70px 8vw;background:radial-gradient(ellipse at top right,#382554,transparent 60%)}.spaces-landing h1{font-size:clamp(3rem,7vw,6rem);line-height:1.02;max-width:800px;margin:28px 0}.spaces-landing em{font-style:normal;color:#c3a5ff}.spaces-landing main>p{max-width:650px;color:#c6bfd8;font-size:1.1rem}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:70px 0}.landing-grid article{padding:28px;background:#211c2d;border:1px solid #51425f;border-radius:16px}:focus-visible{outline:3px solid #ffdc8b;outline-offset:3px}@media(max-width:1100px){.office-shell{grid-template-columns:220px 1fr}.team{grid-column:1/-1;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}.team>label,.team>h2,.team>.eyebrow{grid-column:1/-1}.meeting-settings{margin:0}.builder{max-height:none}}@media(max-width:650px){.office-top{height:auto;flex-wrap:wrap}.office-shell{display:flex;flex-direction:column}.builder{order:1}.world{min-height:520px}#officeCanvas{min-height:520px;height:520px}.team{display:block;order:2}.builder{border:0}.asset-grid{grid-template-columns:repeat(3,1fr)}.landing-grid{grid-template-columns:1fr}.connection{font-size:.6rem}.world-badge{top:12px;left:16px}}



.editor-kit{border-top:1px solid #494057;margin:22px 0;padding-top:12px}.editor-switch,.editor-history{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-kit button{font-size:.72rem;padding:10px}.editor-kit button[aria-pressed=true]{background:#c9b6ff;box-shadow:0 0 0 2px #79619c}.editor-kit button[aria-pressed=false]{background:#292435;color:#e5dbf7}.editor-kit>label:has(input[type=checkbox]){display:flex;align-items:center}.editor-kit input[type=checkbox]{width:18px;min-height:18px}.editor-kit fieldset{min-width:0;padding:12px;border:1px solid #655274;border-radius:12px;margin:16px 0}.editor-kit legend{font-size:.78rem;color:#d5c1ff}.editor-kit fieldset:disabled{opacity:.5}.editor-kit input[type=range]{padding:0;min-height:30px;accent-color:#b89bea}.editor-kit output{font-size:.75rem;color:#dac9f1}.editor-kit fieldset button{width:100%;margin-top:8px}.asset-grid button{cursor:grab}.asset-grid button:active{cursor:grabbing}.office-drop-active{outline:3px dashed #c8b2ff;outline-offset:-5px}.office-dragging,.office-dragging canvas{cursor:grabbing!important}.editor-history{margin:14px 0}.editor-kit select{font-size:.78rem}.editor-kit label{margin:12px 0}

[hidden]{display:none!important}.avatar-customizer,.room-builder{border-top:1px solid #494057;margin:18px 0;padding:16px 0}.avatar-customizer button,.room-builder button{margin:5px 0;width:100%}#officePeople{padding-left:20px;font-size:.8rem;line-height:1.7}
.member-appearance{display:block;color:#c9bddb;font-size:.65rem;line-height:1.5;margin:3px 0 8px}
.member-avatar-preview{min-height:28px;padding:4px 8px;font-size:.65rem;background:#30263e;color:#e9ddff;border:1px solid #75628a;margin:0 0 8px}
.spaces-signin{margin:40px 0;padding:28px;border:1px solid #655274;border-radius:20px;background:#211d30;max-width:680px}.spaces-signin h2{font-size:1.7rem;margin:10px 0}.spaces-signin p{font-size:1rem}.spaces-signin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.signin-provider{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #9584ac;border-radius:10px;background:#faf8ff;color:#211d30;font:600 1rem system-ui;text-decoration:none}.signin-provider span{font-size:1.4rem}.signin-provider:disabled{opacity:.55;cursor:not-allowed}.signin-provider:focus-visible{outline:3px solid #b89bea;outline-offset:4px}

.spaces-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:40px}.spaces-entry-grid .spaces-signin{margin:0}.spaces-entry-grid h1{font-size:clamp(2.6rem,5vw,5rem)}.spaces-entry-grid .spaces-signin-actions{flex-direction:column}.spaces-entry-grid .spaces-signin h2{font-size:1.7rem}@media(max-width:850px){.spaces-entry-grid{grid-template-columns:1fr;gap:28px}.spaces-entry-grid .spaces-signin{margin-top:10px}}

/* Studio and member experience share the same scene and accessible controls. */
.office-top{background:linear-gradient(110deg,#171424,#262039);box-shadow:0 8px 30px #0002}.office-top strong{color:#d7c3ff}.builder,.team{background:linear-gradient(180deg,#1c1829,#14131e);scrollbar-width:thin;scrollbar-color:#65527d transparent}.builder h1{font-size:1.9rem;line-height:1.08;margin:14px 0}.mode-description{color:#bcb3cd;font-size:.8rem;margin-bottom:24px}.builder details{border:1px solid #494056;border-radius:14px;padding:14px;margin:16px 0;background:#211c302e}.builder summary{font-weight:650;cursor:pointer}.world-badge{background:#191622bf;border:1px solid #c8acff30;border-radius:16px;padding:16px 20px;backdrop-filter:blur(10px)}.world-badge strong{font-size:1.2rem}.world-controls{background:#171421d9;border:1px solid #79618b60;border-radius:16px;padding:10px;width:fit-content;max-width:calc(100% - 32px)}.world-controls button{border-radius:10px}.world-controls button[aria-pressed=true]{background:#c7b1f1;color:#241732}.team h2{font-size:1.15rem}.seat-settings,.meeting-settings{padding:18px;border:1px solid #53445f;border-radius:16px;background:#211b2c;margin:20px 0}.seat-settings h2,.meeting-settings h2{margin:0}.seat-settings button,.meeting-settings button,#officeChat button{width:100%}.asset-grid button{border:1px solid #59496d;border-radius:12px;transition:background .15s}.asset-grid button:hover{background:#49365e}.member-avatar-preview{margin-right:5px}#officePeople{list-style:none;padding:0}#officePeople li{padding:12px;border:1px solid #51425d;border-radius:12px;margin-bottom:8px;background:#231d30}#officeStatus{background:#171421df;border-radius:10px;padding:9px 12px;margin-bottom:12px}body[data-editable="false"] #builderTools,body[data-editable="false"] #saveOffice,body[data-editable="false"] .builder>label,body[data-editable="false"] .builder>.mode-description{display:none}body[data-editable="false"] .office-shell{grid-template-columns:230px minmax(280px,1fr) 290px}body[data-editable="false"] .meeting-settings>label{display:none}@media(max-width:1100px){body[data-editable="false"] .office-shell{grid-template-columns:220px 1fr}}@media(prefers-reduced-motion:reduce){.asset-grid button{transition:none}}

.avatar-face:disabled{display:none}.avatar-customizer>p[role=status]{font-size:.72rem;color:#b9afc6}

.proximity-voice{padding:14px;margin-bottom:16px;border:1px solid #716393;border-radius:14px;background:#211d32}.proximity-voice h3{margin:0 0 8px}.proximity-voice p{font-size:12px;line-height:1.5}.proximity-voice button{margin:4px 0}.proximity-voice audio{display:none}.proximity-voice small{display:block;overflow-wrap:anywhere}