:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-bg:#f4f5f7;--surface:#fff;--surface-muted:#ebeef1;--surface-sunken:#e3e7ec;--preview-surface:#ece8f8;--skeleton:#d5cdec;--text-primary:#1a1d21;--text-secondary:#545f6d;--text-muted:#8a95a1;--text-on-accent:#fff;--border:#dbe0e6;--border-strong:#c6cdd6;--accent:#5d4ce1;--accent-hover:#4c3dc4;--accent-subtle:#ece9fb;--brand-pink:#f23fac;--brand-indigo:#5d4ce1;--brand-purple:#bd64f2;--brand-lavender:#dce1ff;--brand-lavender-soft:#b5b8eb;--status-ok:#1c7f4c;--status-ok-bg:#e6f4ec;--status-warn:#b45309;--status-warn-bg:#fbf1e3;--status-error:#c03a2b;--status-error-bg:#fdeeeb;--status-error-text:#b03a2b;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1.15rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--topbar-h:3.5rem;--rail-w:min(360px, 40vw);--font-xs:.72rem;--font-sm:.8rem;--font-base:.9rem;--font-md:1rem;--font-lg:1.4rem;--font-family:"DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-family-display:"Plus Jakarta Sans", "DM Sans", sans-serif;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 8px 24px #10182814, 0 1px 3px #10182814}*{box-sizing:border-box}html{background:#fff}@media (width<=767px){html,body{overscroll-behavior:none;touch-action:pan-y;max-width:100%;overflow-x:clip}input,select,textarea{font-size:16px}}body{background:var(--surface);color:var(--text-primary);font-family:var(--font-family);margin:0}body:has(.auth-screen){background:var(--preview-surface)}.setup-screen{background:#ece8f8;place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.setup-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(100%,34rem);box-shadow:var(--shadow-md);padding:2.25rem}.setup-card h1,.checkout-page h1{font-family:var(--font-family-display);margin:.35rem 0 .75rem}.setup-card p,.checkout-page p{color:var(--text-secondary);line-height:1.55}.setup-eyebrow{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.08em;margin:1.5rem 0 .25rem;font-weight:700;color:var(--accent)!important}.checkout-screen{background:#fff;overflow:auto}.checkout-page{width:min(100%,38rem);padding:2.25rem;position:relative}.checkout-page .checkout-close{z-index:1;cursor:pointer;width:44px;height:44px;position:absolute;top:1rem;right:1rem}.checkout-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.checkout-page .auth-logo{justify-content:center;width:100%;display:flex}.checkout-page .auth-logo img{width:64px;margin-inline:auto;display:block}.checkout-page .setup-eyebrow{text-align:center}.checkout-page h1{text-align:center;margin-top:.3rem}.checkout-intro{text-align:center;max-width:30rem;margin:0 auto 1.25rem}.checkout-cadence,.billing-toggle{background:var(--surface-muted);border-radius:.8rem;width:max-content;max-width:100%;margin:1.25rem auto;padding:.25rem;display:flex}.checkout-cadence button,.billing-toggle button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.65rem .9rem}.checkout-cadence button.active,.billing-toggle button.active{color:var(--text-primary);background:var(--surface);box-shadow:var(--shadow-sm)}.checkout-cadence small,.billing-toggle small{color:var(--accent);margin-left:.25rem;font-weight:700}.checkout-plan-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);padding:1.4rem}.checkout-plan-card header{border-bottom:1px solid var(--border);text-align:center;padding-bottom:1rem}.checkout-plan-label{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.checkout-price{margin-top:.5rem}.checkout-price strong{font-family:var(--font-family-display);font-size:2.6rem}.checkout-price span{color:var(--text-secondary)}.checkout-plan-card header p{font-size:var(--font-sm);margin:.2rem 0 0}.checkout-plan-card ul{gap:.65rem;margin:1rem 0 1.3rem;padding-left:1.25rem;display:grid}.checkout-plan-card li::marker{color:var(--accent)}.checkout-button{width:100%;min-height:3.5rem;padding-block:1rem;font-size:1rem}.checkout-notice{border-radius:var(--radius-md);font-size:var(--font-sm);background:#fff5dc;padding:.75rem;color:#735718!important;margin:.8rem 0 0!important}.checkout-seat-note,.setup-fineprint{font-size:var(--font-sm);text-align:center;margin:1rem 0 0;color:var(--text-muted)!important}.checkout-footer{justify-content:space-between;gap:.75rem;margin-top:1.25rem;display:flex}.checkout-logout{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:.6rem .75rem}.pricing-card{max-width:38rem}.pricing-card .auth-logo{justify-content:center;width:100%;display:flex}.pricing-card .auth-logo img{margin-inline:auto;display:block}.pricing-summary{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;gap:.5rem;margin:1rem 0;padding:1.1rem;display:grid}.pricing-summary>strong{font-family:var(--font-family-display);font-size:1.75rem}.pricing-card>.btn-primary{width:100%;min-height:3.5rem;padding-block:1rem;font-size:1rem}@media (width<=600px){.checkout-page{padding:1.25rem}.checkout-footer{flex-wrap:wrap}}.hierarchy-new-button{border-radius:50%;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;padding:0;font-size:1.35rem;font-weight:500;line-height:1;display:inline-grid}.btn-primary.hierarchy-new-button{border-radius:50%;padding:0}.zoom-heading-actions{align-items:center;gap:var(--space-3);display:inline-flex}.hierarchy-create{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.hierarchy-create input{border:1px solid var(--border-strong);border-radius:var(--radius-md);flex:12rem;min-width:0;padding:.65rem .75rem}.hierarchy-create .auth-error{flex-basis:100%;margin:0}.hierarchy-modal-backdrop{z-index:30;background:#14171e57;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.hierarchy-modal{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(100%,28rem);padding:1.25rem;box-shadow:0 20px 60px #10182833}.hierarchy-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.hierarchy-modal-eyebrow{color:var(--accent);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-weight:700}.hierarchy-modal h2{font-family:var(--font-family-display);margin:0;font-size:1.25rem}.hierarchy-modal-close{background:var(--surface-muted);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.35rem;line-height:1;display:grid}.hierarchy-modal-close:hover{background:var(--surface-sunken);color:var(--text-primary)}.hierarchy-modal-label{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:.4rem;font-weight:600;display:block}.hierarchy-modal input{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:.7rem .75rem}.hierarchy-modal input:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px;border-color:var(--accent)}.hierarchy-modal .auth-error{margin:.65rem 0 0}.hierarchy-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.brand-settings-modal,.hierarchy-item-settings-modal{--accent:#626a73;--accent-hover:#4f5760;--accent-subtle:#eef0f2}.brand-settings-modal .btn-primary,.hierarchy-item-settings-modal .btn-primary{background:#4f5760}.brand-settings-modal .btn-primary:hover,.hierarchy-item-settings-modal .btn-primary:hover{background:#3f464e}.brand-settings-modal input:focus,.brand-settings-modal textarea:focus,.hierarchy-item-settings-modal input:focus{outline-color:#626a7340}.brand-settings-modal .brand-goals-options input{accent-color:#626a73}.version-detail-backdrop{z-index:40}.version-detail-modal{width:min(100%,58rem);max-height:min(92dvh,58rem);overflow:auto}.version-detail-preview{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);width:100%;overflow:hidden}.version-detail-preview iframe{background:#fff;border:0;width:100%;height:100%;display:block}.version-detail-preview-state{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:100%;padding:var(--space-4);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.version-detail-preview-state .auth-error{margin:0}.version-detail-preview-state button{flex:none}.version-detail-info{flex-wrap:wrap;gap:1rem 2rem;margin:1rem 0 0;display:flex}.version-detail-info div{min-width:7rem}.version-detail-info dt{color:var(--text-muted);font-size:var(--font-xs);font-weight:600}.version-detail-info dd{color:var(--text-primary);font-size:var(--font-sm);margin:.2rem 0 0}.version-detail-description{color:var(--text-secondary);margin:1rem 0 0;line-height:1.5}.btn-danger{border:1px solid var(--status-error);border-radius:var(--radius-md);background:var(--status-error);color:#fff;cursor:pointer;padding:.6rem .9rem;font-weight:600}.btn-danger:disabled{opacity:.6;cursor:default}.share-modal-backdrop{z-index:50}.share-modal{width:min(100%,32rem)}.share-modal-description{color:var(--text-secondary);font-size:var(--font-sm);margin:-.5rem 0 1.25rem}.share-modal-status{color:var(--text-secondary);font-size:var(--font-sm);margin:1rem 0}.share-modal .share-link-input{color:var(--text-secondary);font-size:var(--font-sm)}.share-modal-actions{flex-wrap:wrap}.share-modal-copy-status{min-height:1.2em;color:var(--status-ok);font-size:var(--font-sm);margin:.75rem 0 0}.share-modal-actions button:disabled{opacity:.65;cursor:default}.standalone-preview{background:#fff;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.standalone-preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.standalone-preview-state{color:var(--text-secondary);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.standalone-preview-unavailable h1{color:var(--text-primary);font-family:var(--font-family-display);margin:0 0 .5rem;font-size:1.5rem}.standalone-preview-unavailable p{margin:0}.brand-delete-copy{color:var(--text-secondary);margin:0;line-height:1.5}button{font:inherit}.jev-lab{color:#25241f;background:#f4f2ed;min-height:100dvh;padding:clamp(1.25rem,3vw,3rem);overflow:auto}.jev-lab-header{grid-template-columns:7rem minmax(0,1fr);gap:1rem;width:min(100%,78rem);margin:0 auto 1.5rem;display:grid}.jev-back{color:#69675f;width:max-content;font-size:.85rem;font-weight:650;text-decoration:none}.jev-back:hover{color:#25241f}.jev-eyebrow{color:#777266;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:750}.jev-lab-header h1{font-family:var(--font-family-display);letter-spacing:-.035em;margin:.35rem 0 .45rem;font-size:clamp(2rem,5vw,4rem);font-weight:550}.jev-lab-header p{color:#69675f;max-width:48rem;margin:0;line-height:1.55}.jev-form,.jev-results{width:min(100%,64rem);margin-inline:auto}.jev-form{background:#fff;border:1px solid #d8d4cb;border-radius:1rem;padding:1rem;box-shadow:0 12px 35px #3731260f}.jev-form label{margin-bottom:.55rem;font-size:.82rem;font-weight:700;display:block}.jev-form textarea{resize:vertical;color:#25241f;width:100%;font:inherit;background:#fbfaf7;border:1px solid #d8d4cb;border-radius:.7rem;padding:.9rem;line-height:1.5}.jev-form textarea:focus{border-color:#888174;outline:3px solid #645e5024}.jev-form-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.jev-form-footer>span{color:#89857c;font-size:.72rem}.jev-form-footer .btn-primary{background:#302f2b;border:0}.jev-form-footer .btn-primary:hover{background:#151512}.jev-error{color:#973b2e;background:#fff0ed;border-radius:.6rem;margin:.75rem 0 0;padding:.75rem;font-size:.82rem}.jev-results{gap:1rem;padding-block:1.25rem 4rem;display:grid}.jev-route-card,.jev-panel,.jev-raw{background:#fff;border:1px solid #d8d4cb;border-radius:1rem;box-shadow:0 8px 24px #3731260a}.jev-route-card{grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;padding:1.25rem;display:grid}.jev-route-card h2{font-family:var(--font-family-display);text-transform:capitalize;margin:.3rem 0 0;font-size:clamp(1.25rem,3vw,2rem);font-weight:550}.jev-route-card dl{gap:1.25rem;margin:0;display:flex}.jev-route-card dl div{align-content:start;gap:.2rem;display:grid}.jev-route-card dt{color:#89857c;text-transform:uppercase;font-size:.66rem;font-weight:700}.jev-route-card dd{margin:0;font-size:.78rem;font-weight:650}.jev-flags{flex-wrap:wrap;grid-column:1/-1;gap:.4rem;display:flex}.jev-flags span{color:#918d85;background:#efede8;border-radius:999px;padding:.38rem .58rem;font-size:.7rem;font-weight:650}.jev-flags span.active{color:#345236;background:#dfe9dc}.jev-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.jev-panel{padding:1.1rem}.jev-panel-heading,.jev-branch-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.jev-panel-heading{margin-bottom:.8rem}.jev-panel-heading h2{margin:0;font-size:1rem}.jev-panel-heading>span{color:#89857c;font-size:.68rem}.jev-branches{gap:.5rem;display:grid}.jev-branch{background:#fbfaf7;border:1px solid #ebe8e2;border-radius:.7rem;padding:.75rem}.jev-branch.selected{background:#f0f6ed;border-color:#aabca4}.jev-branch-top strong{font-size:.78rem}.jev-branch-top b{color:#68645b;font-size:.72rem}.jev-meter{background:#e5e2dc;border-radius:999px;height:.3rem;margin-top:.45rem;overflow:hidden}.jev-meter span{border-radius:inherit;background:#8b867b;height:100%;display:block}.jev-branch.selected .jev-meter span{background:#668060}.jev-branch p{color:#77736a;margin:.45rem 0 0;font-size:.68rem;line-height:1.4}.jev-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.jev-signals>div{border:1px solid #ebe8e2;border-radius:.7rem;padding:.7rem}.jev-signals>div>span{color:#77736a;text-transform:capitalize;font-size:.7rem}.jev-signals>div>strong{float:right;font-size:.72rem}.jev-raw{overflow:hidden}.jev-raw summary{cursor:pointer;padding:.9rem 1rem;font-size:.78rem;font-weight:700}.jev-raw pre{color:#e8e4db;background:#24241f;border-top:1px solid #e5e2dc;max-height:32rem;margin:0;padding:1rem;font-size:.72rem;line-height:1.5;overflow:auto}@media (width<=720px){.jev-lab-header,.jev-route-card,.jev-branch-grid{grid-template-columns:1fr}.jev-route-card dl{flex-wrap:wrap}.jev-signals{grid-template-columns:repeat(2,minmax(0,1fr))}}.app{flex-direction:row;height:100dvh;display:flex;position:relative;overflow:hidden}.studio-hydration-cover{z-index:100;background:#fff;display:flex;position:absolute;inset:0}.studio-hydration-cover .boot{width:100%;padding-inline:var(--space-4)}.stage{background:var(--preview-surface);flex:auto;min-width:0;position:relative}.preview.stage-loading-placeholder{top:var(--topbar-h);z-index:9;background:var(--preview-surface);padding-top:0}.preview-zoom{z-index:7;transform-origin:0 var(--topbar-h);will-change:transform, opacity;position:absolute;inset:0;overflow:hidden}.stage-placeholder .topbar{border-bottom:1px solid var(--border)}.topbar{z-index:13;align-items:center;gap:var(--space-4);height:var(--topbar-h);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:#fff;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.crumb-logo{width:14px;height:14px;margin-right:var(--space-1);position:relative;top:-2px}.breadcrumb{align-items:center;gap:var(--space-3);min-width:0;font-size:var(--font-sm);font-family:var(--font-family);color:var(--text-secondary);display:flex}.crumb{appearance:none;color:var(--text-secondary);font-size:inherit;cursor:pointer;white-space:nowrap;border-radius:var(--radius-xs);background:0 0;border:0;align-items:center;margin:-.25rem 0;padding:.5rem .45rem;font-weight:500;transition:color .12s,background .12s;display:inline-flex}.crumb:hover{color:var(--text-primary)}.crumb-current{color:var(--text-primary);font-weight:600}.crumb:disabled{cursor:default;opacity:.65}.crumb-collection{color:var(--text-primary);cursor:default;font-weight:600}.crumb-muted{color:var(--text-muted);font-weight:500}.crumb-sep{color:var(--text-muted);-webkit-user-select:none;user-select:none}.crumb-group{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.crumb-tooltip-anchor{min-width:0;display:inline-flex}.crumb-loading{justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.crumb-spinner{border:2px solid var(--text-muted);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite crumb-spin}@keyframes crumb-spin{to{transform:rotate(360deg)}}.topbar-actions{align-items:center;gap:var(--space-3);white-space:nowrap;margin-left:auto;display:flex}.topbar-mobile-actions{display:none}.btn-page-action{color:var(--text-primary);align-items:center;gap:.45rem;display:inline-flex}.page-action-icon{flex:none;width:1rem;height:1rem}.btn-page-action-icon{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.btn-page-action-icon:hover{background:var(--surface-muted);color:var(--text-primary)}.btn-page-action-icon svg{width:1.25rem;height:1.25rem}.btn-upgrade{color:#fff;border:1px solid var(--border);font-size:var(--font-sm);cursor:pointer;background:#5d4ce1;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-weight:600;transition:background .3s;display:inline-flex}.btn-upgrade:hover{background:#4c3dc4}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed}.topbar-plan-action{flex-shrink:0}.topbar-page-settings{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;padding:0;display:inline-grid}.topbar-page-settings:hover{color:var(--text-primary);background:var(--surface-muted)}.topbar-page-settings svg{width:1.25rem;height:1.25rem}.publish-modal p{line-height:1.5}.publish-address{overflow-wrap:anywhere;color:var(--text-secondary)}.publish-live-link{width:fit-content;color:var(--text-primary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.publish-live-link:visited{color:var(--text-primary)}.publish-live-link svg{flex-shrink:0;width:1rem;height:1rem}.studio-action-feedback{z-index:145;top:calc(var(--topbar-h) + 1rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:min(28rem,100vw - 2rem);box-shadow:var(--shadow-md);padding:1rem;position:fixed;right:1rem}.studio-action-feedback p{margin:0 0 .75rem}.upgrade-icon{flex-shrink:0;width:1rem;height:1rem;display:block}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;padding:.4rem .7rem}.btn-ghost:hover{background:var(--surface-muted);color:var(--text-primary)}.btn-styles{color:var(--text-primary);align-items:center;gap:.4rem;display:inline-flex}.btn-styles .palette-icon{width:1rem;height:1rem}.btn-menu{display:none}.btn-menu .menu-icon{width:1.35rem;height:1.35rem;display:block}.btn-menu-loc{color:var(--text-primary);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:none;overflow:hidden}.btn-account{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;display:none}.topbar-mobile{z-index:8;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-family:var(--font-family-display);background:#fff;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}@media (width>=761px){.topbar-mobile{display:none}}@media (width<=760px){.topbar-desktop{display:none}}.topbar-mobile-title{text-align:left;min-width:0;max-width:calc(100vw - 9rem);font-size:var(--font-base);font-family:var(--font-family-display);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:0 auto;font-weight:800;position:static;overflow:hidden;transform:none}.mobile-studio-heading{display:none}.topbar-mobile-back{justify-content:flex-start;gap:var(--space-2);flex:0 auto;width:fit-content;min-width:0;max-width:calc(100% - 7rem)}.topbar-mobile-back .back-icon,.topbar-mobile .btn-settings,.topbar-mobile .btn-upgrade-mobile{flex:none}.btn-back,.btn-settings{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-settings{margin-left:auto}.btn-upgrade-mobile{flex-shrink:0;padding:.4rem .75rem}.btn-back:hover,.btn-settings:hover{background:var(--surface-muted);color:var(--text-primary)}.back-icon,.cog-icon{width:1.25rem;height:1.25rem;display:block}.topbar-mobile .topbar-mobile-back{width:fit-content;min-width:0;max-width:calc(100% - 7rem);margin-left:calc(-1 * var(--space-2));padding:var(--space-2);flex:0 auto}.mobile-segmented{justify-content:center;align-items:center;gap:var(--space-1);margin:var(--space-3) auto var(--space-4);padding:var(--space-1);border-radius:var(--radius-pill);background:#fff;border:1px solid #fff6;width:fit-content;display:flex}.mobile-segment{appearance:none;border-radius:var(--radius-pill);font-size:var(--font-sm);color:#000;cursor:pointer;background:0 0;border:0;padding:.4rem 1.1rem;font-weight:600;transition:background .12s,color .12s}.mobile-segment:hover{color:#000}.mobile-segment-active{color:#fff;background:#000}.mobile-segment-active:hover{color:#fff}.rail-toggle-inline{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;order:3;justify-content:center;align-items:center;gap:.4rem;padding:.3rem;display:inline-flex}.rail-toggle-label{font-size:var(--font-sm);white-space:nowrap;font-weight:500;display:none}.rail-icon{width:1.35rem;height:1.35rem;display:block}.rail-icon-eye{display:none}.rail-toggle-inline:hover{color:var(--text-primary);background:var(--surface-muted)}.preview{padding-top:var(--topbar-h);background:var(--preview-surface);position:absolute;inset:0;overflow:auto}.placeholder{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--text-secondary);padding-right:var(--space-5);box-shadow:var(--shadow-sm);border:none;flex-direction:column;margin:0;display:flex}.placeholder h2{font-size:var(--font-lg);color:var(--text-primary);margin:0}.placeholder p{max-width:34rem;margin:0}.placeholder .muted{font-size:var(--font-lg);color:var(--text-muted)}.placeholder-image{width:80px;height:auto;margin-bottom:var(--space-4);mix-blend-mode:darken;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.placeholder-skeleton{text-align:left;padding:0;padding-right:var(--space-5);justify-content:flex-start;align-items:stretch;gap:0;position:relative;overflow:hidden auto}.sk-tooltip{z-index:2;padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--font-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;opacity:0;will-change:transform;background:#fff;font-weight:600;transition:opacity .14s;position:absolute;top:0;left:0}.sk-tooltip-visible{opacity:1}.placeholder-skeleton .sk-tooltip:after{content:none}.crumb-tooltip{z-index:100;white-space:normal;max-width:calc(100vw - 24px);position:fixed}.sk-tooltip:after{content:"";background:#fff;border-radius:2px;width:12px;height:12px;position:absolute}.sk-tooltip-arrow-top:after{top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.sk-tooltip-arrow-bottom:after{bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.sk-tooltip-arrow-left:after{top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.sk-tooltip-arrow-right:after{top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}@media (hover:none),(pointer:coarse){.sk-tooltip{display:none}}.sk-page{flex-direction:column;gap:2.5rem;width:100%;padding:1rem 1.5rem 2rem;display:flex}.sk{background:var(--skeleton);border-radius:var(--radius-md);z-index:0;flex-shrink:0;height:32px;animation:none;position:relative;overflow:hidden}.sk:after{content:"";z-index:2;opacity:0;background-image:linear-gradient(90deg,#0000 0%,#ffffff4d 20%,#0000 100%);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.placeholder-skeleton-active .sk:after{animation:2s ease-in-out infinite sk-shimmer}@keyframes sk-shimmer{0%{opacity:0;background-position:-600px 0}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:0;background-position:1200px 0}}@media (prefers-reduced-motion:reduce){.placeholder-skeleton-active .sk:after{animation:none}}.sk-row{align-items:center;display:flex}.sk-between{justify-content:space-between}.sk-nav-links{gap:20px;display:flex}.sk-logo{height:28px}.sk-nav-link{height:14px}.sk-heading{height:40px}.sk-subheading,.sk-line,.sk-logo-mark{height:24px}.sk-footer-link{height:12px}.sk-button{border-radius:6px;height:36px}.sk-button-lg{height:44px}.sk-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:4rem 0;display:flex}.sk-strip{border-top:4px solid #d5cdec;border-bottom:4px solid #d5cdec;justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.sk-image{border-radius:var(--radius-lg);flex-shrink:0;height:320px;min-height:320px}.sk-button{flex-shrink:0}.sk-feature{align-items:center;gap:40px;display:flex}.sk-feature-reverse{flex-direction:row-reverse}.sk-feature-text{flex-direction:column;flex:1;gap:14px;display:flex}.sk-cta{text-align:center;border:4px solid #d5cdec;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:4rem 1rem;display:flex}.sk-footer{border-top:4px solid #d5cdec;flex-direction:column;gap:24px;padding-top:2rem;display:flex}.sk-footer-top{justify-content:space-between;gap:24px;display:flex}.sk-footer-cols{gap:48px;display:flex}.sk-footer-col{flex-direction:column;gap:10px;display:flex}.placeholder-skeleton-thumbnail{background:var(--preview-surface);width:1440px;height:900px;transform:scale(var(--skeleton-thumb-scale,.25));transform-origin:0 0;pointer-events:none;padding:0;display:block;position:absolute;top:0;left:0;overflow:hidden}.placeholder-skeleton-thumbnail .sk-page{gap:2.5rem;width:1440px;padding:1rem 1.5rem 2rem}.placeholder-skeleton-thumbnail .sk-nav-links{display:flex}.placeholder-skeleton-thumbnail .sk-feature,.placeholder-skeleton-thumbnail .sk-feature-reverse{align-items:center;gap:40px;width:auto}.placeholder-skeleton-thumbnail .sk-feature{flex-direction:row}.placeholder-skeleton-thumbnail .sk-feature-reverse{flex-direction:row-reverse}.placeholder-skeleton-thumbnail .sk-feature>*,.placeholder-skeleton-thumbnail .sk-feature-reverse>*{flex:1 1 0}.placeholder-skeleton-thumbnail .sk-image,.placeholder-skeleton-thumbnail .sk-feature .sk-image,.placeholder-skeleton-thumbnail .sk-feature-reverse .sk-image{flex:1 1 0;align-self:auto;width:auto;height:320px;min-height:320px}.placeholder-skeleton-thumbnail .sk-feature-text{flex:1 1 0;align-items:stretch;width:auto}.placeholder-skeleton-thumbnail .sk-cta{width:auto;padding:4rem 1rem}.placeholder-skeleton-thumbnail .sk-footer{align-items:stretch;width:auto}.placeholder-skeleton-thumbnail .sk-footer-top,.placeholder-skeleton-thumbnail .sk-footer-cols{flex-direction:row;align-items:flex-start;width:auto}.placeholder-skeleton-thumbnail .sk-footer-col{align-items:stretch;width:auto}.zoom-thumb{--skeleton-thumb-scale:var(--zoom-thumb-scale,.25)}@media (width<=760px){.placeholder-skeleton:not(.placeholder-skeleton-thumbnail){padding-right:var(--space-4);width:100%}.sk-page{gap:2rem;width:100%;padding:1rem 1rem 96px}.sk-nav-links{display:none}.sk-feature,.sk-feature-reverse{flex-direction:column;align-items:center;gap:20px;width:100%}.sk-feature>*,.sk-feature-reverse>*{flex:none}.sk-feature .sk-image,.sk-feature-reverse .sk-image{align-self:stretch;width:100%;height:320px;min-height:320px;flex:0 0 320px!important}.sk-feature-text{flex:none;align-items:center;width:100%}.sk-feature-text .sk-button{width:112px!important}.sk-cta{width:100%;padding:2.5rem 1rem}.sk-cta .sk-button{width:140px!important}.sk-footer{align-items:center;width:100%}.sk-footer-top,.sk-footer-cols{flex-direction:column;align-items:center;gap:20px;width:100%}.sk-footer-col{align-items:center;width:100%}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk{height:21px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-logo{height:18px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-heading{height:26px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-subheading,.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-line,.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-logo-mark{height:16px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer-link{height:8px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-button{height:23px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-button-lg{height:29px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-image,.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature .sk-image,.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-reverse .sk-image{aspect-ratio:4/3;align-self:center;width:min(65%,280px);height:auto;min-height:0;flex:none!important}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-page{gap:1.35rem}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-hero{gap:14px;padding:2.25rem 0}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-strip{padding:1rem 0}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature,.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-reverse{gap:14px}.placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-cta{padding:1.75rem 1rem}}.mobile-hierarchy{min-height:100dvh;color:var(--text-primary);background:#f7f7f5}.mobile-hierarchy-header{background:#fff;border-bottom:1px solid #00000014;align-items:center;gap:8px;min-height:56px;padding:0 8px;display:flex}.mobile-hierarchy-header .browser-breadcrumbs{scrollbar-width:none;flex:auto;gap:4px;min-width:0;overflow-x:auto}.mobile-hierarchy-header .browser-breadcrumbs::-webkit-scrollbar{display:none}.mobile-hierarchy-header .browser-breadcrumbs .crumb{font-size:var(--font-xs);padding-inline:3px}.mobile-hierarchy-header .browser-breadcrumbs .crumb-logo{flex:none;margin-right:1px}.mobile-hierarchy-header h1{text-align:left;min-width:0;font-size:var(--font-base);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.mobile-hierarchy-header .mobile-hierarchy-settings{margin-left:auto}.mobile-hierarchy-header .hierarchy-new-button{margin-left:0}.mobile-hierarchy-back{border-radius:var(--radius-md);width:fit-content;min-width:0;max-width:calc(100% - 3rem);color:var(--text-primary);background:0 0;border:0;align-items:center;gap:8px;margin-left:-4px;padding:8px;font-weight:800;display:inline-flex}.mobile-hierarchy-back-icon{color:var(--text-secondary);flex:none;font-size:1.5rem;font-weight:400;line-height:1}.mobile-hierarchy-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-base);overflow:hidden}.mobile-hierarchy-list{gap:8px;padding:12px;display:grid}.mobile-hierarchy>.zoom-state{padding:24px 16px}.mobile-hierarchy-row{text-align:left;width:100%;min-height:76px;color:inherit;background:#fff;border:1px solid #00000014;border-radius:12px;grid-template-columns:68px 1fr 24px;align-items:center;gap:12px;padding:8px;display:grid}.mobile-hierarchy-thumb{--skeleton-thumb-scale:.04727;background:var(--preview-surface);border-radius:7px;justify-content:center;align-items:center;width:68px;height:52px;display:flex;position:relative;overflow:hidden}.mobile-hierarchy-thumb .placeholder-skeleton-thumbnail{height:1100px}.mobile-hierarchy-thumb-frame{background:var(--preview-surface);transform-origin:0 0;pointer-events:none;border:0;width:1440px;height:1100px;position:absolute;top:0;left:0;transform:scale(.0472222)}.mobile-hierarchy-copy{gap:4px;min-width:0;display:grid}.mobile-hierarchy-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.mobile-hierarchy-copy small{color:var(--text-muted)}.mobile-hierarchy-chevron{color:var(--text-muted);font-size:1.5rem}.preview-frame{background:var(--preview-body-background,var(--surface));border:0;width:100%;height:100%}.preview:has(>.preview-frame){background:var(--preview-body-background,var(--surface))}.viewport-segmented{left:50%;bottom:var(--space-5);z-index:12;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:#fff;border:1px solid #fff6;display:flex;position:absolute;transform:translate(-50%)}.viewport-segment{appearance:none;border-radius:var(--radius-pill);color:#000;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .12s,color .12s;display:inline-flex}.viewport-segment:hover{color:#000}.viewport-segment-active{color:#fff;background:#000}.viewport-segment-active:hover{color:#fff}.viewport-icon{width:1.15rem;height:1.15rem;display:block}.viewport-phone .preview{justify-content:center;display:flex}.viewport-phone .preview-frame{width:480px;max-width:100%;box-shadow:var(--shadow-md);border-radius:0;flex:0 0 480px}.viewport-phone .preview.stage-loading-placeholder{justify-content:center;display:flex}.viewport-phone .stage-loading-placeholder>.placeholder-skeleton:not(.placeholder-skeleton-thumbnail){box-sizing:border-box;flex:none;width:480px;max-width:100%;padding:0}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-page{box-sizing:border-box;gap:1.35rem;width:100%;padding:1rem 1rem 96px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-nav-links{display:none}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-reverse{flex-direction:column;align-items:center;gap:14px;width:100%}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature>*,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-reverse>*{flex:none!important}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature .sk-image,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-reverse .sk-image{aspect-ratio:4/3;align-self:center;width:min(65%,280px);height:auto;min-height:0;flex:none!important}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-text{flex:none;align-items:center;width:100%}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-feature-text .sk-button{width:112px!important}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-cta{box-sizing:border-box;width:100%;padding:1.75rem 1rem}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-cta .sk-button{width:140px!important}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer{align-items:center;width:100%}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer-top,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer-cols{flex-direction:column;align-items:center;gap:14px;width:100%}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer-col{align-items:center;width:100%}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk{height:21px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-logo{height:18px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-heading{height:26px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-subheading,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-line,.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-logo-mark{height:16px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-footer-link{height:8px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-button{height:23px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-button-lg{height:29px}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-hero{gap:14px;padding:2.25rem 0}.viewport-phone .placeholder-skeleton:not(.placeholder-skeleton-thumbnail) .sk-strip{padding:1rem 0}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:0;padding:.5rem .9rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .9rem}.btn-secondary:hover{background:var(--surface-muted)}.rail{width:var(--rail-w);z-index:10;background:var(--surface);border-left:0;flex-direction:column;flex:none;min-height:0;transition:width .22s,opacity .18s;display:flex;position:relative;overflow:hidden}.rail[hidden]{display:none}.rail-resizer{z-index:11;background:var(--border);cursor:col-resize;touch-action:none;flex:0 0 1px;width:1px;position:relative}.rail-resizer:before{content:"";position:absolute;inset:0 -6px}.rail-resizer:hover,.rail-resizer:focus-visible{background:var(--accent)}.rail-resizer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-resizing,.rail-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.rail-resizing .rail{transition:none}.rail-collapsed{opacity:0;pointer-events:none;width:0;min-width:0;overflow:hidden}.zoom-grid{top:var(--topbar-h);z-index:6;position:absolute;bottom:0;left:0;right:0}.zoom-grid-loading{z-index:9}.zoom-backdrop{cursor:default;background:#fff;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.zoom-panel{height:100%;padding:0 var(--space-5) var(--space-6) var(--space-5);background:#fff;flex-direction:column;display:flex;position:relative;overflow-y:auto}.browser-panel{padding-bottom:0;overflow:hidden}.browser-panel .zoom-header{padding-top:var(--space-3);padding-bottom:var(--space-3)}.browser-panel .zoom-title{padding:0}.zoom-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 calc(-1 * var(--space-5)) 0;padding:24px var(--space-5);border-top:0;border-bottom:1px solid var(--border);background:#fff;display:flex;position:sticky;top:0}.zoom-title{padding:var(--space-4) 0;font-family:var(--font-family-display);color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.zoom-title-lg{padding:0;font-size:2.25rem}.zoom-sub{margin:var(--space-1) 0 0;color:var(--text-secondary)}.zoom-close{appearance:none;width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.zoom-close:hover{color:#000}.zoom-close-icon{width:1.5rem;height:1.5rem}.zoom-cards{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zoom-cards-placeholder{min-height:420px}.zoom-card-placeholder{pointer-events:none;animation:1.2s ease-in-out infinite alternate zoom-placeholder-pulse}.zoom-card-placeholder .zoom-thumb{background:var(--preview-surface)}.zoom-thumb-placeholder{background-color:var(--preview-surface);background-image:linear-gradient(100deg,#0000 20%,#ffffff9e 42%,#0000 64%);background-size:240% 100%;width:100%;height:100%;animation:1.3s linear infinite zoom-placeholder-shimmer;display:block}.zoom-placeholder-line{background:#ebe7f3;border-radius:999px;width:62%;height:.8rem;display:block}.zoom-placeholder-line-short{width:38%;height:.6rem}@keyframes zoom-placeholder-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes zoom-placeholder-pulse{0%{opacity:.72}to{opacity:1}}@media (width>=1440px){.zoom-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1920px){.zoom-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.zoom-grid-sentinel{grid-column:1/-1;height:1px}.zoom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column;margin:0;display:flex;position:relative}.zoom-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}.zoom-card-current{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.zoom-card-selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-md)}.zoom-card-plain{box-shadow:none;padding:0 0 var(--space-3);cursor:pointer;background:0 0;border:0;gap:0}.zoom-card-plain:hover,.zoom-card-plain.zoom-card-current{box-shadow:none;background:0 0;border-color:#0000}.zoom-card-select{appearance:none;width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;border-radius:calc(var(--radius-lg) - 2px);background:0 0;border:0;margin:0;padding:0;display:block}.zoom-card-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zoom-card-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;display:flex}.zoom-card-title-btn{appearance:none;font-size:var(--font-md);color:inherit;text-align:inherit;cursor:pointer;border-radius:var(--radius-xs);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;margin:0;padding:0;font-weight:600;overflow:hidden}.zoom-card-title-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zoom-card-plain:hover .zoom-card-title-btn,.zoom-card-plain.zoom-card-current .zoom-card-title-btn{color:var(--accent)}.zoom-card-plain .zoom-card-row{padding-bottom:var(--space-1)}.zoom-thumb{aspect-ratio:16/10;border-radius:calc(var(--radius-lg) - 2px);background:var(--preview-surface);flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.zoom-thumb-frame{transform-origin:0 0;width:1440px;height:900px;transform:scale(var(--zoom-thumb-scale,.25));background:var(--preview-surface);pointer-events:none;border:0;position:absolute;top:0;left:0}.zoom-thumb-spinner{border:2px solid var(--text-muted);border-top-color:#0000;border-radius:50%;flex:none;width:24px;height:24px;animation:.8s linear infinite crumb-spin}@media (prefers-reduced-motion:reduce){.zoom-thumb-spinner,.zoom-card-placeholder,.zoom-thumb-placeholder{animation:none}}.zoom-card-body{gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);flex-direction:column;display:flex;position:relative}.zoom-card-heading{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;padding-block:var(--space-1);display:flex}.zoom-card-title{min-width:0;font-size:var(--font-md);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.zoom-card-current-badge{background:var(--accent-subtle);color:var(--accent);font-size:var(--font-xs);border-radius:999px;flex:none;padding:2px 7px;font-weight:600}.zoom-card-meta{font-size:var(--font-sm);color:var(--text-secondary)}.zoom-card-date{margin-top:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.card-action-menu{flex:none;align-items:center;margin-left:auto;display:inline-flex;position:relative}.card-action-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:1.8rem;height:1.8rem;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);place-items:center;padding:0;font-size:1.4rem;line-height:1;display:grid}.card-action-trigger:hover,.card-action-trigger[aria-expanded=true]{color:var(--text-primary);border-color:var(--border-strong)}.card-action-popover{z-index:5;min-width:9rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 5px);right:0}.card-action-item{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;font-size:var(--font-sm);cursor:pointer;background:0 0;border:0;padding:.55rem .7rem}.card-action-item:hover{background:var(--surface-muted)}.card-action-destructive{color:var(--status-error-text)}.zoom-card-body-selectable{cursor:pointer}.zoom-state{margin-top:var(--space-6);margin-bottom:var(--space-6);color:var(--text-secondary);padding-inline:clamp(16px,4vw,32px)}.zoom-state-loading{align-items:center;gap:var(--space-2);display:flex}.zoom-spinner{border:2px solid var(--text-muted);border-top-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite crumb-spin}.browser-error{color:#b42318;font-size:var(--font-sm);margin:0}.browser-grid-scroll{padding-top:var(--space-4);overscroll-behavior:contain;min-height:0;padding-bottom:var(--space-6);flex:auto;overflow-y:auto}.browser-grid-summary{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);background:var(--surface);color:var(--text-muted);font-size:var(--font-sm);display:flex;position:sticky;top:0}.browser-grid-scroll .zoom-cards{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.browser-grid-scroll .zoom-card-current{border-color:var(--border);box-shadow:var(--shadow-sm)}.browser-grid-scroll .zoom-card-selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-md)}.browser-grid-versions .zoom-card-mobile-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.browser-grid-versions .zoom-card-mobile-split .zoom-card-select{align-items:center;height:100%;display:flex}.browser-grid-versions .zoom-card-mobile-split .zoom-thumb{aspect-ratio:16/10;width:100%;height:auto;min-height:0}.browser-grid-versions .zoom-card-mobile-split .zoom-card-body{min-width:0;padding:var(--space-2);justify-content:center;overflow:hidden}.browser-grid-versions .zoom-card-mobile-split .zoom-card-heading{align-items:center;gap:var(--space-1);flex-direction:row}.browser-grid-versions .zoom-card-mobile-split .zoom-card-title{flex:auto;width:auto}.browser-grid-versions .zoom-card-mobile-split .zoom-card-meta{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.browser-grid-scroll .zoom-cards.browser-grid-brands{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=761px){.browser-grid-brands .zoom-card-split{min-height:16rem;padding:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.browser-grid-brands .zoom-card-split .zoom-card-select{align-items:center;height:100%;display:flex}.browser-grid-brands .zoom-card-split .zoom-thumb{aspect-ratio:auto;width:100%;height:100%;min-height:0}.browser-grid-brands .zoom-card-split .zoom-card-body{min-width:0;padding:var(--space-3);justify-content:center;overflow:hidden}.browser-grid-brands .zoom-card-split .zoom-card-heading{align-items:center;gap:var(--space-2);flex-direction:row}.browser-grid-brands .zoom-card-split .zoom-card-title{width:auto;font-size:var(--font-lg);flex:auto}.browser-grid-brands .zoom-card-split .zoom-card-meta{font-size:var(--font-md)}.browser-grid-brands .zoom-card-split .zoom-card-date{margin-top:var(--space-2);font-size:var(--font-sm)}.browser-grid-brands .zoom-card-split .zoom-card-current-badge{font-size:var(--font-sm)}}.browser-grid-scroll .zoom-cards.browser-grid-pages{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1500px){.browser-grid-scroll .zoom-cards.browser-grid-pages{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1100px){.browser-grid-scroll .zoom-cards.browser-grid-pages{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1500px){.browser-grid-scroll .zoom-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.browser-grid-scroll .zoom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.browser-panel{padding-inline:var(--space-4)}.browser-grid-summary{padding-top:var(--space-2)}.browser-grid-scroll .zoom-cards,.browser-grid-scroll .zoom-cards.browser-grid-brands,.browser-grid-scroll .zoom-cards.browser-grid-pages{grid-template-columns:minmax(0,1fr);gap:0}.browser-grid-scroll .zoom-cards .zoom-card{min-height:118px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;padding:16px 0;display:grid}.browser-grid-scroll .zoom-cards .zoom-card+.zoom-card:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:100px;right:0}.browser-grid-scroll .zoom-cards .zoom-card:active{background:var(--surface-muted)}.browser-grid-scroll .zoom-cards .zoom-card:has(.card-action-trigger[aria-expanded=true]){z-index:3}.browser-grid-scroll .zoom-cards .zoom-card-select{width:86px;height:86px;display:block}.browser-grid-scroll .zoom-cards .zoom-card-select:focus-visible{border-radius:12px;outline:none;position:relative}.browser-grid-scroll .zoom-cards .zoom-card-select:focus-visible:after{content:"";z-index:1;border:2px solid var(--accent);pointer-events:none;border-radius:12px;position:absolute;inset:0}.browser-grid-scroll .zoom-cards .zoom-thumb{aspect-ratio:1;background:#f1eefb;border-radius:12px;width:86px;height:86px;min-height:0}.browser-grid-scroll .zoom-cards .zoom-thumb-frame{height:1440px}.browser-grid-scroll .zoom-cards .zoom-card-body{justify-content:center;gap:7px;min-width:0;padding:0;overflow:visible}.browser-grid-scroll .zoom-cards .zoom-card-body:has(.card-action-menu){padding-right:44px}.browser-grid-scroll .zoom-cards .zoom-card-heading{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:6px;padding:0}.browser-grid-scroll .zoom-cards .zoom-card-title{flex:0 auto;width:auto;max-width:100%;font-size:20px;font-weight:600;line-height:1.25}.browser-grid-scroll .zoom-cards .zoom-card-meta{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.browser-grid-scroll .zoom-cards .zoom-card-date{font-size:var(--font-sm);margin:0}.browser-grid-scroll .zoom-cards .zoom-card-current-badge{font-size:var(--font-xs);padding:2px 7px}.browser-grid-scroll .card-action-menu{position:absolute;top:50%;right:0;transform:translateY(-50%)}.browser-grid-scroll .card-action-trigger{width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:10px}.browser-grid-scroll .card-action-trigger span{transform:rotate(90deg)}.browser-grid-scroll .card-action-trigger:hover,.browser-grid-scroll .card-action-trigger[aria-expanded=true]{background:var(--surface-muted)}.browser-grid-scroll .zoom-thumb .placeholder-skeleton-thumbnail{display:none}.browser-grid-scroll .zoom-thumb:has(.placeholder-skeleton-thumbnail):before{content:"";background:#d8d0ec;border-radius:3px;position:absolute}.browser-grid-scroll .zoom-thumb:has(.placeholder-skeleton-thumbnail):after{content:"";background:#d8d0ec;border-radius:3px;position:absolute}.browser-grid-scroll .zoom-thumb:has(.placeholder-skeleton-thumbnail):before{width:48px;height:5px;top:16px}.browser-grid-scroll .zoom-thumb:has(.placeholder-skeleton-thumbnail):after{width:68px;height:38px;bottom:16px}}.hierarchy-modal textarea{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);font:inherit;padding:.7rem .75rem;line-height:1.45}.brand-settings-field{margin-top:var(--space-4)}.resource-settings-modal{flex-direction:column;width:min(100%,38rem);max-height:92dvh;display:flex}.resource-settings-modal .hierarchy-modal-header{flex-shrink:0}.resource-settings-body{min-height:0;padding-right:.25rem;overflow:auto}.resource-settings-group{border:0;border-top:1px solid var(--border);gap:.85rem;min-width:0;margin:0;padding:1rem 0;display:grid}.resource-settings-group legend,.resource-settings-group h3{font-size:var(--font-sm);color:var(--text-primary);margin:0;padding:.5rem 0 0;font-weight:700}.resource-settings-group p{margin:0}.resource-settings-group a{font-size:var(--font-sm);overflow-wrap:anywhere}.resource-settings-field{color:var(--text-secondary);font-size:var(--font-sm);gap:.4rem;font-weight:600;display:grid}.resource-settings-check{color:var(--text-secondary);font-size:var(--font-sm);align-items:flex-start;gap:.6rem;display:flex}.resource-settings-modal .resource-settings-check input{width:auto;accent-color:var(--accent);flex-shrink:0;margin-top:.15rem}.resource-settings-hint{color:var(--text-muted);font-size:var(--font-xs);line-height:1.5}.resource-settings-status{color:var(--text-secondary);font-size:var(--font-sm);padding-top:.75rem}.resource-settings-publish-actions{flex-wrap:wrap;gap:.5rem;display:flex}.resource-settings-modal .hierarchy-modal-actions{border-top:1px solid var(--border);flex-shrink:0;padding-top:.9rem}@media (width<=600px){.resource-settings-modal{max-height:calc(100dvh - 2rem);padding:1rem}.resource-settings-publish-actions button{flex:auto}}.brand-goals-fieldset{min-width:0;margin:var(--space-4) 0 0;border:0;padding:0}.brand-goals-fieldset legend{padding:0}.brand-goals-options{gap:var(--space-2) var(--space-3);grid-template-columns:1fr 1fr;display:grid}.brand-goals-options label{align-items:flex-start;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-sm);display:flex}.hierarchy-modal .brand-goals-options input{width:auto;accent-color:var(--accent);flex:none;margin:.1rem 0 0}.menu-overlay{z-index:20;display:none;position:absolute;inset:0}.menu-backdrop{opacity:0;background:#10182859;border:0;padding:0;transition:opacity .2s;position:absolute;inset:0}.menu-panel{padding:var(--space-4);background:var(--surface);border-right:1px solid var(--border);border-radius:0 var(--radius-xl) var(--radius-xl) 0;box-shadow:var(--shadow-md);flex-direction:column;width:min(340px,100%);transition:transform .24s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.menu-close{appearance:none;border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.menu-close:hover{background:var(--surface-muted);color:var(--text-primary)}.menu-close-icon{width:1.1rem;height:1.1rem;display:block}.menu-body{gap:var(--space-5);min-height:0;margin-top:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.menu-section{gap:var(--space-1);flex-direction:column;display:flex}.menu-label{padding:0 var(--space-2);color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.menu-item{appearance:none;text-align:left;padding:var(--space-3) var(--space-2);color:var(--text-secondary);font-size:var(--font-md);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;font-weight:500}.menu-item:hover{background:var(--surface-muted)}.menu-item-current{color:var(--accent);font-weight:700}.menu-hrule{background:var(--border);height:1px}.menu-footer{align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);min-width:0;margin-top:auto;display:flex}.menu-email{color:var(--text-secondary);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-avatar{background:var(--brand-indigo);color:#fff;width:2.25rem;height:2.25rem;font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.boot{justify-content:center;align-items:center;gap:var(--space-5);text-align:center;width:100%;color:var(--text-secondary);font-size:var(--font-sm);padding-inline:var(--space-5);flex-direction:column;flex:1;display:flex}.app.app-boot{background:#fff;justify-content:center;height:100dvh;display:flex}.boot-swap{align-items:center;gap:var(--space-2);display:flex}.boot-swap:before{content:"";background:var(--brand-pink);border-radius:50%;width:22px;height:22px;animation:1.4s ease-in-out infinite boot-swap}.boot-swap:after{content:"";background:var(--brand-indigo);border-radius:50%;width:22px;height:22px;animation:1.4s ease-in-out infinite boot-swap-after}@keyframes boot-swap{0%,to{transform:translate(0)}50%{transform:translateX(calc(100% + var(--space-2)))}}@keyframes boot-swap-after{0%,to{transform:translate(0)}50%{transform:translateX(calc(-100% - var(--space-2)))}}@media (prefers-reduced-motion:reduce){.boot-swap:before,.boot-swap:after{animation:none}}.auth-screen{max-width:1200px;height:100dvh;color:var(--text-primary,inherit);background:#ece8f8;margin:0 auto;display:flex}.auth-screen>*{min-width:0}.auth-hero{flex:2;position:relative;overflow:hidden}.onboarding-hero{opacity:.7;mix-blend-mode:darken}.auth-hero-image{opacity:.8;mix-blend-mode:darken;background:url(/working.png) 100%/65% no-repeat;width:100%;margin-left:0;position:fixed;inset:0}.auth-card-wrap{z-index:2;padding:var(--space-5);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.onboarding-card-wrap{gap:var(--space-4);flex-direction:column}.onboarding-logout{font-size:var(--font-sm);color:#555}.auth-card{gap:var(--space-5);width:100%;max-width:400px;padding:var(--space-6);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:none;flex-direction:column;display:flex}.auth-card-header{gap:var(--space-2);text-align:center;flex-direction:column;align-items:center;display:flex}.auth-card-header h1{padding:var(--space-4) 0;font-family:var(--font-family-display);font-weight:800;font-size:calc(var(--font-lg) * 1.5);color:var(--text-primary);margin:0;line-height:1.4}.auth-logo{width:64px;height:64px;position:relative}.auth-logo img{width:100%;height:100%;display:block}.auth-logo-ai{font-family:var(--font-family-display);font-size:calc(var(--font-sm) * 1.5);color:#000;font-weight:800;position:absolute;bottom:-4px;right:-10px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-providers{gap:var(--space-3);flex-direction:column;display:flex}.auth-provider{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:3.5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--font-sm);cursor:pointer;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.auth-provider svg{flex-shrink:0;width:22px;height:22px}.auth-provider:hover{background:var(--preview-surface)}.auth-provider:focus-visible{outline:3px solid var(--brand-indigo);outline-offset:3px}.auth-provider:disabled{opacity:.6;cursor:wait}.auth-provider-apple{color:#fff;background:#000;border-color:#000}.auth-provider-apple:hover{background:#242424}.auth-provider-divider{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--font-sm);display:flex}.auth-provider-divider:before,.auth-provider-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-provider-status{text-align:center;font-size:var(--font-sm);color:var(--text-secondary);margin:0}.auth-back{align-self:center}.auth-objective{gap:var(--space-2);flex-direction:column;display:flex}.auth-field label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field input{padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-md);font-family:var(--font-family);background:var(--surface);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--brand-indigo);box-shadow:0 0 0 3px var(--brand-lavender-soft);outline:none}.auth-submit{box-sizing:border-box;width:100%;min-height:3.5rem;padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);border-width:1px}.auth-submit-indigo{background:var(--brand-indigo);border-color:var(--brand-indigo)}.auth-submit-pink{background:var(--brand-pink);border-color:var(--brand-pink)}.auth-error{padding:var(--space-2) var(--space-3);border:1px solid var(--status-error);border-radius:var(--radius-md);background:var(--status-error-bg);color:var(--status-error-text);font-size:var(--font-sm);margin:0}.onboarding-textarea{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-md);font-family:var(--font-family);background:var(--surface);color:var(--text-primary);resize:vertical;min-height:8rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.onboarding-textarea:focus{border-color:var(--brand-indigo);box-shadow:0 0 0 3px var(--brand-lavender-soft);outline:none}.onboarding-goals{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.onboarding-goal{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-base);color:var(--text-primary);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.onboarding-goal:hover{background:var(--surface-muted)}.onboarding-goal input{accent-color:var(--brand-indigo)}.onboarding-trial-note{text-align:center;color:var(--text-muted);font-size:var(--font-sm);margin:0;line-height:1.5}.onboarding-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.onboarding-actions .auth-submit{flex:1;width:auto}.auth-toggle{font-size:var(--font-sm);color:var(--text-secondary);text-align:center;margin:0}.auth-link{color:var(--brand-indigo);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:3px;border-radius:2px}.error{margin:var(--space-3) var(--space-4) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--status-error);border-radius:var(--radius-md);background:var(--status-error-bg);color:var(--status-error-text);font-size:var(--font-sm)}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chatkit-surface,.chatkit-frame{width:100%;height:100%;min-height:0}.chat-inline-alert{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-3) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--status-error);border-radius:var(--radius-md);background:var(--status-error-bg);color:var(--status-error-text);font-size:var(--font-sm);display:flex}.chat-inline-alert button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.chat-thread-count{padding:var(--space-3) var(--space-4) 0;color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:600}.chatkit-starting,.chatkit-starting-spinner-wrap,.chatkit-starting-spinner{display:none}@media (width<=960px){body:has(.auth-screen){background:#fff}.auth-screen{background:#fff;flex-direction:column;gap:0;height:auto;min-height:100dvh}.auth-hero{display:none}.auth-card-wrap{width:100%;min-height:100dvh;padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-5), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));flex:1;margin:0}.auth-card{max-width:440px;box-shadow:none;gap:var(--space-4);background:0 0;border-radius:0;padding:0}.auth-card-header h1{padding:var(--space-2) 0;line-height:1.25}.onboarding-screen .auth-card-header h1{font-size:1.65rem}.onboarding-screen .auth-card{gap:var(--space-3)}.onboarding-screen .setup-step{margin:0}.onboarding-goals{max-height:none;overflow:visible}.onboarding-goal{padding:.6rem var(--space-3)}}@media (width<=960px) and (height<=720px){.auth-card-wrap{padding-block:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-bottom))}.auth-card{gap:var(--space-3)}.onboarding-screen .auth-card{gap:var(--space-2)}.onboarding-screen .auth-card-header{gap:var(--space-1)}.onboarding-screen .auth-card-header h1{font-size:1.6rem}.onboarding-screen .auth-card-wrap{padding-block:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-bottom))}.auth-logo{width:48px;height:48px}.auth-card-header h1{padding:0;font-size:1.6rem}.onboarding-goals{gap:var(--space-1)}.onboarding-goal{padding:.4rem var(--space-3);font-size:var(--font-sm)}}@media (width<=760px){.rail-resizer{display:none}.app.app-boot .boot,.studio-hydration-cover .boot{padding-inline:max(var(--space-5), env(safe-area-inset-left)) max(var(--space-5), env(safe-area-inset-right))}.chatkit-starting{width:auto;height:auto;left:50%;right:auto;transform:translate(-50%,-50%)translateZ(0)}.chatkit-starting-spinner-wrap{top:0}.app{--topbar-h:auto;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.stage{flex:none;position:static}.preview{display:none}.app.chat-collapsed .stage,.app.mobile-view-preview .stage{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.app.chat-collapsed .preview-zoom,.app.mobile-view-preview .preview-zoom{flex:1 1 0;min-height:0;position:relative;inset:auto}.app.chat-collapsed .stage-placeholder>.preview-zoom,.app.mobile-view-preview .stage-placeholder>.preview-zoom{position:absolute;inset:0}.app.chat-collapsed .preview,.app.mobile-view-preview .preview{flex:1 1 0;justify-content:center;align-items:center;height:100%;min-height:0;padding-top:0;display:flex;position:static}.app.mobile-view-preview .rail{flex:0 0 0;min-height:0;position:static;overflow:visible}.app.mobile-view-preview .rail .chat{display:none}.topbar{height:auto;padding:var(--space-2) var(--space-3);flex-wrap:wrap;position:static}.topbar-mobile{z-index:11;height:auto;padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2), env(safe-area-inset-top));flex-wrap:nowrap;position:relative}.mobile-segmented{margin:var(--space-3) auto max(var(--space-4), env(safe-area-inset-bottom));flex:none;align-self:center}.breadcrumb{display:none}.mobile-hierarchy .breadcrumb{display:flex}.topbar-actions{order:4}.btn-styles{display:none}.btn-menu{justify-content:center;align-items:center;gap:var(--space-2);order:1;display:inline-flex}.btn-menu-loc{display:inline-block}.btn-account{order:2;align-items:center;margin-left:auto;display:inline-flex}.topbar-mobile-actions{order:3;align-items:center;gap:.15rem;display:inline-flex}.rail-toggle-inline{order:4;margin-left:0}.rail-toggle-label{display:inline}.rail-icon-expand{display:none}.rail-icon-eye{display:block}.menu-overlay{pointer-events:none;display:block}.menu-overlay.menu-open{pointer-events:auto}.menu-open .menu-backdrop{opacity:1}.menu-panel{width:calc(100% - 20px)}.menu-open .menu-panel{transform:translate(0)}.rail{background-color:var(--preview-body-background,var(--surface));border:0;border-radius:0;flex:1 1 0;width:auto;min-height:0;position:static;transform:none}.rail-collapsed{opacity:0;pointer-events:none;flex:0 0 0;width:auto;overflow:hidden;transform:none}.app.mobile-view-preview .rail-collapsed{opacity:1;pointer-events:auto;flex:none;overflow:visible}}.mobile-topbar-back{display:none}#master-browser{z-index:9}@media (width<=760px){.app{--topbar-h:56px}.topbar-desktop{z-index:13;min-height:var(--topbar-h);flex-wrap:nowrap;display:flex;position:relative}#master-browser{z-index:12}.topbar-desktop .btn-menu-loc,.topbar-desktop .breadcrumb,.topbar-desktop .rail-toggle-inline,.topbar-desktop .topbar-actions{display:none}.topbar-desktop .mobile-studio-heading{flex:auto;order:1;align-items:center;gap:.2rem;min-width:0;display:flex;overflow:hidden}.mobile-topbar-back{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:0 0 2rem;place-items:center;padding:0;display:inline-grid}.mobile-topbar-back:hover{background:var(--surface-muted);color:var(--text-primary)}.mobile-topbar-back svg{width:1.25rem;height:1.25rem}.mobile-topbar-title{min-width:0;color:var(--text-primary);font-family:var(--font-family-display);font-size:var(--font-base);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;display:block;overflow:hidden}.topbar-desktop .topbar-mobile-actions{flex:none;order:3}.topbar-desktop .topbar-plan-action{order:3;gap:.3rem;padding:.4rem .65rem}.topbar-desktop .btn-account{flex:none;order:4;margin-left:0}.topbar-desktop .topbar-page-settings{order:4}.topbar-desktop .btn-menu{display:none}.topbar-desktop .btn-account{align-items:center;display:inline-flex}.topbar-desktop .btn-account .menu-avatar{color:var(--text-primary);background:#e6e1f4}.browser-panel .zoom-header{margin-inline:calc(-1 * var(--space-3));padding-inline:var(--space-3)}.browser-panel .zoom-header .zoom-heading-actions{flex:0 auto;justify-content:flex-start}.browser-panel .zoom-header .zoom-close{display:none}}.settings-modal-backdrop{z-index:140;background:#14171e61;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.settings-modal{background:var(--surface);border:1px solid #dbe0e6e6;border-radius:1.15rem;flex-direction:column;width:min(100%,34rem);max-height:min(90dvh,48rem);display:flex;overflow:hidden;box-shadow:0 24px 72px #1018283d}.settings-modal-header{border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.75rem;min-height:4.25rem;padding:.7rem 1.25rem;display:grid}.settings-modal-header h2{text-align:center;font-family:var(--font-family-display);margin:0;font-size:1.05rem;font-weight:700}.settings-modal-close{width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.settings-modal-close:hover{background:var(--surface-muted);color:var(--text-primary)}.settings-modal-close:disabled{opacity:.55;cursor:default}.settings-modal-close svg{width:1.25rem;height:1.25rem}.settings-modal-content{min-height:0;padding:1.4rem 1.5rem 1.6rem;overflow:auto}.settings-group h3{color:var(--text-secondary);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .65rem .15rem;font-size:.72rem;font-weight:700}.settings-group+.settings-group{margin-top:1.5rem}.settings-group.settings-group-feedback{margin-top:2.4rem}.settings-rows{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;overflow:hidden}.settings-row{width:100%;min-height:3.55rem;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.35rem minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.55rem .9rem;display:grid}.settings-row+.settings-row{border-top:1px solid #edf0f3}.settings-row-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.settings-row-label{min-width:0;font-size:.9rem;font-weight:550}.settings-row-chevron{color:var(--text-muted);font-size:1.5rem;line-height:1}.settings-row-coming{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600}.settings-row-unavailable{cursor:not-allowed}.settings-row-unavailable .settings-row-label,.settings-row-unavailable .settings-row-icon,.settings-row-unavailable .settings-row-chevron{color:#838d99}.settings-row-unavailable:disabled{opacity:1}.settings-row-logout{grid-template-columns:1.35rem minmax(0,1fr) auto}.settings-row-logout .settings-row-icon,.settings-row-logout .settings-row-label{color:var(--status-error-text)}.settings-row-logout:disabled{opacity:.6;cursor:wait}.settings-account-view{gap:2rem;display:grid}.settings-account-details h3,.settings-danger-zone h3{color:var(--text-secondary);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .65rem .15rem;font-size:.72rem;font-weight:700}.settings-account-card{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;overflow:hidden}.settings-account-field{gap:.35rem;padding:.9rem 1rem;display:grid}.settings-account-field+.settings-account-field{border-top:1px solid #edf0f3}.settings-account-field span{color:var(--text-muted);font-size:.72rem;font-weight:600}.settings-account-field strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.9rem;font-weight:550}.settings-danger-zone{border-top:1px solid var(--border);padding-top:1.4rem}.settings-danger-zone h3{color:var(--status-error-text)}.settings-row-delete{border:1px solid color-mix(in srgb, var(--status-error) 30%, white);background:snow;border-radius:.8rem;grid-template-columns:1.35rem minmax(0,1fr) auto}.settings-row-delete:disabled{opacity:1;cursor:not-allowed}.settings-row-delete .settings-row-icon,.settings-row-delete .settings-row-label,.settings-row-delete .settings-row-coming{color:var(--status-error-text)}.settings-modal :focus-visible,.crumb-logo-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 58%, white);outline-offset:2px}.crumb-logo-button{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:0 .15rem 0 0;padding:0;display:grid}.crumb-logo-button:hover{background:var(--surface-muted)}.crumb-logo-button .crumb-logo{width:16px;height:16px;margin:0;display:block;position:static;transform:translateY(-3px)}@media (width<=760px){.settings-modal-backdrop{align-items:stretch;padding:0}.settings-modal{width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.settings-modal-header{min-height:4rem;padding-inline:1rem}.settings-modal-content{padding:1.35rem 1rem 1.5rem}}.settings-modal{--accent:#626a73;--accent-hover:#4f5760;--accent-subtle:#eef0f2;background:#fff;border-radius:.9rem;width:min(100%,36rem);max-height:min(92dvh,54rem);position:relative;box-shadow:0 18px 48px #1018282e}.settings-modal-header{background:#fff;min-height:4rem;padding:.6rem 1.25rem;display:flex}.settings-modal-header h2{text-align:left;letter-spacing:-.01em;flex:1;font-size:1rem}.settings-modal-close{border-radius:var(--radius-md);flex:0 0 2.75rem;width:2.75rem;height:2.75rem}.settings-modal-content{overscroll-behavior:contain;padding:1.25rem 1.35rem 2rem}.settings-home,.settings-panel{gap:1.35rem;display:grid}.settings-home .settings-row{grid-template-columns:minmax(0,1fr) auto;min-height:3rem;padding:.75rem 1rem}.settings-home .settings-row-copy strong{font-weight:550}.settings-section{gap:.55rem;display:grid}.settings-section+.settings-section{margin-top:0}.settings-section>h3{color:var(--text-secondary);letter-spacing:.01em;margin:0 0 0 .2rem;font-size:.76rem;font-weight:650}.settings-rows,.settings-form-card,.settings-detail-card,.settings-toggle-card,.settings-people-card,.settings-empty-row{background:var(--surface);box-shadow:none;border:1px solid #e0e4e9;border-radius:.7rem;overflow:hidden}.settings-row{grid-template-columns:1.8rem minmax(0,1fr) auto auto;gap:.65rem;min-height:3.7rem;padding:.7rem .9rem}.settings-row+.settings-row{border-top-color:#edf0f3}.settings-row:not(:disabled):hover{background:#f5f6f7}.settings-row-icon-wrap{color:#68717b;background:0 0;place-items:center;width:1.8rem;height:1.8rem;display:grid}.settings-row-icon-wrap .settings-row-icon{width:1.1rem;height:1.1rem}.settings-row-copy{min-width:0;display:grid}.settings-row-copy strong{font-size:.91rem;font-weight:650}.settings-row-value{color:var(--text-muted);font-size:.75rem;font-weight:650}.settings-row-chevron{font-size:1.35rem}.settings-avatar{color:#fff;width:2.75rem;height:2.75rem;box-shadow:none;background:#727a84;border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:750;display:inline-grid}.settings-avatar-large{width:3.75rem;height:3.75rem;font-size:1rem}.settings-avatar-blue,.settings-avatar-gold{background:#727a84}.settings-logout-button{justify-self:start;min-height:2.75rem}.settings-logout-button .settings-row-icon-wrap,.settings-logout-button .settings-row-icon{color:var(--status-error-text)}.settings-logout-button .settings-row-icon{width:1.1rem;height:1.1rem}.settings-logout-button:disabled{opacity:.6;cursor:wait}.settings-build{color:var(--text-muted);text-align:center;margin:-.55rem 0 0;font-size:.72rem}.settings-profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.4rem .2rem .2rem;display:grid}.settings-profile-hero>div{gap:.18rem;min-width:0;display:grid}.settings-profile-hero strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.settings-text-button{color:#5c646e;cursor:pointer;background:0 0;border:0;padding:.4rem;font-size:.8rem;font-weight:650}.settings-form-card{padding:.15rem 1rem}.settings-form-card-spaced{gap:1rem;padding-block:1rem;display:grid}.settings-field{gap:.45rem;padding:.85rem 0;display:grid}.settings-field+.settings-field{border-top:1px solid #edf0f3}.settings-field>span,.settings-score legend{color:var(--text-secondary);font-size:.76rem;font-weight:700}.settings-field>small{color:var(--text-muted);font-size:.72rem;line-height:1.4}.settings-field input,.settings-field select,.settings-field textarea,.settings-person select,.settings-inline-control select{border:1px solid var(--border-strong);width:100%;min-height:2.8rem;color:var(--text-primary);font:inherit;background:#fff;border-radius:.7rem;padding:.68rem .75rem;font-size:.88rem}.settings-field textarea{resize:vertical;line-height:1.45}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus,.settings-person select:focus,.settings-inline-control select:focus{border-color:#858d96;outline:3px solid #626a732e}.settings-sticky-action{z-index:2;padding:.9rem 1.35rem calc(.9rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dbe0e6e6;justify-content:flex-end;margin:0 -1.35rem -2rem;display:flex;position:sticky;bottom:-2rem}.settings-sticky-action .btn-primary{min-width:9rem;min-height:2.85rem}.settings-callout,.settings-legal-intro{background:#fff;border:1px solid #e0e3e6;border-radius:.7rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.settings-callout .settings-row-icon,.settings-legal-intro .settings-row-icon{color:#626a73;width:1.35rem;height:1.35rem}.settings-callout div,.settings-legal-intro div{gap:.2rem;display:grid}.settings-callout strong,.settings-legal-intro strong{font-size:.88rem}.settings-callout span,.settings-legal-intro span{color:var(--text-secondary);font-size:.75rem}.settings-detail-row,.settings-session,.settings-person{align-items:center;gap:.75rem;min-height:4.5rem;padding:.85rem 1rem;display:flex}.settings-detail-row+.settings-detail-row,.settings-session+.settings-session,.settings-person+.settings-person{border-top:1px solid #edf0f3}.settings-detail-row>div,.settings-session>div,.settings-person>div{flex:1;gap:.2rem;min-width:0;display:grid}.settings-detail-row strong,.settings-session strong,.settings-person strong{font-size:.87rem;font-weight:650}.settings-detail-row small,.settings-session small,.settings-person span{color:var(--text-muted);font-size:.74rem;line-height:1.4}.settings-detail-row button{flex:none}.settings-device-icon{background:0 0;place-items:center;width:1.8rem;height:1.8rem;font-size:1.15rem;display:grid}.settings-status-dot{color:var(--status-ok);font-size:.72rem;font-weight:700}.settings-status-dot:before{content:"";background:var(--status-ok);border-radius:50%;width:.42rem;height:.42rem;margin-right:.3rem;display:inline-block}.settings-wide-secondary{border:1px solid var(--border);width:100%;min-height:2.8rem;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:.75rem;margin-top:.65rem;font-size:.82rem;font-weight:650}.settings-plan-card{background:#eceef0;border:1px solid #e0e3e6;border-radius:.7rem;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.2rem;display:flex}.settings-plan-card>div:first-child{max-width:23rem}.settings-pill{border-radius:var(--radius-pill);padding:.3rem .55rem;font-size:.68rem;font-weight:750;display:inline-block}.settings-pill-accent{color:#4f5760;background:#dfe2e5}.settings-plan-card h3{font-family:var(--font-family-display);margin:.65rem 0 .2rem;font-size:1.35rem}.settings-plan-card p{color:var(--text-secondary);margin:0;font-size:.76rem;line-height:1.45}.settings-plan-price{flex:none;padding-bottom:.1rem}.settings-plan-price strong{font-family:var(--font-family-display);font-size:1.65rem}.settings-plan-price span{color:var(--text-muted);font-size:.72rem}.settings-segmented{background:#e9ecf0;border-radius:.78rem;grid-auto-columns:1fr;grid-auto-flow:column;gap:.2rem;padding:.25rem;display:grid}.settings-segmented button{min-height:2.45rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.6rem;font-size:.77rem;font-weight:650}.settings-segmented button.active{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff}.settings-full-button{min-height:3rem;margin-top:-.7rem}.settings-empty-row{color:var(--text-secondary);text-align:center;place-items:center;gap:.25rem;padding:1.5rem 1rem;display:grid}.settings-empty-row strong{color:var(--text-primary);font-size:.85rem}.settings-empty-row span{font-size:.75rem}.settings-usage-hero{background:#eceef0;border:1px solid #e0e3e6;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem;display:flex}.settings-usage-hero>div{gap:.28rem;display:grid}.settings-usage-hero>div>span{color:var(--text-secondary);font-size:.75rem;font-weight:650}.settings-usage-hero strong{font-family:var(--font-family-display);font-size:1.7rem}.settings-usage-hero strong small{color:var(--text-muted);font-family:var(--font-family);font-size:.78rem;font-weight:500}.settings-usage-ring{color:#59616b;background:#f7f8f9;border:2px solid #cbd0d5;border-radius:50%;place-items:center;width:3.6rem;height:3.6rem;font-size:.75rem;font-weight:750;display:grid}.settings-metric-card{background:#fff;border:1px solid #e0e4e9;border-radius:1rem;gap:.7rem;padding:1rem;display:grid}.settings-metric-card>div{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.settings-metric-card>div:not(:first-child){margin-top:.5rem}.settings-metric-card>div>span{gap:.15rem;display:grid}.settings-metric-card strong,.settings-metric-card b{font-size:.82rem}.settings-metric-card small{color:var(--text-muted);font-size:.7rem}.settings-progress{border-radius:var(--radius-pill);background:#e5e7e9;height:.4rem;overflow:hidden}.settings-progress span{border-radius:inherit;background:#707882;height:100%;display:block}.settings-info-note{color:#59616b;background:#eceef0;border-radius:.7rem;padding:.85rem 1rem;font-size:.75rem;line-height:1.45}.settings-input-action{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.settings-input-action .btn-primary{min-width:5rem}.settings-person .settings-avatar{width:2.4rem;height:2.4rem;font-size:.7rem}.settings-person strong small{color:#747b84;margin-left:.25rem;font-size:.66rem}.settings-person select{width:auto;min-height:2.35rem;padding-block:.4rem;font-size:.76rem}.settings-person select:disabled{color:var(--text-muted);opacity:1;background:0 0;border-color:#0000}.settings-toggle-row{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.6rem;padding:.8rem 1rem;display:grid}.settings-toggle-row+.settings-toggle-row{border-top:1px solid #edf0f3}.settings-toggle-copy{gap:.2rem;min-width:0;display:grid}.settings-toggle-copy strong{font-size:.87rem;font-weight:650}.settings-toggle-copy small{color:var(--text-muted);font-size:.74rem;line-height:1.4}.settings-toggle-row input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-switch{border-radius:var(--radius-pill);background:#c8ced6;width:2.75rem;height:1.6rem;padding:.15rem;transition:background .18s;display:block}.settings-switch span{background:#fff;border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .18s;display:block;box-shadow:0 1px 3px #10182847}.settings-toggle-row input:checked+.settings-switch{background:#626a73}.settings-toggle-row input:checked+.settings-switch span{transform:translate(1.15rem)}.settings-toggle-row input:focus-visible+.settings-switch{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.settings-notifications-intro{color:var(--text-secondary);font-size:.9rem}.settings-modal .settings-notifications{gap:1.4rem}.settings-modal .settings-notifications h3{margin:0 .2rem}.settings-notifications .settings-toggle-row{touch-action:manipulation;min-height:3.75rem;position:relative}.settings-notifications .settings-toggle-row input{pointer-events:auto;cursor:pointer;width:100%;height:100%;margin:0;inset:0}.settings-notifications .settings-toggle-copy strong{font-size:.9rem;font-weight:500}.settings-notifications-note{color:var(--text-muted);margin:.2rem .2rem 0;font-size:.8125rem;line-height:1.5}.settings-inline-control{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.settings-inline-control span{color:var(--text-secondary);font-size:.78rem;font-weight:650}.settings-inline-control select{width:auto;min-height:2.35rem;padding-block:.4rem;font-size:.76rem}.settings-danger-section>h3{color:var(--status-error-text)}.settings-danger-section .settings-detail-card{background:snow;border-color:#efd5d1}.btn-danger-outline{min-height:2.45rem;color:var(--status-error-text);cursor:pointer;background:#fff;border:1px solid #e4a9a1;border-radius:.65rem;padding:.5rem .75rem;font-size:.78rem;font-weight:700}.settings-legal-intro{background:#fff;border-color:#e0e3e6}.settings-legal-rows .settings-row{grid-template-columns:1.8rem minmax(0,1fr) auto}.settings-document-icon{width:1.8rem;height:1.8rem;color:var(--text-secondary);place-items:center;font-size:.85rem;display:grid}.settings-legal-footnote{color:var(--text-muted);text-align:center;margin:-.5rem .2rem 0;font-size:.72rem}.settings-upload-button{border:1px dashed var(--border-strong);min-height:4.8rem;color:var(--text-primary);text-align:left;cursor:pointer;background:#fafbfc;border-radius:.8rem;grid-template-columns:1.8rem 1fr;align-items:center;gap:.12rem .7rem;padding:.75rem;display:grid}.settings-upload-button>span{color:#626a73;background:0 0;grid-row:span 2;place-items:center;width:1.8rem;height:1.8rem;font-size:1.1rem;display:grid}.settings-upload-button strong{align-self:end;font-size:.8rem}.settings-upload-button small{color:var(--text-muted);align-self:start;font-size:.7rem}.settings-feedback-hero{text-align:center;padding:.75rem .4rem .3rem}.settings-feedback-hero h3{margin:0;font-size:1rem;font-weight:650}.settings-score{border:0;margin:0;padding:0}.settings-score legend{margin-bottom:.5rem}.settings-score>div{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.settings-score button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.75rem;place-items:center;gap:.15rem;min-width:0;min-height:4rem;padding:.35rem .15rem;display:grid}.settings-score button>span{filter:grayscale(.8);font-size:1.25rem}.settings-score button small{color:var(--text-muted);font-size:.62rem}.settings-score button.active{background:#eceef0;border-color:#777f88;box-shadow:0 0 0 1px #626a731f}.settings-score button.active>span{filter:none}.settings-toast{z-index:5;border-radius:var(--radius-pill);color:#fff;background:#24272c;align-items:center;gap:.45rem;max-width:calc(100% - 2rem);padding:.68rem .9rem;font-size:.78rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1018283d}.settings-toast span{color:#7be0a8}@media (width<=760px){.settings-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.settings-modal-header{z-index:3;min-height:3.75rem;padding-inline:.75rem;position:relative}.settings-modal-content{padding:1rem 1rem 1.5rem}.settings-sticky-action{margin:0 -1rem -1.5rem;padding-inline:1rem;bottom:-1.5rem}.settings-sticky-action .btn-primary{width:100%}.settings-row{min-height:3.8rem}.settings-plan-card{flex-direction:column;align-items:flex-start}.settings-plan-price{align-self:flex-start}}@media (width<=430px){.settings-row{grid-template-columns:1.8rem minmax(0,1fr) auto}.settings-row-value{display:none}.settings-detail-row{flex-direction:column;align-items:flex-start}.settings-detail-row>button{align-self:stretch}.settings-input-action{grid-template-columns:1fr}.settings-input-action .btn-primary{min-height:2.8rem}.settings-person{grid-template-columns:auto minmax(0,1fr);display:grid}.settings-person select{grid-column:2;width:100%}.settings-score button small{display:none}}.studio-setup-shell{background:#faf8f6;min-height:100vh;display:flex}.studio-setup-shell .rail{background:#fff;border-right:1px solid #e8e3df;width:360px;padding:24px}.studio-setup-shell .rail-header img{width:140px}.studio-setup-progress{color:#746b66;margin-top:40px}.studio-setup-main{text-align:center;flex:1;align-content:center;justify-items:center;padding:32px;display:grid}.studio-setup-main h1{font-size:32px}.mobile-segmented,.viewport-segmented,.settings-segmented,.checkout-cadence,.billing-toggle{box-shadow:0 2px 6px #0000001f,0 8px 24px #00000029}.workflow-status{color:var(--text-secondary,#667085);border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap;flex:none;gap:6px;padding:8px 14px;font-size:12px;display:flex}.chatkit-surface{flex-direction:column;display:flex;position:relative}.chatkit-surface .chatkit-frame{flex:auto;height:auto}.chat-observer-status{z-index:2;color:var(--text-secondary);background:var(--surface);pointer-events:none;margin:0;padding:.5rem 0;font-size:1rem;font-weight:400;line-height:1.5;position:absolute;bottom:7rem;left:1rem;right:1rem}.chat-history-notice{color:var(--text-secondary,#667085);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.chat-history-notice button{font:inherit;color:var(--accent,#5d4ce1);cursor:pointer;background:0 0;border:0}.chat-empty-greeting{pointer-events:none;place-items:center;display:grid;position:absolute;inset:60px 0 120px}.chat-empty-greeting h2{letter-spacing:-.03em;color:var(--text-primary,#182230);margin:0;font-size:28px;font-weight:600}.preview--draft{flex-direction:column;display:flex}.preview--draft .preview-frame{flex:1;height:0;min-height:0}.preview--draft .workflow-status{background:var(--surface)}.revision-controls{align-items:center;gap:2px;display:inline-flex;position:relative}@media (width<=767px){.app:not(.mobile-view-preview) .revision-controls{display:none}}.revision-control{place-items:center;width:32px;height:32px;padding:6px;display:inline-grid}.revision-control svg{width:20px;height:20px}.revision-control:disabled{opacity:.35;cursor:default}.revision-controls[data-pending=true] .revision-control:has(.crumb-spinner){opacity:1}.revision-progress{white-space:nowrap;background:var(--surface,white);color:var(--text-primary);z-index:100;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:38px;left:0;box-shadow:0 2px 8px #0002}.revision-error{background:var(--bg,white);width:260px;color:var(--text,#222);z-index:100;border:1px solid #aaa;border-radius:8px;padding:12px;position:absolute;top:38px;right:0}.browser-panel .zoom-header{justify-content:flex-start}.browser-panel .zoom-header .zoom-close{order:-1}@media (width<=760px){.topbar-desktop .browser-breadcrumbs{flex:auto;gap:2px;min-width:0;display:flex}.topbar-desktop .browser-breadcrumbs .crumb{text-overflow:ellipsis;max-width:130px;padding-inline:3px;overflow:hidden}.topbar-desktop .browser-breadcrumbs .crumb-logo-button,.topbar-desktop .mobile-studio-heading{display:none}.topbar-desktop:has(.mobile-studio-heading.browser-open) .browser-breadcrumbs{display:none}.topbar-desktop .mobile-studio-heading.browser-open{display:flex}.revision-error{top:var(--topbar-h,56px);width:auto;position:fixed;left:12px;right:12px}}.collaboration-controls{flex-shrink:0;align-items:center;gap:8px;margin-left:8px;display:flex}.viewer-avatars{align-items:center;padding:3px;display:flex}.viewer-avatar{color:#57449b;border:2px solid var(--surface,#fff);background:#eee9fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:650;display:inline-flex}.viewer-avatars .viewer-avatar+.viewer-avatar{margin-left:-9px}.viewer-avatar.viewer-editing{z-index:1;position:relative;box-shadow:0 0 0 2px #6852ce}.avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.editing-control{color:#776b87;z-index:20;background:#fffffff5;border:1px solid #e7e2ef;border-radius:9px;align-items:center;gap:10px;max-width:calc(100vw - 28px);padding:6px 10px;font-size:11px;font-weight:400;display:flex;position:absolute;top:calc(100% + 8px);right:14px;box-shadow:0 2px 8px #24124308}.editing-control span{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.editing-control button{white-space:nowrap;color:#6550bd;cursor:pointer;background:0 0;border:0;padding:2px;font-size:11px}.editing-control button:disabled{opacity:.45;cursor:default}.editing-control:has(button:disabled):not(:has(span)){pointer-events:none}.editing-status-active{color:#526746}.collaboration-overlay{z-index:1000;background:#21193355;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.collaboration-dialog{background:var(--surface,#fff);color:var(--text-primary,#292431);border-radius:16px;width:min(520px,100%);max-height:85dvh;padding:24px;overflow:auto;box-shadow:0 20px 80px #170e3c33}.collaboration-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.collaboration-dialog h2{margin:0;font-size:20px}.collaboration-dialog h3{margin:20px 0 8px;font-size:13px}.collaboration-dialog p{font-size:13px;line-height:1.5}.collaboration-dialog button{cursor:pointer}.collaboration-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.collaboration-dialog header button{background:0 0;border:0;font-size:24px}.collaboration-dialog form{gap:12px;margin-top:22px;display:grid}.collaboration-dialog label{gap:5px;font-size:12px;display:grid}.collaboration-dialog input,.collaboration-dialog select{width:100%;font:inherit;color:#292431;background:#fff;border:1px solid #ded7e8;border-radius:7px;padding:10px}.collaborator-row{border-bottom:1px solid #eee9f4;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:flex}.collaborator-row div{flex:1;min-width:0}.collaborator-row strong,.collaborator-row small{overflow-wrap:anywhere;display:block}.collaborator-row small{color:#81748d;margin-top:3px}.collaborator-row button{color:#6550bd;background:0 0;border:0;font-size:11px}.invitation-link{gap:8px;margin-top:15px;display:grid}.invitation-page .auth-card p{font-size:var(--font-base);margin:0;line-height:1.6}.invitation-page .auth-card-header p,.invitation-account{color:var(--text-secondary)}.invitation-account{gap:var(--space-2);overflow-wrap:anywhere;display:grid}.invitation-account strong{color:var(--text-primary);font-weight:600}.invitation-actions{gap:var(--space-3);display:grid}.invitation-actions a.auth-submit{justify-content:center;align-items:center;text-decoration:none;display:flex}.invitation-actions .btn-secondary{font:inherit;font-weight:600}.invitation-page .invitation-status{color:var(--status-ok)}.invitation-footer{justify-content:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.invitation-footer .auth-link{min-height:2.75rem;font:inherit;font-size:var(--font-sm);color:var(--text-secondary)}.invitation-page button:disabled{opacity:.5;cursor:default}.zapier-consent select{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font:inherit}@media (width<=767px){.topbar-desktop .collaboration-controls{order:3;gap:3px;margin-left:3px}.topbar-desktop .topbar-mobile-actions{display:none}.topbar-desktop .btn-account{order:4}.viewer-avatar{width:26px;height:26px;font-size:9px}.editing-control{gap:6px;font-size:10px;top:calc(100% + 5px);right:8px}.editing-control button{font-size:10px}.collaboration-overlay{padding:12px}.collaboration-dialog{padding:18px}}.settings-modal .settings-row{text-align:left;grid-template-columns:minmax(0,1fr) auto;width:100%}.settings-modal .settings-row-copy{overflow-wrap:anywhere}.settings-modal .settings-panel{gap:.8rem;min-width:0;display:grid}.settings-modal .settings-panel>p{margin:0;line-height:1.5}.settings-modal .settings-panel h3{margin:1rem 0 0}.settings-modal .settings-panel button{justify-self:start}.settings-modal .settings-field input,.settings-modal .settings-field select,.settings-modal .settings-field textarea{width:100%;min-width:0}.settings-confirm{border:1px solid var(--border);border-radius:.7rem;min-width:0;padding:.8rem}.settings-confirm legend{color:var(--text-secondary);padding:.2rem;font-size:.8rem}.settings-modal .settings-profile{gap:1.25rem}.settings-profile-card{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;gap:1rem;min-width:0;padding:1rem;display:grid}.settings-modal .settings-profile-card h3{margin:0;font-size:.9rem;font-weight:600}.settings-profile .settings-field{border:0;padding:0}.settings-profile-email{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-profile-email>div{gap:.3rem;min-width:0;display:grid}.settings-profile-email strong{overflow-wrap:anywhere;font-size:.88rem;font-weight:500}.settings-profile-email span{color:var(--text-muted);font-size:.76rem}.settings-profile-link{color:var(--text-secondary);text-underline-offset:.2em;font-size:.8rem}.settings-profile-link:hover{color:var(--text-primary)}.settings-modal .settings-security{gap:1.25rem}.settings-security .settings-confirm{background:var(--surface);gap:1rem;margin:0;padding:1rem;display:grid}.settings-security .settings-confirm legend{font-weight:600}.settings-security .settings-field{border:0;padding:0}.settings-security-sections{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;overflow:hidden}.settings-security-section+.settings-security-section{border-top:1px solid var(--border)}.settings-security-section summary{cursor:pointer;align-items:center;gap:.75rem;min-height:3.5rem;padding:1rem;font-size:.9rem;font-weight:550;list-style:none;display:flex}.settings-security-section summary::-webkit-details-marker{display:none}.settings-security-section summary>span{flex:1}.settings-security-section summary small{color:var(--text-muted);font-size:.75rem;font-weight:400}.settings-security-section summary svg{width:1rem;height:1rem;color:var(--text-muted);flex-shrink:0}.settings-security-section[open] summary svg{transform:rotate(90deg)}.settings-security-section summary:hover{background:var(--surface-muted)}.settings-security-body{gap:1rem;padding:.25rem 1rem 1rem;display:grid}.settings-security-body p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.settings-security-body .settings-item:last-of-type{border-bottom:0}.settings-security-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.settings-toggle{align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.settings-toggle input{width:1.1rem;height:1.1rem}.settings-item{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 0;display:flex}.settings-item>div{overflow-wrap:anywhere;flex:12rem;min-width:0}.settings-item small{color:var(--text-secondary);margin-top:.25rem;display:block}.settings-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.settings-modal .settings-usage-panel{gap:1.25rem}.settings-usage{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;gap:1.1rem;min-width:0;padding:1.15rem;display:grid}.settings-usage header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem .75rem;display:flex}.settings-modal .settings-usage h3{overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:600}.settings-usage-tier{color:var(--text-secondary);flex-shrink:0;font-size:.72rem}.settings-usage-balance{gap:.35rem;display:grid}.settings-usage-balance strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.65rem;font-weight:600}.settings-usage-balance strong small{letter-spacing:normal;color:var(--text-secondary);font-size:.8rem;font-weight:400}.settings-usage-balance>span{color:var(--text-secondary);font-size:.76rem}.settings-usage progress{appearance:none;background:var(--surface-muted);width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:999px;overflow:hidden}.settings-usage progress::-webkit-progress-bar{background:var(--surface-muted);border-radius:999px}.settings-usage progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.settings-usage progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.settings-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}.settings-usage-metrics dt{color:var(--text-secondary);margin-bottom:.3rem;font-size:.74rem}.settings-usage-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-size:.9rem;font-weight:550}.settings-usage-metrics dd span{color:var(--text-secondary);font-size:.76rem;font-weight:400}.settings-usage-inactive{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.settings-usage-reset{border-top:1px solid var(--border);color:var(--text-secondary);margin:0;padding-top:.85rem;font-size:.74rem;line-height:1.5}.settings-usage-notes{color:var(--text-secondary);gap:.65rem;font-size:.74rem;line-height:1.6;display:grid}.settings-usage-notes p{margin:0}.settings-modal .settings-billing{gap:1.4rem}.settings-billing-brand{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;padding:1rem}.settings-billing .settings-field{border:0;padding:0}.settings-billing-status{color:var(--text-secondary);align-items:center;gap:.45rem;margin-top:.8rem;font-size:.76rem;display:flex}.settings-billing-dot{background:#a1a9b2;border-radius:50%;width:6px;height:6px}.settings-billing-dot.active{background:var(--status-ok)}.settings-billing-renewal{color:var(--text-secondary);margin:.35rem 0 0 .85rem;font-size:.74rem}.settings-billing-plans{gap:1rem;min-width:0;display:grid}.settings-modal .settings-billing-intro h3{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600}.settings-billing-intro p{color:var(--text-secondary);margin:.4rem 0 0;font-size:.8rem;line-height:1.5}.settings-pricing-wrap{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;overflow:hidden}.settings-pricing-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.78rem}.settings-pricing-table col:first-child{width:34%}.settings-pricing-table col.selected{background:#eef0f3}.settings-pricing-table th,.settings-pricing-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);overflow-wrap:break-word;padding:.65rem .7rem}.settings-pricing-table thead th{vertical-align:top;height:3.6rem;padding-top:.85rem;font-size:.85rem;font-weight:600}.settings-pricing-table tbody th{color:var(--text-secondary);font-weight:400}.settings-pricing-table tbody tr:last-child>*{border-bottom:0}.settings-pricing-saving{color:#42644e;margin-top:.3rem;font-size:.66rem;font-weight:500;display:block}.settings-pricing-price td{padding-top:.8rem;padding-bottom:.8rem}.settings-pricing-price strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:600;line-height:1.1;display:block}.settings-pricing-price td>span{color:var(--text-secondary);margin-top:.25rem;font-size:.72rem;display:block}.settings-pricing-selection label{cursor:pointer;align-items:center;gap:.4rem;min-height:2.75rem;font-size:.73rem;display:flex}.settings-pricing-selection input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0}.settings-billing-checkout{gap:.65rem;display:grid}.settings-modal .settings-billing-checkout button{justify-self:stretch;width:100%;min-height:3rem}.settings-billing-checkout p{text-align:center;color:var(--text-secondary);margin:0;font-size:.73rem}.settings-billing-trial{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;gap:.6rem;padding:1rem;display:grid}.settings-billing-trial>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem .75rem;display:flex}.settings-modal .settings-billing-trial h3{margin:0;font-size:.85rem;font-weight:600}.settings-billing-trial span{color:var(--text-secondary);font-size:.73rem}.settings-billing-trial p{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.5}.settings-billing-manage{gap:.4rem;padding-top:.2rem;display:grid}.settings-modal .settings-billing-manage button{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.7rem 0;font-size:.82rem;font-weight:500;display:flex}.settings-billing-manage p{color:var(--text-secondary);margin:0;font-size:.74rem}.settings-billing-checkout .settings-billing-error,.settings-billing-manage .settings-billing-error{color:var(--status-error-text);text-align:left;margin:0;font-size:.78rem;line-height:1.5}.settings-modal .settings-billing>.settings-billing-note,.settings-billing-owner{color:var(--text-secondary);margin:0;font-size:.73rem;line-height:1.6}@media (width<=400px){.settings-pricing-table th,.settings-pricing-table td{padding-inline:.6rem}.settings-pricing-table{font-size:.73rem}.settings-pricing-selection label{gap:.3rem;font-size:.7rem}}.settings-collaborators{min-width:0}.settings-collaborators>p{color:var(--text-secondary);margin:0 0 .75rem;font-size:.875rem;line-height:1.6}.settings-collaborators>p.error{color:var(--status-error-text)}.settings-collaborators .collaborator-row{border-color:var(--border);flex-wrap:wrap;gap:.75rem;padding:1rem 0;font-size:.875rem;line-height:1.5}.settings-collaborators .viewer-avatar{width:2rem;height:2rem;font-size:.75rem}.settings-collaborators .collaborator-row strong{font-weight:600}.settings-collaborators .collaborator-row small{color:var(--text-secondary);font-size:.8125rem}.settings-collaborators .collaborator-row>span:not(.viewer-avatar){background:var(--surface-muted);color:var(--text-secondary);text-transform:capitalize;border-radius:.4rem;padding:.2rem .55rem;font-size:.75rem}.settings-collaborators form{gap:1rem;margin-top:1.5rem;display:grid}.settings-collaborators label{color:var(--text-secondary);gap:.45rem;font-size:.8125rem;font-weight:600;display:grid}.settings-collaborators input,.settings-collaborators select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;min-height:3rem;color:var(--text-primary);font:inherit;border-radius:.7rem;padding:.68rem .75rem;font-size:1rem;font-weight:400}.settings-collaborators input:focus,.settings-collaborators select:focus{border-color:#858d96;outline:3px solid #626a732e}.settings-collaborators .invitation-link{margin-top:1.5rem}.settings-modal :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.settings-modal .settings-panel button,.settings-modal .settings-callout button,.settings-confirm button{background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;border:1px solid #c9ced5;border-radius:.45rem;min-height:2.6rem;padding:.6rem .85rem;font-size:.85rem;font-weight:600}.settings-modal .settings-panel button:hover:not(:disabled){background:#e9ecef}.settings-modal .settings-panel button:disabled{opacity:.5;cursor:default}.settings-modal .settings-panel button.btn-primary{color:#fff;background:#4f5760;border-color:#4f5760}.settings-modal .settings-panel button.btn-primary:hover:not(:disabled){color:#fff;background:#3d454e;border-color:#3d454e}.settings-modal .settings-security button.settings-delete-account{color:var(--status-error-text);text-underline-offset:.2em;background:0 0;border:0;margin-top:.5rem;padding-inline:0;font-size:.8125rem;font-weight:400;text-decoration:underline}.settings-modal .settings-profile-photo{align-items:center;gap:1rem;display:flex}.settings-profile-avatar{width:4.5rem;height:4.5rem;color:var(--text-primary);background:#e6e1f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:inline-flex}.settings-profile-photo>div{min-width:0}.settings-modal .settings-profile-photo h3{margin:0;font-size:.95rem}.settings-profile-photo p{color:var(--text-secondary);margin:.35rem 0 .65rem;font-size:.8125rem;line-height:1.5}.settings-avatar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-modal .settings-security button.settings-delete-account:hover:not(:disabled){color:#8c2530;background:0 0}.settings-delete-panel{border-top:1px solid var(--border);gap:1rem;min-width:0;padding-top:1rem;display:grid}.settings-modal .settings-delete-panel h3{margin:0;font-size:.95rem}.settings-delete-panel p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.6}.settings-delete-workspace{border:1px solid var(--border);border-radius:.7rem;gap:.85rem;min-width:0;margin:0;padding:1rem;display:grid}.settings-delete-workspace legend{overflow-wrap:anywhere;max-width:100%;padding:0 .3rem;font-size:.875rem;font-weight:600}.settings-delete-choice{color:var(--status-error-text);cursor:pointer;align-items:flex-start;gap:.65rem;font-size:.8125rem;line-height:1.5;display:flex}.settings-delete-choice input{width:1.1rem;height:1.1rem;accent-color:var(--status-error-text);flex-shrink:0;margin:.1rem 0 0}.settings-delete-choice span{overflow-wrap:anywhere;min-width:0}.settings-modal .settings-callout pre{overflow-wrap:anywhere;white-space:pre-wrap}@media (width<=760px){.settings-modal-header button,.settings-home button,.settings-modal .settings-panel button,.settings-modal .settings-callout button{touch-action:manipulation;min-width:48px;min-height:48px;padding:.75rem 1rem}.settings-modal-header .settings-modal-close{flex-basis:48px;width:48px;height:48px;padding:0}.settings-modal-header .btn-ghost{min-width:64px}.settings-notifications .settings-toggle-copy strong{font-size:1rem}.settings-modal .settings-notifications>button{justify-self:stretch;width:100%}.settings-home .settings-row{min-height:56px;padding:1rem}.settings-home .settings-row-copy strong{font-size:1rem}.settings-modal .settings-field input,.settings-modal .settings-field select,.settings-modal .settings-field textarea{min-height:48px;font-size:1rem}.settings-profile-card>button,.settings-security .settings-confirm>button,.settings-security-body>button{justify-self:stretch;width:100%}.settings-profile-link{touch-action:manipulation;align-items:center;min-height:48px;padding:.75rem .5rem;font-size:.9rem;display:inline-flex}.settings-security-section summary{touch-action:manipulation;min-height:64px;padding:1rem;font-size:1rem}.settings-security-section summary svg{width:18px;height:18px}.settings-modal .settings-recovery-codes{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.settings-recovery-codes p{margin:0}.settings-modal .settings-recovery-codes pre{white-space:pre;overflow-wrap:normal;min-width:0;margin:0;line-height:1.6;overflow-x:auto}.settings-recovery-codes button{width:100%}}.hosting-site-link{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.875rem;font-weight:400;text-decoration:none;display:flex}.hosting-site-link:visited{color:var(--text-primary)}.hosting-site-link:hover{background:var(--surface-muted)}.hosting-site-link span{color:var(--text-secondary);flex-shrink:0}.hosting-site-link:focus-visible,.publish-live-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-settings-modal input,.brand-settings-modal textarea,.brand-settings-modal .hierarchy-modal-label,.brand-goals-options label{font-weight:400}.brand-settings-modal textarea{font:inherit;font-weight:400}@media (width<=760px){.settings-modal-backdrop,.hierarchy-settings-backdrop{background:var(--surface);padding:0;display:block}.settings-modal,.hierarchy-settings-backdrop>.hierarchy-modal{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.settings-modal-header,.hierarchy-settings-backdrop .hierarchy-modal-header{min-height:64px;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:flex-start;align-items:center;gap:.75rem;margin:0;display:flex}.hierarchy-settings-backdrop .hierarchy-modal-header>div{text-align:left;flex:1;min-width:0}.hierarchy-settings-backdrop .hierarchy-modal-header h2{flex:1;font-size:1.125rem}.hierarchy-settings-backdrop .hierarchy-modal-close,.settings-modal-header .settings-modal-close{border-radius:var(--radius-md);background:0 0;flex:0 0 44px;order:-1;width:44px;height:44px}.settings-modal-content,.hierarchy-settings-backdrop .resource-settings-body,.settings-page-body{overscroll-behavior:contain;flex:1;min-height:0;padding:1.25rem 1rem;overflow:auto}.hierarchy-settings-backdrop .hierarchy-modal-actions{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;margin:0}.hierarchy-settings-backdrop .hierarchy-modal-actions button{min-height:44px}.hierarchy-settings-backdrop input,.hierarchy-settings-backdrop textarea{font-size:1rem}}.settings-image-preview{object-fit:contain;object-position:left center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);width:min(100%,20rem);max-height:12rem;padding:.5rem;display:block}.settings-image-icon{object-fit:contain;width:64px;height:64px}.settings-image-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=760px){:is(html:has(.app),body:has(.app)){height:100%;overflow:hidden}body:has(.app){width:100%;position:fixed;inset:0}.app{inset:var(--studio-viewport-top,0px) 0 auto;height:var(--studio-viewport-height,100dvh);position:fixed}.app .rail,.app .chat,.app .chatkit-surface{overflow:hidden}.app.mobile-view-preview .topbar-desktop .topbar-mobile-actions{display:inline-flex}.app.mobile-view-preview .topbar-desktop:has(.mobile-studio-heading:not(.browser-open)) .browser-breadcrumbs>.crumb-group{display:none}.topbar-desktop .revision-controls{flex-shrink:0}.browser-panel:is([data-browser-level=brands],[data-browser-level=websites],[data-browser-level=pages])>.zoom-header{display:none}#mobile-browser-create{flex-shrink:0;display:flex}.mobile-browser-create-button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.mobile-browser-create-button>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:18px;font-weight:500;line-height:1;display:grid}.mobile-browser-create-button:hover>span{filter:brightness(.94)}.mobile-browser-create-button:disabled{opacity:.5;cursor:not-allowed}.mobile-browser-create-button:focus-visible{outline:2px solid var(--accent);outline-offset:-5px;border-radius:50%}}.custom-domain-records{margin:12px 0;overflow-x:auto}.custom-domain-records table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.custom-domain-records th,.custom-domain-records td{vertical-align:top;border-bottom:1px solid var(--border,#ddd);padding:8px}.custom-domain-records code{overflow-wrap:anywhere}