.hl-dialog.bill-paywall{width:min(1120px,100vw - 40px)}.bill-paywall .hl-dialog-inner{padding:28px}@media (max-width:850px){.bill-paywall .hl-dialog-inner{padding:24px}}@media (max-width:450px){.hl-dialog.bill-paywall{width:calc(100vw - 24px)}.bill-paywall .hl-dialog-inner{padding:20px}}
.hl-dialog.bill-credits-upgrade{width:min(480px,100vw - 32px)}.bill-credits-upgrade .hl-dialog-inner{gap:20px;padding:24px;display:grid}.bill-cu-offer{border:1px solid var(--studio-line);border-radius:var(--studio-radius-panel);background:var(--studio-raised);gap:4px;padding:20px;display:grid}.bill-cu-eyebrow{color:var(--studio-muted);font-size:var(--studio-text-caption)}.bill-cu-credits{color:var(--studio-text);font-size:var(--studio-text-title);font-weight:600}.bill-cu-price{color:var(--studio-text)}.bill-cu-charge{color:var(--studio-text);margin-top:12px;font-weight:600}.bill-cu-note{color:var(--studio-muted);font-size:var(--studio-text-body-sm);line-height:var(--studio-leading-copy)}.bill-cu-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bill-cu-actions .kit-button-ghost{margin-right:auto}@media (max-width:450px){.bill-cu-actions{flex-direction:column-reverse}.bill-cu-actions .kit-button{width:100%}}
.app-navigation-shell{--app-sidebar-width:264px;grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr);background:var(--studio-atmosphere,#000);height:100dvh;color:var(--studio-text,#f0ebdd);transition:grid-template-columns .22s;display:grid;overflow:hidden}.app-navigation-shell[data-collapsed=true]{--app-sidebar-width:0px}.app-navigation-main{min-width:0;min-height:0;position:relative;overflow:hidden}.app-navigation-content{min-width:0;height:100%;min-height:0}.app-navigation-content>.browse-root,.app-navigation-content>.app-session-root{height:100%!important}.app-navigation-content>.app-session-root{padding-inline:16px}.app-navigation-content [data-studio-top-bar]{background:0 0;border-color:#0000;border-radius:0}.app-sidebar-reopen{z-index:100;display:none;position:absolute;top:12px;left:16px}.app-navigation-shell[data-collapsed=true] .app-sidebar-reopen{display:inline-flex}.app-navigation-shell[data-collapsed=true] .app-navigation-main{padding-top:52px}.app-sidebar-plan{align-items:center;gap:var(--studio-space-3);padding:var(--studio-space-4) var(--studio-space-2);border-top:1px solid var(--studio-border-subtle);font-variant-numeric:tabular-nums;flex-shrink:0;display:flex}.app-sidebar-plan-mark{width:32px;height:32px;color:var(--studio-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (max-width:960px){.app-navigation-content>.app-session-root{padding-inline:12px}.app-navigation-shell{grid-template-columns:minmax(0,1fr)}.app-navigation-shell>.sui-sidebar-desktop{display:none}.app-sidebar-reopen{display:inline-flex}.app-navigation-main{padding-top:52px}}@media (prefers-reduced-motion:reduce){.app-navigation-shell{transition:none}}.sui-sidebar-guest{gap:var(--studio-space-3);margin:auto 0 var(--studio-space-3);padding:var(--studio-space-4);border:1px solid var(--studio-line);border-radius:var(--studio-radius-control);background:var(--studio-surface);display:grid}.sui-sidebar-guest-copy{gap:var(--studio-space-1);margin:0;display:grid}.sui-sidebar-guest-copy strong{color:var(--studio-text);font-size:var(--studio-text-body-sm);font-weight:500}.sui-sidebar-guest-copy span{color:var(--studio-secondary);font-size:var(--studio-text-caption);line-height:var(--studio-leading)}.sui-sidebar-guest-actions{gap:var(--studio-space-2);grid-template-columns:1fr 1fr;display:grid}.studio-ui-kit .sui-sidebar-guest-actions>.kit-button,.sui-sidebar-guest-actions>.kit-button{height:var(--studio-control-compact);min-height:0;padding-inline:var(--studio-space-3);border-radius:var(--studio-radius-pill);font-size:var(--studio-text-label);justify-content:center}.sui-sidebar-guest-back{margin-bottom:var(--studio-space-3);align-self:center;align-items:center;gap:var(--studio-space-2);color:var(--studio-muted);font-size:var(--studio-text-caption);text-decoration:none;display:inline-flex}.sui-sidebar-guest-back:hover{color:var(--studio-text)}
