.tt-product-name{font-size:var(--brand-type-body-size);font-weight:var(--brand-typography-weight-medium)}.tt-auth .ob-top>a{align-items:center;gap:var(--brand-space-12);display:flex}.tt-entry{gap:var(--brand-space-24);width:min(100%,440px);padding-block:var(--brand-space-48);margin:auto;display:grid}.tt-entry h1{font-size:var(--brand-type-page-size);letter-spacing:-.025em;margin:0}.tt-entry p{color:var(--brand-muted);margin:0;line-height:1.6}.tt-trial-form{gap:var(--brand-space-20);display:grid}.tt-trial-terms{color:var(--brand-muted);font-size:var(--brand-type-caption-size);line-height:1.5;display:block}.tt-team-list{gap:var(--brand-space-12);display:grid}.tt-team-list .ui-button{white-space:normal;overflow-wrap:anywhere}.tt-discovery{white-space:normal;justify-content:flex-start;gap:var(--brand-space-12);margin-top:var(--brand-space-20)}.tt-discovery>span{gap:var(--brand-space-4);text-align:left;display:grid}.tt-discovery strong{font-size:var(--brand-type-label-size);font-weight:var(--brand-typography-weight-strong)}.tt-discovery small{color:var(--brand-muted);font-size:var(--brand-type-caption-size)}@media (max-width:767px){.tt-entry{padding-inline:var(--brand-space-20)}}.tt-promo{gap:var(--brand-space-8);min-width:0;margin-top:var(--brand-space-20);padding:var(--brand-space-16);border-radius:var(--brand-radius-card);text-align:left;white-space:normal;overflow-wrap:anywhere;flex:none;grid-template-columns:minmax(0,1fr);text-decoration:none;display:grid;position:relative}.tt-promo[data-tone=ink]{background:var(--brand-palette-ink-black);color:var(--brand-palette-char-text)}.tt-promo[data-tone=lime]{background:var(--brand-palette-lime);color:var(--brand-palette-ink-black)}.tt-promo-kicker{align-items:center;gap:var(--brand-space-8);font-size:var(--brand-type-caption-size);font-weight:var(--brand-typography-weight-strong);display:flex}.tt-promo-kicker svg{flex:none}.tt-promo>strong{font-size:var(--brand-type-body-size);letter-spacing:-.02em;line-height:1.4;display:block}.tt-promo[data-tone=ink]>strong{color:var(--brand-palette-lime)}.tt-promo>small{font-size:var(--brand-type-caption-size);color:inherit;line-height:1.6;display:block}.tt-promo-action{justify-content:space-between;align-items:center;gap:var(--brand-space-8);min-height:40px;margin-top:var(--brand-space-4);padding:var(--brand-space-8) var(--brand-space-12);border-radius:var(--brand-radius-control);font-size:var(--brand-type-caption-size);font-weight:var(--brand-typography-weight-strong);display:flex}.tt-promo[data-tone=ink] .tt-promo-action{background:var(--brand-palette-lime);color:var(--brand-palette-ink-black)}.tt-promo[data-tone=lime] .tt-promo-action{background:var(--brand-palette-ink-black);color:var(--brand-palette-lime)}.tt-promo-action>span{flex:none;display:flex}.tt-promo:focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:3px}@media (hover:hover){.tt-promo:hover .tt-promo-action{text-underline-offset:3px;text-decoration:underline}}.ad-side-foot .tt-promo{margin-top:0}.tt-trial{gap:var(--brand-space-8);padding:var(--brand-space-12) var(--brand-space-16);border-radius:var(--brand-radius-card);background:var(--brand-panel);box-shadow:var(--brand-shadow-card), var(--brand-ios-glassRing);font-size:var(--brand-type-caption-size);display:grid}.tt-trial-row{justify-content:space-between;align-items:center;gap:var(--brand-space-8);color:var(--brand-muted);display:flex}.tt-trial-row strong{color:var(--brand-ink);font-size:var(--brand-type-label-size)}.tt-trial-row a{color:var(--brand-ink);font-weight:var(--brand-typography-weight-strong);text-decoration:underline;-webkit-text-decoration-color:var(--brand-palette-lime);text-decoration-color:var(--brand-palette-lime);text-underline-offset:3px;text-decoration-thickness:2px}.tt-trial-bar{border-radius:var(--brand-radius-pill);background:var(--brand-fill);height:6px;overflow:hidden}.tt-trial-bar>i{border-radius:inherit;background:var(--brand-palette-lime);height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-palette-forest) 30%, transparent);display:block}.tt-trial-continue{border-radius:var(--brand-radius-pill);background:var(--brand-palette-ink-black);min-height:34px;color:var(--brand-palette-lime);font-weight:var(--brand-typography-weight-strong);place-items:center;text-decoration:none;display:grid}.tt-pick-trigger{border-radius:var(--brand-radius-card);width:100%;min-width:0;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}@media (hover:hover){.tt-pick-trigger:hover{background:var(--brand-fill)}}.tt-pick-trigger[aria-expanded=true]{background:var(--brand-fill)}.tt-pick-trigger:focus-visible,.tt-pick-row:focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:2px}.tt-pick-trigger .ad-org-text{flex:1}.tt-pick-chevron,.tt-pick-check{flex:none}.tt-pick-menu{width:min(360px,100vw - 24px);min-width:0;max-height:min(70dvh,560px);overflow-y:auto}.tt-pick-item,.tt-pick-row{align-items:center;gap:var(--brand-space-12);min-height:72px;padding:var(--brand-space-12);display:flex}.tt-pick-menu .tt-pick-item>.ad-mark{flex:none;width:36px;min-width:36px;height:36px;display:grid}.tt-pick-copy,.tt-pick-menu .tt-pick-item>.tt-pick-copy{gap:var(--brand-space-8);white-space:normal;flex:1;min-width:0;display:grid}.tt-pick-name{overflow-wrap:anywhere;min-width:0;font-weight:var(--brand-typography-weight-strong)}.tt-pick-meta{align-items:center;gap:var(--brand-space-8);color:var(--brand-muted);font-size:var(--brand-type-caption-size);flex-wrap:wrap;display:flex}.tt-pick-list{gap:var(--brand-space-8);display:grid}.tt-pick-row{border:var(--brand-border-width) solid var(--brand-line);border-radius:var(--brand-radius-card);width:100%;color:var(--brand-ink);font:inherit;text-align:left;cursor:pointer;background:0 0}.tt-pick-row[aria-current=true]{background:var(--brand-panel);border-color:var(--brand-accent)}.tt-pick-row:active{background:var(--brand-fill)}.tt-pick-row:disabled{cursor:wait;opacity:.65}.tt-pick-search{gap:var(--brand-space-8);margin-bottom:var(--brand-space-16);font-size:var(--brand-type-caption-size);display:grid}.tt-pick-search input{width:100%;min-height:48px;padding:var(--brand-space-12);border:var(--brand-border-width) solid var(--brand-line);border-radius:var(--brand-radius-control);background:var(--brand-panel);color:var(--brand-ink);font:inherit;font-size:var(--brand-type-body-size)}.tt-pick-error,.tt-pick-status{margin:var(--brand-space-12) 0;font-size:var(--brand-type-caption-size)}.tt-pick-error{color:var(--brand-danger,var(--brand-ink))}.cs-sidebar-head>:is(.ad-org,.tt-pick-trigger){flex:1;min-width:0}.cs-sidebar-inner[data-collapsed] .cs-sidebar-head :is(.ad-org-text,.tt-pick-chevron){display:none}.cs-sidebar-inner[data-collapsed] .cs-sidebar-head :is(.ad-org,.tt-pick-trigger){justify-content:center}.cs-app[data-teams] .cs-route{container:teams-content/inline-size}.cs-sidebar-scroll .tt-promo,.cs-sidebar-scroll .tt-trial{margin-top:0}
.cs-app{--f-gutter:var(--brand-space-24);--f-section:var(--brand-space-24)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route){--f-nav-pad:6px;--f-nav-item:clamp(44px, calc((100vw - 72px) / 6), 52px);--f-nav-gap:clamp(0px, calc((100vw - 56px - 6 * var(--f-nav-item)) / 4), 10px);--f-tabbar:calc(var(--f-nav-item) + 2 * var(--f-nav-pad));--f-tabbar-gap:var(--brand-space-8);--f-nav-width:calc(5 * var(--f-nav-item) + 4 * var(--f-nav-gap) + 2 * var(--f-nav-pad));--f-nav-group-width:calc(var(--f-nav-width) + var(--f-tabbar) + var(--brand-space-8));--f-nav-group-edge:calc((100vw - var(--f-nav-group-width)) / 2)}@media (max-width:767px){.cs-app{--f-gutter:var(--brand-native-gutter)}}.cs-app .cs-main{padding-inline:var(--f-gutter)}.cs-app[data-screen-level=child] .cs-main{padding-top:0}@media (max-width:767px){html:has(.cs-bottomnav) .ui-toaster{bottom:calc(var(--f-tabbar,64px) + var(--f-tabbar-gap,var(--brand-space-8)) + var(--brand-space-12) + env(safe-area-inset-bottom))}html:has(.ce-dock) .ui-toaster{--ui-toast-from:calc(-1 * var(--brand-space-8));top:calc(var(--brand-native-barHeight) + var(--brand-space-8) + env(safe-area-inset-top));bottom:auto}.cs-app .cs-main{padding-top:var(--brand-space-4);padding-bottom:calc(var(--f-tabbar) + var(--f-tabbar-gap) + var(--brand-space-24) + env(safe-area-inset-bottom))}}.cs-header{align-items:center;gap:var(--brand-space-12);min-width:0;margin-bottom:var(--f-section);display:flex}.cs-header-group{justify-content:space-between;align-items:center;gap:var(--brand-space-16);flex:1;min-width:0;display:flex}.cs-section-heading{display:none}.cs-screen-title{gap:2px;min-width:0;display:grid}.cs-header .cs-screen-title>h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.cs-header-description{color:var(--brand-muted);font-size:var(--brand-typography-size-control);line-height:var(--brand-typography-leading-body);margin:0}.cs-header-actions{align-items:center;gap:var(--brand-space-8);flex:none;display:flex}.cs-header-actions:empty{display:none}.cs-header-actions>.cs-header-actions{display:contents}.cs-header[data-level=root] .cs-screen-title>h1{font-size:clamp(28px, 2.6vw, var(--brand-ios-largeTitle));font-weight:var(--brand-typography-weight-heading);letter-spacing:-.02em;line-height:1.15}.cs-header[data-level=child]{z-index:30;min-height:64px;margin-inline:calc(-1 * var(--f-gutter));margin-bottom:var(--brand-space-16);padding:var(--brand-space-8) var(--f-gutter);position:sticky;top:0}:is(.cs-header[data-level=child],.cs-mobile-topbar):before{content:"";inset:0 0 calc(-1 * var(--brand-space-20));z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--brand-canvas) 0%, color-mix(in srgb, var(--brand-canvas) 76%, transparent) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@media (min-width:768px){.cs-app .cs-frame{container-type:inline-size}.cs-app .cs-sidebar{z-index:31}.cs-header[data-level=child]:not(:is(.ms-list,.ms-detail) .cs-header):before{--f-glow:color-mix(in srgb, var(--brand-action) 16%, transparent);background:radial-gradient(60% 100% at 8% 0%, var(--f-glow), transparent 70%) 0 0 / 100% 520px no-repeat fixed, linear-gradient(to bottom, var(--brand-canvas) 0%, color-mix(in srgb, var(--brand-canvas) 76%, transparent) 55%, transparent);inset-block-start:calc(-1 * var(--brand-space-12));inset-inline-start:calc(50% - 50cqw - 100vw);inset-inline-end:calc((100% - 100cqw) / 2 - var(--brand-space-12))}[data-theme=dark] .cs-header[data-level=child]:not(:is(.ms-list,.ms-detail) .cs-header):before{--f-glow:color-mix(in srgb, var(--brand-action) 11%, transparent)}.ad-main .cs-route .cs-header[data-level=child]:not(:is(.ms-list,.ms-detail) .cs-header):before{inset-inline-start:calc(-1 * var(--f-gutter))}}.cs-header[data-level=child] .cs-screen-title>h1{font-size:var(--brand-typography-size-title-large);font-weight:var(--brand-typography-weight-heading);letter-spacing:-.01em;line-height:1.2}.cs-header[data-level=child] .cs-header-description{display:none}.cs-back{max-width:220px;min-height:44px;padding:0 var(--brand-space-12) 0 var(--brand-space-4);border-radius:var(--brand-radius-pill);color:var(--brand-ink);font-size:var(--brand-typography-size-control);font-weight:var(--brand-typography-weight-strong);white-space:nowrap;transition:background-color var(--brand-motion-press) ease-out;flex:none;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.cs-back>svg{flex:none}.cs-back-label{text-overflow:ellipsis;overflow:hidden}@media (hover:hover){.cs-back:hover{background:var(--brand-fill)}}.cs-back,.cs-bottom-link,.ce-dock>:is(a,.ui-button),.cs-header-actions .ui-button,.cs-mobile-topbar .ui-button,.cs-fab{--ui-radius:var(--brand-radius-pill)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-segment>:is(.ui-button,.ui-segment-button){--ui-radius:var(--brand-radius-pill)}.cs-back:active{opacity:.6}.cs-back:focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:2px}@media (min-width:768px){.cs-header[data-level=child] .cs-back{margin-inline-start:calc(-1 * var(--brand-space-4))}}@media (max-width:767px){.cs-header{margin-bottom:var(--brand-space-16)}.cs-header[data-level=root]{min-height:44px;margin-top:var(--brand-space-4)}.cs-header-description{display:none}.cs-header[data-level=child]{gap:var(--brand-space-8);min-height:calc(var(--brand-native-barHeight) + env(safe-area-inset-top));margin-bottom:var(--brand-space-12);padding:env(safe-area-inset-top) var(--brand-space-8) 0;grid-template-columns:1fr minmax(0,max-content) 1fr;display:grid}.cs-header[data-level=child]>.cs-header-group{display:contents}.cs-header[data-level=child] .cs-back{grid-column:1;justify-self:start}.cs-header[data-level=child] .cs-screen-title{text-align:center;grid-column:2}.cs-header[data-level=child] .cs-screen-title>h1{font-size:var(--brand-ios-barTitle);font-weight:var(--brand-typography-weight-heading)}.cs-header[data-level=child] .cs-header-actions{justify-self:end;gap:var(--brand-space-4);grid-column:3}.cs-back{justify-content:center;width:44px;height:44px;padding:0}.cs-back,.cs-header[data-level=child] .cs-header-actions .ui-button:not(.ui-button-primary),.cs-mobile-topbar>.ui-button,.cs-mobile-topbar-end{background:var(--brand-glass);-webkit-backdrop-filter:var(--brand-ios-glass);backdrop-filter:var(--brand-ios-glass);box-shadow:var(--brand-ios-thumbShadow), var(--brand-ios-glassRing)}@media (hover:hover){.cs-back:hover{background:var(--brand-glass)}}.cs-back-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cs-header-actions :is(.cs-header-action-label,.cw-share-label){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-header-actions .ui-button:is(:has(.cs-header-action-label),:has(.cw-share-label),.ui-icon-button){border-radius:var(--brand-radius-pill);flex:none;justify-content:center;width:44px;min-width:44px;min-height:44px;padding-inline:0}.cs-header[data-level=child] .cs-header-actions .ui-button.ui-button-primary:has(.cs-header-action-label){width:auto;padding-inline:var(--brand-space-16)}.cs-header[data-level=child] .cs-header-actions .ui-button.ui-button-primary .cs-header-action-label{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}.cs-header-actions .sk-button{min-inline-size:44px;max-inline-size:44px}.cs-app .ui-button:has(>.cs-icon-label){border-radius:var(--brand-radius-pill);flex:none;justify-content:center;width:44px;min-width:44px;min-height:44px;padding-inline:0}.cs-app .cs-icon-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.cs-mobile-topbar{display:none}@media (max-width:767px){.cs-mobile-topbar{z-index:40;align-items:center;gap:var(--brand-space-4);min-height:calc(var(--brand-native-barHeight) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--brand-space-8) 0;display:flex;position:sticky;top:0}.cs-mobile-topbar .ui-icon-button{border-radius:var(--brand-radius-pill);flex:none;width:44px;min-width:44px;height:44px;min-height:44px}.cs-mobile-topbar .ui-icon-button svg{stroke-width:1.75px}.cs-mobile-topbar .cs-workspace-picker-trigger .ui-avatar{background:var(--brand-fill);width:32px;height:32px;font-size:var(--brand-typography-size-control)}.cs-mobile-topbar .cw-activity-dot{inset:3px 3px auto auto}.cs-mobile-topbar .cw-notification-trigger .cw-activity-dot{inset:8px 9px auto auto}.cs-mobile-topbar-end{border-radius:var(--brand-radius-pill);justify-content:flex-end;align-items:center;gap:0;margin-left:auto;display:flex}.cs-mobile-topbar-end .ui-icon-button{background:0 0}}.cs-bottomnav,.ce-dock{display:none}.cs-fab{z-index:29;inset-inline-end:var(--brand-space-24);bottom:calc(var(--brand-space-24) + env(safe-area-inset-bottom));border-radius:var(--brand-radius-pill);background:var(--brand-glass);width:56px;height:56px;-webkit-backdrop-filter:var(--brand-ios-glass);backdrop-filter:var(--brand-ios-glass);box-shadow:var(--brand-ios-glassShadow), var(--brand-ios-glassRing);color:var(--brand-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--brand-motion-press) var(--brand-motion-ease-out);border:0;place-items:center;padding:0;display:grid;position:fixed}.cs-fab svg{transition:transform var(--brand-motion-modal) var(--brand-motion-ease-drawer)}.cs-fab:active{transform:scale(.92)}.cs-fab:focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:3px}.cs-fab[data-state=open]{z-index:calc(var(--brand-layer-overlay) + var(--brand-layer-step) + 2);pointer-events:auto}.cs-fab[data-state=open] svg{transform:rotate(135deg)}@media (max-width:767px){.cs-bottomnav,.ce-dock{z-index:30;width:max-content;max-width:calc(100% - 2 * var(--brand-space-12));inset-inline:0;bottom:calc(var(--f-tabbar-gap) + env(safe-area-inset-bottom));grid-auto-flow:column;grid-auto-columns:var(--f-nav-item);column-gap:var(--f-nav-gap);min-height:var(--f-tabbar);padding:var(--f-nav-pad);border-radius:var(--brand-radius-pill);background:var(--brand-glass);-webkit-backdrop-filter:var(--brand-ios-glass);backdrop-filter:var(--brand-ios-glass);box-shadow:var(--brand-ios-glassShadow), var(--brand-ios-glassRing);transition:opacity var(--brand-motion-modal) var(--brand-motion-ease-out), transform var(--brand-motion-modal) var(--brand-motion-ease-drawer);align-items:center;margin-inline:auto;display:grid;position:fixed}:is(.cs-app,.ad-app):has(>.cs-fab) .cs-bottomnav{width:max-content;max-width:none;margin-inline:0;inset-inline-start:var(--f-nav-group-edge);inset-inline-end:auto}.cs-fab{inset-inline-end:var(--f-nav-group-edge);bottom:calc(var(--f-tabbar-gap) + env(safe-area-inset-bottom));width:var(--f-tabbar);height:var(--f-tabbar)}:is(.cs-app,.ad-app):has(>.cs-fab[data-state=open]) .cs-bottomnav{opacity:0;pointer-events:none;transform:scale(.96)}.cs-bottom-lens{inset-block:var(--f-nav-pad);width:var(--f-nav-item);pointer-events:none;transform:translateX(calc(var(--cs-tab-index) * (var(--f-nav-item) + var(--f-nav-gap))));transition:transform var(--brand-ios-morph) var(--brand-ios-easeSheet);place-items:center;display:grid;position:absolute;inset-inline-start:var(--f-nav-pad)}.cs-bottom-lens:before{content:"";width:var(--f-nav-item);height:var(--f-nav-item);border-radius:var(--brand-radius-pill);background:var(--brand-fill);box-shadow:inset 0 1px 0 var(--brand-glass-edge)}.cs-bottom-link,.ce-dock>:is(a,.ui-button.ui-button){width:var(--f-nav-item);height:var(--f-nav-item);min-width:var(--f-nav-item);min-height:var(--f-nav-item);border-radius:var(--brand-radius-pill);color:var(--brand-ink);font-family:inherit;font-size:var(--brand-typography-size-micro);font-weight:var(--brand-typography-weight-strong);-webkit-tap-highlight-color:transparent;transition:background-color var(--brand-motion-fast) ease-out, color var(--brand-motion-fast) ease-out, transform var(--brand-motion-press) ease-out;background:0 0;border:0;place-content:center;justify-self:center;justify-items:center;padding:0;line-height:1.2;text-decoration:none;display:grid;position:relative}.cs-bottom-link{color:var(--brand-muted);padding-inline:0}.cs-bottom-link svg,.ce-dock>:is(a,.ui-button) svg{stroke-width:1.75px;width:24px;height:24px}.cs-bottom-link>span,.ce-dock>:is(a,.ui-button)>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-bottom-link:focus-visible,.ce-dock>:is(a,.ui-button):focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:2px}.cs-bottom-recovery .cs-bottom-link[aria-current=page]{background:var(--brand-fill);box-shadow:inset 0 1px 0 var(--brand-glass-edge)}.cs-bottom-link[aria-current=page]{color:var(--brand-accent)}.cs-bottom-link[aria-current=page] svg,.ce-dock>.ui-button[aria-pressed=true] svg{stroke-width:2.1px;animation:f-icon-pop var(--brand-ios-morph) var(--brand-ios-easePop)}.cs-bottom-link:active,.ce-dock>:is(a,.ui-button):active{transform:scale(.92)}.ce-dock>.ui-button[aria-pressed=true]{background:var(--brand-fill);box-shadow:inset 0 1px 0 var(--brand-glass-edge);color:var(--brand-accent)}.ce-dock.ce-design-dock{gap:var(--f-nav-gap);overscroll-behavior-inline:contain;scrollbar-width:none;border-radius:var(--brand-ios-sheetRadius);display:flex;overflow-x:auto}.ce-dock.ce-design-dock::-webkit-scrollbar{display:none}.ce-dock.ce-design-dock>.ui-button{flex:0 0 var(--f-nav-item)}}@keyframes f-icon-pop{0%{transform:scale(.8)}to{transform:scale(1)}}:root:has(.cs-app,.ad-app) .ui-overlay.cs-create-scrim{background:color-mix(in srgb, var(--brand-scrim) 30%, transparent)}:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state]{--f-morph-from:inset(calc(100% - 56px) 0 0 calc(100% - 56px) round 28px);top:auto;left:auto;inset-inline-end:calc(var(--brand-space-24) + 56px + var(--brand-space-12));bottom:calc(var(--brand-space-24) + env(safe-area-inset-bottom));width:min(360px, calc(100vw - 3 * var(--brand-space-24) - 56px));max-height:calc(100dvh - 2 * var(--brand-space-24));padding:var(--brand-space-16) var(--brand-space-12);border-radius:var(--brand-native-tileRadius);background:var(--brand-glass);-webkit-backdrop-filter:var(--brand-ios-glass);backdrop-filter:var(--brand-ios-glass);box-shadow:var(--brand-ios-glassShadow), var(--brand-ios-glassRing);animation:f-create-in var(--brand-motion-modal) var(--brand-motion-ease-drawer) both;overflow-y:auto;transform:none}:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state=closed]{animation:f-create-out var(--brand-motion-modal) var(--brand-ios-easeSheet) both}@media (max-width:767px){:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state]{--f-morph-from:inset(calc(100% - var(--f-tabbar)) 0 0 0 round calc(var(--f-tabbar) / 2));top:auto;bottom:calc(var(--f-tabbar-gap) + env(safe-area-inset-bottom));width:var(--f-nav-width);max-height:calc(100dvh - var(--f-tabbar-gap) - env(safe-area-inset-bottom) - env(safe-area-inset-top) - var(--brand-space-24));border-radius:var(--brand-ios-sheetRadius);inset-inline-start:var(--f-nav-group-edge);inset-inline-end:auto}}@keyframes f-create-in{0%{clip-path:var(--f-morph-from);opacity:.7}to{clip-path:inset(0 round 28px);opacity:1}}@keyframes f-create-out{0%{clip-path:inset(0 round 28px);opacity:1}to{clip-path:var(--f-morph-from);opacity:0}}.cs-create-grid{gap:var(--brand-space-16) var(--brand-space-8);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}.cs-create-tile{min-width:0;color:var(--brand-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:f-tile-in var(--brand-motion-popover) var(--brand-motion-ease-out) both;animation-delay:calc(min(var(--cs-tile,0), 2) * 40ms);background:0 0;border:0;align-content:start;justify-items:center;gap:6px;padding:0;display:grid}.cs-create-menu[data-state=closed] .cs-create-tile{animation:f-tile-out var(--brand-motion-fast) var(--brand-motion-ease-out) both}.cs-create-icon{background:var(--brand-fill);width:56px;height:56px;box-shadow:inset 0 1px 0 var(--brand-glass-edge);transition:transform var(--brand-motion-press) ease-out, background-color var(--brand-motion-fast) ease-out;border-radius:18px;place-items:center;display:grid;position:relative}.cs-create-icon>.cw-plan-chip.is-corner{inset-block-start:-8px;inset-inline-end:-14px}.cs-create-label{max-width:100%;font-size:var(--brand-typography-size-caption);font-weight:var(--brand-typography-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cs-create-tile:active .cs-create-icon{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.cs-create-tile:hover .cs-create-icon{background:color-mix(in srgb, var(--brand-ink) 12%, transparent)}}.cs-create-tile:focus-visible{outline:none}.cs-create-tile:focus-visible .cs-create-icon{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:2px}.cs-create-tile:disabled{opacity:.45;cursor:default}@keyframes f-tile-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:none}}@keyframes f-fade-in{0%{opacity:0}}@keyframes f-tile-out{to{opacity:0;transform:scale(.94)}}@media (min-width:768px){.cs-app .cs-sidebar{background:var(--brand-glass);-webkit-backdrop-filter:var(--brand-ios-glass);backdrop-filter:var(--brand-ios-glass);box-shadow:var(--brand-ios-glassShadow), var(--brand-ios-glassRing);border-color:#0000}}:root:has(.cs-app,.ad-app) .cs-nav-link[aria-current=page]{background:var(--brand-fill);box-shadow:inset 0 1px 0 var(--brand-glass-edge)}:root:has(.cs-app,.ad-app) .cs-nav-link{transition:background-color var(--brand-motion-fast) ease-out, color var(--brand-motion-fast) ease-out, transform var(--brand-motion-press) ease-out}:root:has(.cs-app,.ad-app) .cs-nav-link:active{transform:scale(.98)}.cs-sidebar-inner:not([data-collapsed]) .cs-nav-link[aria-current=page]:before{animation:f-mark-in var(--brand-ios-morph) var(--brand-ios-easePop)}.cs-app .cs-tab[aria-current=page]:after{animation:f-underline-in var(--brand-ios-morph) var(--brand-ios-easeSheet)}.cs-app .cs-tab{transition:color var(--brand-motion-fast) ease-out}@keyframes f-mark-in{0%{opacity:0;transform:scaleY(.2)}}@keyframes f-underline-in{0%{opacity:0;transform:scaleX(.3)}}@media (prefers-reduced-motion:reduce){:is(:root:has(.cs-app,.ad-app) .cs-nav-link,.cs-app .cs-tab){transition:none}:root:has(.cs-app,.ad-app) .cs-nav-link:active{transform:none}.cs-sidebar-inner:not([data-collapsed]) .cs-nav-link[aria-current=page]:before,.cs-app .cs-tab[aria-current=page]:after{animation:none}}@media (prefers-reduced-transparency:reduce){.cs-app .cs-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--brand-panel)}}.ce-intro{margin:0 0 var(--brand-space-4);color:var(--brand-muted);font-size:var(--brand-ios-footnote);line-height:1.45}@media (max-width:767px){.cs-app .cs-route .ui-panel:not(.ui-panel-tone-dashed){border-radius:var(--brand-ios-groupRadius)}}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-button.ui-button-secondary{border-color:#0000}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) :is(.ui-input.ui-input:not(.ui-input-bare),.ui-input-group,.ui-select.ui-select,.ui-search){border-radius:var(--brand-field-radius);background:var(--brand-fill);border-color:#0000}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) :is(textarea,.cw-rich-text-input).ui-input.ui-input:not(.ui-input-bare){border-radius:var(--brand-ios-fieldRadius)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) :is(.ui-input.ui-input,.ui-select.ui-select)[aria-invalid=true]{background:var(--brand-danger-soft);box-shadow:inset 0 0 0 2px var(--brand-danger)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-input-group:has(>[aria-invalid=true]){background:var(--brand-danger-soft);box-shadow:inset 0 0 0 2px var(--brand-danger)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-input-start{border-inline-end-color:color-mix(in srgb, var(--brand-ink) 10%, transparent)}@media (max-width:767px){:root:has(.cs-app,.ad-app,.ob-main,.cs-route) :is(.ui-input.ui-input,.ui-search-input,.ui-inline-select){font-size:max(16px, var(--ui-control-font,16px))}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-input.ui-input:not(textarea):not(.ui-input-bare):not(.ui-size-compact){min-height:var(--brand-ios-field)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-input-group:not(.ui-size-compact){min-height:var(--brand-ios-field)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-select.ui-select:not(.ui-size-compact){min-height:var(--brand-ios-field)}}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-segment{border-radius:var(--brand-radius-pill);background:var(--brand-fill);gap:2px;padding:3px}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-segment>:is(.ui-button.ui-button,.ui-segment-button){min-height:34px;padding-block:var(--brand-space-4);border-radius:var(--brand-radius-pill);border-color:#0000}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-segment>:is(.ui-button.ui-button,.ui-segment-button):is([aria-pressed=true],[data-state=active]){box-shadow:var(--brand-ios-thumbShadow)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-switch{background:color-mix(in srgb, var(--brand-ink) 16%, transparent);width:51px;height:31px;padding:2px}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-switch[data-state=checked]{background:var(--brand-action)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-switch .ui-switch-thumb{background:var(--brand-palette-white);width:27px;height:27px;box-shadow:var(--brand-ios-thumbShadow)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-switch[data-state=checked] .ui-switch-thumb{transform:translate(20px)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-menu{border:.5px solid var(--brand-line);border-radius:var(--brand-ios-menuRadius);min-width:220px;box-shadow:var(--brand-ios-menuShadow), var(--brand-ios-glassRing);max-height:var(--radix-dropdown-menu-content-available-height,60vh);padding:6px}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-menu .ui-menu-item{min-height:40px;padding:var(--brand-space-8) var(--brand-space-12);border-radius:9px}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-menu .ui-menu-item[data-highlighted]{background:var(--brand-fill)}@media (max-width:767px){:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-menu .ui-menu-item{min-height:44px;font-size:var(--brand-ios-body)}}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-modal-footer{border-top:0}@media (max-width:767px){:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-dialog.ui-modal[data-sheet=bottom]{border-radius:var(--brand-ios-sheetRadius) var(--brand-ios-sheetRadius) 0 0;animation-duration:var(--brand-ios-morph);animation-timing-function:var(--brand-ios-easeSheet)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-modal-footer{justify-content:stretch;gap:var(--brand-space-8);padding:var(--brand-space-12) var(--brand-space-20) calc(var(--brand-space-12) + env(safe-area-inset-bottom));background:var(--brand-overlay-background);-webkit-backdrop-filter:var(--brand-ios-glassThick);backdrop-filter:var(--brand-ios-glassThick);grid-template-columns:minmax(0,1fr);display:grid;position:sticky;bottom:0}:is(:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-modal-footer>.ui-button.ui-button,:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-modal-footer>*>.ui-button.ui-button){--ui-radius:var(--brand-radius-pill);width:100%;min-height:var(--brand-ios-buttonLarge);border-radius:var(--brand-radius-pill);font-size:var(--brand-typography-size-body)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-dialog.ui-modal:has(>.ui-modal-footer){padding-bottom:0}}:root:has(.cs-app,.ad-app) .ui-select.ui-select.cp-sort{width:auto;min-height:36px;padding-inline:var(--brand-space-8);color:var(--brand-muted);font-size:var(--brand-typography-size-control);background:0 0}@media (max-width:767px){:root:has(.cs-app,.ad-app) .ui-select.ui-select.cp-sort:not(.ui-size-compact){min-height:36px}}.cs-app .cp-details{gap:var(--f-section)}@media (max-width:767px){.cs-app .cp-details>.ui-panel>.cp-row{grid-template-columns:minmax(0,1fr);gap:0}.cs-app .cp-details .cp-row-preview{border:0;border-radius:0;height:max(440px,min(100svh - 220px,760px))}.cs-app .cp-details .cp-row-preview-content{height:100%;overflow:hidden}.cs-app .cp-details .cp-row-preview .connect-public{min-height:100%}.cs-app .cp-details .sk-mini-page{padding-top:108px}.cs-app .cp-details .sk-mini-page>.sk-mini-avatar{inline-size:88px;margin-bottom:0}.cs-app .cp-details .cp-row>.cp-row-stats{justify-content:flex-start;align-items:flex-start;gap:var(--brand-space-24);padding:var(--brand-space-16) var(--brand-native-tilePad);box-shadow:0 -.5px 0 var(--brand-line);padding-bottom:calc(var(--brand-space-16) + 16px);grid-area:auto/1}.cs-app .cp-details>.ui-panel>.cp-row[data-details]{align-items:center;gap:var(--brand-space-12) var(--brand-space-12);padding:var(--brand-space-16) var(--brand-space-16) 0;grid-template-columns:minmax(0,1fr) auto}.cs-app .cp-details>.ui-panel>.cp-row[data-details]>.cp-row-stats{margin-inline:calc(-1 * var(--brand-space-16));padding:var(--brand-space-12) var(--brand-space-16) calc(var(--brand-space-12) + 16px);gap:var(--brand-space-12);grid-area:2/1/auto/-1}.cs-app .cp-details>.ui-panel>.cp-row[data-details] .cp-row-stats .ui-metric{inline-size:64px}.cs-app .cp-details>.ui-panel>.cp-row[data-details] .cp-row-stats .ui-info-hint{margin-inline-start:auto}}:is(.cs-app,.ce-refresh) .ce-main>*>.ui-segment{width:100%}:is(.cs-app,.ce-refresh) .ce-main>*>.ui-segment>:is(.ui-button,.ui-segment-button){flex:1 1 0}:is(.cs-app,.ce-refresh) .cw-content-add{gap:var(--brand-space-8);margin:0;display:flex}:is(.cs-app,.ce-refresh) .cw-content-add>.ui-button{white-space:nowrap;flex:1 1 0;min-width:0}:is(.cs-app,.ce-refresh) .cw-tab-publish{padding:0 var(--brand-native-tilePad);border-radius:var(--brand-ios-groupRadius);background:var(--brand-panel);display:grid}:is(.cs-app,.ce-refresh) .cw-tab-publish>.ui-switch-row{min-height:var(--brand-native-rowHeight);padding-block:var(--brand-space-12);font-size:var(--brand-typography-size-body);font-weight:var(--brand-typography-weight-strong)}:is(.cs-app,.ce-refresh) .cw-tab-manage{align-items:center;gap:var(--brand-space-12);min-height:var(--brand-native-rowHeight);padding-block:var(--brand-space-12);box-shadow:0 -.5px 0 var(--brand-line);color:var(--brand-ink);text-decoration:none;display:flex}:is(.cs-app,.ce-refresh) .cw-tab-manage>span{flex:1;gap:2px;min-width:0;display:grid}:is(.cs-app,.ce-refresh) .cw-tab-manage strong{font-size:var(--brand-typography-size-body);font-weight:var(--brand-typography-weight-strong)}:is(.cs-app,.ce-refresh) .cw-tab-manage small{color:var(--brand-muted);font-size:var(--brand-ios-footnote);line-height:1.4}:is(.cs-app,.ce-refresh) .cw-tab-manage>svg{color:var(--brand-muted);flex:none}:is(.cs-app,.ce-refresh) .cw-trash-banner{justify-content:space-between;align-items:center;gap:var(--brand-space-12);display:flex}:is(.cs-app,.ce-refresh) .cw-trash-banner>strong{font-size:var(--brand-typography-size-title-small)}@media (max-width:767px){:is(.cs-app,.ce-refresh) .cw-content-add>.ui-button{min-height:var(--brand-ios-field)}}.cs-app .ce-more{padding:0 var(--brand-space-16);border-radius:var(--brand-ios-groupRadius);background:var(--brand-panel);display:grid}.cs-app .ce-more-row{align-items:center;gap:var(--brand-space-12);min-height:var(--brand-native-rowHeight);display:flex}.cs-app .ce-more-row+.ce-more-row{box-shadow:0 -.5px 0 var(--brand-line)}.cs-app .ce-more-row>a{align-items:center;gap:var(--brand-space-12);min-width:0;padding-block:var(--brand-space-12);color:var(--brand-ink);flex:1;text-decoration:none;display:flex}.cs-app :is(.ce-more-row>a,.ix-more-row)>span{flex:1;gap:2px;min-width:0;display:grid}.cs-app .ce-more-row strong{font-size:var(--brand-typography-size-body);font-weight:var(--brand-typography-weight-strong)}.cs-app .ce-more-row small{color:var(--brand-muted);font-size:var(--brand-ios-footnote);line-height:1.4}.cs-app .ce-more-row>a>svg:last-child{color:var(--brand-muted);flex:none}.cs-app .ix-more-row{padding-block:var(--brand-space-12)}@media (hover:hover) and (pointer:fine){.cs-app .ce-more-row>a:hover strong{color:var(--brand-accent)}}@media (max-width:767px){.cs-header-actions .cw-plan-chip.is-corner{display:none}.cs-app .cs-route:has(>.cs-section-tabs) .cs-header .cs-screen-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cs-app .cs-route:has(>.cs-section-tabs) .cs-header:not(:has(.cs-header-actions>:not(.cs-create-button))){display:none}.cs-app .cs-route:has(>.cs-section-tabs) .cs-header{min-height:0;margin-bottom:var(--brand-space-8)}.cs-app .cs-route:has(>.cs-section-tabs) .cs-header-group{justify-content:flex-end}.cs-app .cs-route:has(>.cs-section-tabs):has(.cs-header[data-level=root] .cs-header-actions>:not(.cs-create-button)){position:relative}.cs-app .cs-route:has(>.cs-section-tabs) .cs-header[data-level=root]:has(.cs-header-actions>:not(.cs-create-button)){min-height:44px;margin:0;position:absolute;inset-block-start:0;inset-inline-end:0}.cs-app .cs-route>.cs-section-heading{min-height:44px;margin:0 0 var(--brand-space-8);font-size:var(--brand-ios-largeTitle);font-weight:var(--brand-typography-weight-heading);letter-spacing:-.02em;align-items:center;padding-inline-end:calc(2 * 44px + 2 * var(--brand-space-8));line-height:1.15;display:flex}:is(.cs-app,.ad-app):has(.ix-conversation) .cs-bottomnav{display:none}}.ms-detail>.ix-conversation>.cs-header{flex:none}.cs-screen-title .ix-who{min-width:0;display:flex}@media (min-width:1100px){.ms-detail .cs-header>.cs-back{display:none}.ms-detail .cw-contact-detail .cs-header>.cs-back{display:inline-flex}.ms-list>.cs-header{display:none}}@media (prefers-reduced-motion:reduce){.cs-back,.cs-bottom-link,.ce-dock>:is(a,.ui-button),.cs-mobile-topbar{transition:none}.cs-bottom-link:active,.ce-dock>:is(a,.ui-button):active,.cs-fab:active,.cs-create-tile:active .cs-create-icon{transform:none}.cs-bottomnav,.cs-bottom-lens,.cs-fab,.cs-fab svg,.cs-create-icon{transition:none}.cs-bottom-link[aria-current=page] svg,.ce-dock>.ui-button[aria-pressed=true] svg,.cs-create-tile,.cs-create-menu[data-state=closed] .cs-create-tile{animation:none}:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state]{animation:f-fade-in var(--brand-motion-fast) ease-out both}:is(.cs-app,.ad-app):has(>.cs-fab[data-state=open]) .cs-bottomnav{transform:none}:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state=closed]{animation:ui-drawer-fade-out var(--brand-motion-fast) ease-out both}}@media (prefers-reduced-transparency:reduce){.cs-header[data-level=child],.cs-mobile-topbar,.cs-bottomnav,.ce-dock,.cs-fab,.cs-back,.cs-mobile-topbar>.ui-button,.cs-mobile-topbar-end,.ui-dialog.cs-drawer[data-placement=left],.ui-dialog.cs-palette[data-placement=center]{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--brand-panel)}:root:has(.cs-app,.ad-app) .ui-dialog.cs-create-menu[data-state]{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--brand-panel)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-modal-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--brand-panel)}:root:has(.cs-app,.ad-app,.ob-main,.cs-route) .ui-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--brand-panel)}.cs-header[data-level=child],.cs-mobile-topbar{background:var(--brand-canvas)}:is(.cs-header[data-level=child],.cs-mobile-topbar):before{display:none}}
.pe-design-entry{padding:var(--brand-space-12) var(--brand-space-16);justify-content:flex-end;display:flex}.pe-sheet.ce-editor-sheet{width:min(1080px, calc(100vw - var(--brand-space-32)));height:min(860px,90dvh);max-height:90dvh}.pe-sheet .ce-sheet-body{flex:1;padding:0;display:flex;overflow:hidden}.pe-review{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);width:100%;min-height:0;display:grid}.pe-changes{padding:var(--brand-space-24);overscroll-behavior:contain;overflow-y:auto}.pe-intro{margin-bottom:var(--brand-space-24)}.pe-intro h2{margin:0 0 var(--brand-space-8);font-size:var(--brand-typography-size-heading-small)}.pe-intro p,.pe-card-heading p,.pe-shared,.pe-loading p{color:var(--brand-muted);font-size:var(--brand-typography-size-label);margin:0;line-height:1.6}.pe-cards{gap:var(--brand-space-16);margin:0;padding:0;list-style:none;display:grid}.pe-card{min-width:0;padding:var(--brand-space-20);border:var(--brand-border-width) solid var(--brand-line);border-radius:var(--brand-radius-card);background:var(--brand-panel)}.pe-card-heading{align-items:flex-start;gap:var(--brand-space-12);justify-content:space-between;display:flex}.pe-card-heading>div{min-width:0}.pe-card h3,.pe-chat-review>h3{margin:0 0 var(--brand-space-8);font-size:var(--brand-typography-size-body);overflow-wrap:anywhere}.pe-card-heading .ui-switch-row{min-width:44px;min-height:44px;margin:calc(-1 * var(--brand-space-8)) 0 0;flex:none;justify-content:center}.pe-state{color:var(--brand-muted);font-size:var(--brand-typography-size-label);white-space:nowrap}.pe-diff{margin-top:var(--brand-space-16)}.pe-diff summary{cursor:pointer;font-size:var(--brand-typography-size-label);padding-block:var(--brand-space-8);min-height:44px}.pe-diff-values{gap:var(--brand-space-12);margin-top:var(--brand-space-8);display:grid}.pe-diff-values>div{min-width:0;padding-left:var(--brand-space-12);border-left:var(--brand-border-width) solid var(--brand-line)}.pe-diff-values>div>span{color:var(--brand-muted);font-size:var(--brand-typography-size-label)}.pe-diff-values p{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--brand-space-4) 0 0;font-size:var(--brand-typography-size-label);max-height:16em;line-height:1.6;overflow-y:auto}.pe-shared{margin-top:var(--brand-space-16)}.pe-card>.ui-button{margin-top:var(--brand-space-16);min-height:44px}.pe-color-changes{gap:var(--brand-space-12);margin-top:var(--brand-space-16);flex-wrap:wrap;display:flex}.pe-color-changes>span{align-items:center;gap:var(--brand-space-4);font-size:var(--brand-typography-size-label);display:flex}.pe-swatch{width:var(--brand-space-24);height:var(--brand-space-24);border-radius:var(--brand-radius-pill);border:var(--brand-border-width) solid var(--brand-line)}.pe-preview{min-width:0;padding:var(--brand-space-24);border-left:var(--brand-border-width) solid var(--brand-line);background:var(--brand-soft);flex-direction:column;display:flex;overflow:hidden}.pe-preview-heading{justify-content:space-between;align-items:center;gap:var(--brand-space-12);margin-bottom:var(--brand-space-16);font-size:var(--brand-typography-size-label);display:flex}.pe-preview .pf{flex:1;max-width:100%;height:auto}.pe-preview .pf-bar{display:none}.pe-footer{justify-content:space-between;align-items:center;gap:var(--brand-space-16);padding:var(--brand-space-16) var(--brand-space-24);border-top:var(--brand-border-width) solid var(--brand-line);background:var(--brand-panel);grid-column:1/-1;display:flex}.pe-footer>div{min-width:0}.pe-footer p{align-items:center;gap:var(--brand-space-8);font-size:var(--brand-typography-size-label);margin:0;display:flex}.pe-footer>.ui-button{flex:none;min-height:44px}.pe-loading{text-align:center;width:100%;padding:var(--brand-space-32);justify-content:center;align-items:center;gap:var(--brand-space-16);flex-direction:column;display:flex}.pe-loading h2{font-size:var(--brand-typography-size-heading-small);margin:0}.pe-mobile-tabs{display:none}.pe-chat-review{min-width:0}.pe-chat-review .pe-card{padding:var(--brand-space-16)}.pe-chat-review .taps-action-list{margin-top:var(--brand-space-16);flex-wrap:wrap}@media (max-width:767px){.ce-refresh[data-section=design] .pe-design-entry{inset:calc(var(--brand-native-barHeight) + env(safe-area-inset-top) + var(--brand-space-12)) 0 auto;height:calc(var(--brand-control-height-default) + var(--brand-space-24));z-index:1;background:var(--brand-canvas);position:fixed}.ce-refresh[data-section=design] .pe-design-entry .pe-open{width:100%;height:var(--brand-control-height-default)}:is(.ce-refresh[data-section=design] .ce-main:has(.pe-design-entry) .ce-design-stage,.ce-refresh[data-section=design] .ce-main:has(.pe-design-entry)>.ce-design-canvas){top:calc(var(--brand-native-barHeight) + env(safe-area-inset-top) + var(--brand-space-12) + var(--brand-control-height-default) + var(--brand-space-24))}.pe-sheet.ce-editor-sheet{border-radius:0;width:100%;height:100dvh;max-height:100dvh;inset:0}.pe-sheet .ce-sheet-handle{display:none}.pe-sheet .ce-sheet-heading{padding:calc(var(--brand-space-16) + env(safe-area-inset-top)) var(--brand-space-16) var(--brand-space-16)}.pe-sheet .ce-sheet-heading>:first-child{font-size:var(--brand-typography-size-body)}.pe-review{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.pe-mobile-tabs{padding:var(--brand-space-8) var(--brand-space-16);gap:var(--brand-space-8);border-bottom:var(--brand-border-width) solid var(--brand-line);display:flex}.pe-mobile-tabs>.ui-button{flex:1;min-height:44px}.pe-changes,.pe-preview{padding:var(--brand-space-16);border-left:0;grid-area:2/1}.pe-review[data-view=changes] .pe-preview,.pe-review[data-view=preview] .pe-changes{display:none}.pe-footer{align-items:stretch;gap:var(--brand-space-8);padding:var(--brand-space-12) var(--brand-space-16) calc(var(--brand-space-12) + env(safe-area-inset-bottom));flex-direction:column;grid-row:3}.pe-footer>.ui-button{width:100%}.pe-open{max-width:100%;font-size:var(--brand-typography-size-label)}}.pe-chat-review .taps-action-list .ui-button,.pe-preview-heading .ui-button{min-height:44px}