:root{color-scheme:light;--font-family-sans: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--ink: #111217;--ink-soft: #4b505d;--background: #f3f5f8;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--border: rgba(17, 18, 23, .1);--accent: #ff9056;--accent-soft: #ff40b7;--accent-deep: #e96f39;--accent-deeper: #d03c94;--danger: #9f1239;--danger-bg: rgba(255, 241, 242, .86);--success: #116149;--success-bg: rgba(238, 251, 245, .88);--shadow-soft: 0 20px 70px rgba(20, 30, 48, .12);--shadow-strong: 0 32px 90px rgba(7, 16, 32, .2);--radius-xl: 36px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;font-family:var(--font-family-sans);color:var(--ink);background:var(--background)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100svh;color:var(--ink);background:radial-gradient(68rem 32rem at 14% -4%,rgba(255,162,64,.23),transparent 60%),radial-gradient(72rem 40rem at 90% -6%,rgba(255,64,183,.16),transparent 64%),linear-gradient(180deg,#fbfcff,#f4f6f9 42%,#f0f2f6);background-position:top center;background-repeat:no-repeat;line-height:1.55;-webkit-font-smoothing:antialiased}button,a,input,select{font:inherit}a{color:inherit}.signin-shell{display:grid;min-height:100svh;place-items:center;padding:clamp(1.25rem,4vw,2rem)}.signin-panel{width:min(100%,460px);display:grid;gap:1.35rem;padding:clamp(1.5rem,4vw,2.35rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);text-align:center}.signin-panel p{color:var(--ink-soft)}.app-shell{min-height:100svh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);position:sticky;top:0;z-index:10}.immersive-studio-logo{height:26px;display:block}.app-nav{display:flex;align-items:center;gap:.35rem}.app-nav a{padding:.4rem .9rem;border-radius:999px;text-decoration:none;color:var(--ink-soft);font-weight:500}.app-nav a.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 8px 24px #141e301a}.header-account{display:flex;align-items:center;gap:.65rem}.header-account .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.app-main{width:min(100%,960px);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 4rem;display:grid;gap:1.5rem;align-content:start}.page-title{font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.02em}.page-subtitle{color:var(--ink-soft)}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);padding:clamp(1.15rem,3vw,1.6rem);display:grid;gap:1rem}.card h2{font-size:1.1rem;letter-spacing:-.01em}.card-list{list-style:none;display:grid;gap:.35rem}.card-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--surface-strong);border:1px solid var(--border)}.card-row-link{text-decoration:none;transition:box-shadow .12s ease}.card-row-link:hover{box-shadow:0 10px 30px #141e301f}.card-row-main{display:flex;align-items:center;gap:.75rem;min-width:0}.card-row-main .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.card-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row-subtitle{color:var(--ink-soft);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.member-row{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);transition:border-color .14s ease,box-shadow .14s ease}.member-row:hover{border-color:#11121729;box-shadow:0 8px 24px #141e300f}.member-row-self{background:#ffffff94}.member-row-summary{display:grid;grid-template-columns:minmax(0,1fr) 7rem 7.5rem;align-items:center;gap:1rem;min-height:72px;padding:.8rem 1rem}.member-identity{display:flex;align-items:center;gap:.8rem;min-width:0}.member-identity .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto}.avatar-fallback{display:grid;place-items:center;color:var(--accent-deeper);background:linear-gradient(135deg,#ff905633,#ff40b72e);font-size:.8rem;font-weight:700}.member-copy{display:grid;min-width:0}.member-name,.member-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name{display:flex;align-items:center;gap:.5rem;font-weight:650}.member-email{color:var(--ink-soft);font-size:.88rem}.member-you{flex:0 0 auto;color:var(--ink-soft);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.member-role{justify-self:start}.member-actions{justify-self:end}.member-editor{display:grid;gap:1rem;padding:1rem;border-top:1px solid var(--border);background:#f3f5f8b8}.member-role-fieldset{border:0}.member-role-fieldset legend{margin-bottom:.55rem;color:var(--ink-soft);font-size:.82rem;font-weight:650}.member-role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.member-role-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:42px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-strong);cursor:pointer;font-size:.88rem;font-weight:600}.member-role-option:has(input:checked){border-color:#d03c9461;background:#ff40b712;color:var(--accent-deeper)}.member-role-option input{position:absolute;opacity:0;pointer-events:none}.member-role-option svg{width:16px;height:16px}.member-editor-actions,.member-editor-primary-actions{display:flex;align-items:center;gap:.5rem}.member-editor-actions{justify-content:space-between}.empty-note{color:var(--ink-soft);padding:.35rem .15rem}.badge{display:inline-flex;align-items:center;padding:.14rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:var(--surface-strong);color:var(--ink-soft)}.badge-owner{background:linear-gradient(120deg,#ff905629,#ff40b724);color:var(--accent-deep);border-color:#e96f3940}.badge-status-active,.badge-status-trial{background:var(--success-bg);color:var(--success);border-color:#11614933}.badge-status-past_due,.badge-status-suspended{background:var(--danger-bg);color:var(--danger);border-color:#9f123933}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.button:disabled{opacity:.55;cursor:default}.button svg{width:18px;height:18px}.button-primary{color:#fff;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-soft) 100%);box-shadow:0 14px 34px #e96f3959}.button-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 40px #d03c9459}.button-secondary{background:var(--surface-strong);border-color:var(--border);color:var(--ink)}.button-danger{background:var(--danger-bg);border-color:#9f123940;color:var(--danger)}.button-compact{padding:.32rem .8rem;font-size:.88rem;font-weight:500}.form-grid{display:grid;gap:.85rem}.form-field{display:grid;gap:.3rem}.form-field label{font-size:.9rem;font-weight:600;color:var(--ink-soft)}.form-field input,.form-field select{padding:.55rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);color:var(--ink)}.form-field input:focus-visible,.form-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-inline{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.form-inline .form-field{flex:1 1 220px}select.role-select{padding:.32rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);font-size:.88rem}.status-row,.error-row,.success-row{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.status-row{background:var(--surface-strong);color:var(--ink-soft)}.error-row{background:var(--danger-bg);color:var(--danger);border-color:#9f123933}.success-row{background:var(--success-bg);color:var(--success);border-color:#11614933}.status-row svg,.error-row svg,.success-row svg{width:19px;height:19px;flex-shrink:0;margin-top:.15rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plan-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}.workspace-page-header{display:flex;align-items:center;justify-content:space-between}.workspace-page-title{display:flex;align-items:center;gap:.85rem}.workspace-page-title>div{display:grid;justify-items:start;gap:.25rem}.workspace-page-mark{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(17,18,23,.08);border-radius:16px;color:#fff;box-shadow:0 10px 26px #141e3024;font-size:1.15rem;font-weight:750}.workspace-subnav{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.35rem;border:1px solid var(--border);border-radius:16px;background:#fff9;scrollbar-width:none}.workspace-subnav::-webkit-scrollbar{display:none}.workspace-subnav a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.55rem .85rem;border-radius:12px;color:var(--ink-soft);text-decoration:none;white-space:nowrap;font-size:.88rem;font-weight:650;transition:color .12s ease,background .12s ease,box-shadow .12s ease}.workspace-subnav a:hover{color:var(--ink);background:#ffffffb3}.workspace-subnav a.active{color:var(--ink);background:var(--surface-strong);box-shadow:0 6px 18px #141e3017}.workspace-subnav svg{width:17px;height:17px}.workspace-page-content{display:grid;gap:1.5rem}.plan-name{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.seat-count{font-size:1.05rem;font-weight:600}.seat-breakdown{color:var(--ink-soft);font-size:.92rem}.storage-total{display:grid;gap:.2rem;padding:1rem 1.1rem;border:1px solid rgba(233,111,57,.18);border-radius:var(--radius-sm);background:linear-gradient(120deg,#ff90561f,#ff40b717)}.storage-label{color:var(--ink-soft);font-size:.9rem;font-weight:600}.storage-total-value{font-size:clamp(1.7rem,5vw,2.3rem);letter-spacing:-.035em;line-height:1.15}.storage-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.storage-provider{display:grid;gap:.55rem;padding:.85rem .95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong)}.storage-provider dt{display:grid;gap:.05rem}.storage-provider-name{font-weight:600}.storage-object-count,.storage-measured-at{color:var(--ink-soft);font-size:.88rem}.storage-unmeasured-note{padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:.88rem}.storage-provider dd{font-size:1.15rem;font-weight:700}.storage-measured-at{justify-self:end}.branding-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.branding-card-heading p{margin-top:.2rem;color:var(--ink-soft);font-size:.9rem}.branding-card-heading>svg{width:22px;height:22px;color:var(--accent-deeper)}.branding-form{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.28fr);gap:1.5rem;align-items:start}.branding-fields,.branding-color-grid{display:grid;gap:.85rem}.branding-color-grid{grid-template-columns:1fr 1fr}.branding-color-control{display:flex;align-items:center;gap:.45rem;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong)}.branding-color-picker{width:36px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer}.branding-color-text{min-width:0;width:100%;padding:.35rem .3rem;border:0;outline:0;color:var(--ink);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;text-transform:uppercase}.branding-preview-panel{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f3f5f899}.branding-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.branding-preview-heading>div:first-child{display:grid;gap:.05rem}.branding-preview-heading span{color:var(--ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.branding-preview-heading strong{font-size:.9rem}.branding-preview-swatches{display:flex;align-items:center;gap:0}.branding-preview-swatches i{width:28px;height:28px;flex:0 0 auto;border:2px solid var(--surface-strong);border-radius:50%;box-shadow:0 0 0 1px #1112171f}.branding-preview-swatches i+i{margin-left:-7px}.branding-preview{overflow:hidden;border:1px solid rgba(17,18,23,.12);border-radius:12px;background:#fff;box-shadow:0 14px 32px #1018281f}.branding-preview-chrome{height:42px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;color:#fff;background:var(--branding-primary);font-size:.75rem;font-weight:700}.branding-preview-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:var(--branding-primary);background:#fff}.branding-preview-avatar{width:22px;height:22px;margin-left:auto;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:var(--branding-secondary)}.branding-preview-hero{position:relative;height:218px;overflow:hidden;background:linear-gradient(135deg,var(--branding-primary),var(--branding-secondary))}.branding-preview-hero img{width:100%;height:100%;display:block;object-fit:cover}.branding-preview-empty{height:100%;display:grid;place-items:center;align-content:center;gap:.5rem;color:#111217a6}.branding-preview-empty svg{width:30px;height:30px}.branding-preview-overlay{position:absolute;inset:auto 0 0;display:grid;gap:.15rem;padding:2.5rem 1rem 1rem;color:#fff;background:linear-gradient(transparent,#071020c7)}.branding-preview-overlay span{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.branding-preview-overlay strong{font-size:1.1rem}.branding-safe-area{position:absolute;inset:12% 15%;border:1px dashed rgba(255,255,255,.58);border-radius:8px;opacity:0;transition:opacity .16s ease}.branding-preview-panel:hover .branding-safe-area,.branding-preview-panel:focus-within .branding-safe-area{opacity:1}.branding-preview-content{display:grid;grid-template-columns:32px repeat(3,1fr);gap:.55rem;padding:.75rem;background:#fff}.branding-preview-content span,.branding-preview-content i{height:28px;border-radius:7px;background:color-mix(in srgb,var(--branding-secondary) 24%,#f2f4f7)}.branding-preview-content span{display:grid;place-items:center;color:var(--branding-primary)}.branding-preview-content svg{width:15px;height:15px}.branding-image-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.branding-upload-button{cursor:pointer}.branding-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.branding-image-guidance{display:grid;gap:.12rem;padding:.8rem .9rem;border-radius:10px;background:#f3f5f8b8;color:var(--ink-soft);font-size:.82rem}.branding-image-guidance strong{color:var(--ink);font-weight:650}.branding-form-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:.25rem;border-top:1px solid var(--border)}.branding-form-actions>div:first-child{flex:1}.branding-form-actions .error-row,.branding-form-actions .success-row{margin:0;padding:.65rem 0;border:0;background:transparent}.danger-zone{border-color:#9f123940}.danger-zone h2{color:var(--danger)}@media(max-width:900px){.branding-form{grid-template-columns:1fr}}@media(max-width:640px){.app-header{flex-wrap:wrap}.card-row{flex-direction:column;align-items:stretch}.card-row-actions{justify-content:flex-end}.member-row-summary{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.member-role{grid-column:1;padding-left:3.3rem}.member-actions{grid-column:2;grid-row:1 / span 2}.member-role-options{grid-template-columns:1fr}.member-editor-actions{align-items:stretch;flex-direction:column-reverse}.member-editor-primary-actions{justify-content:flex-end}.storage-breakdown,.branding-color-grid{grid-template-columns:1fr}.branding-form-actions{align-items:stretch;flex-direction:column}.branding-form-actions .button-primary{width:100%}.workspace-subnav{margin-inline:-.25rem}.workspace-subnav a{padding-inline:.7rem}.storage-measured-at{justify-self:start}}.profile-photo-row{display:flex;align-items:center;gap:.9rem}.profile-photo-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto;font-size:1.2rem}.profile-photo-actions{display:grid;gap:.35rem}.profile-photo-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.profile-photo-upload-button{cursor:pointer}.profile-photo-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.profile-photo-help{font-size:.78rem;color:var(--ink-soft)}.notifications,.notifications-toggle{position:relative}.notifications-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d9433b;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.notifications-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-height:420px;overflow-y:auto;background:var(--panel-background, #fff);border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 12px 32px #00000029;padding:10px;z-index:40}.notifications-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px}.notifications-empty{padding:12px 4px;color:#0000008c;font-size:13px}.notifications-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.notifications-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.notifications-row:hover{background:#0000000d}.notifications-row-unread .notifications-row-title{font-weight:700}.notifications-row-title{font-size:13px}.notifications-row-preview{font-size:12px;color:#0009;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifications-row-time{font-size:11px;color:#00000073}