.session-view{background:var(--page)}
.session-view :focus-visible{outline-color:var(--text)}
.session-view .demo-tools{display:none}
.session-page{max-width:640px;margin:0 auto;padding:64px 24px 80px;min-height:100svh}
.session-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin-bottom:28px}
.session-top{animation:session-enter 280ms var(--toggle-ease) backwards}
.session-top .back-button{position:absolute;left:-4px;top:0}
.session-logo{display:block;width:34px;height:34px}
.session-heading{text-align:center;margin-bottom:28px}
.session-heading h1{font-family:'OpenAI Sans',sans-serif;font-size:28px;line-height:36px;letter-spacing:-.5px;font-weight:600}
.session-heading h1{animation:session-enter 280ms var(--toggle-ease) 40ms backwards}
.session-steps{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--secondary);list-style:none;padding:0;margin:24px 0 0}
.session-steps{animation:session-enter 280ms var(--toggle-ease) 100ms backwards}
.session-step{display:flex;align-items:center;gap:7px}
.session-step>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5e5e5;color:var(--secondary);font-size:11px}
.session-step[aria-current=step]{color:var(--text)}
.session-step[aria-current=step]>span{background:var(--text);color:#fff}
.session-step-line{width:32px;height:1px;background:var(--border)}
.session-card{position:relative;background:var(--surface);padding:28px;border-radius:24px;outline:1px solid var(--border);box-shadow:0 4px 8px #0000000d}
.session-card{transform-origin:50% 0;animation:session-card-enter 300ms var(--toggle-ease) 140ms backwards}
.session-input-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.session-input-header>label[for]{font-size:16px;font-weight:600;font-family:'OpenAI Sans',sans-serif}
.session-upload{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;min-height:40px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:500;background:#fff;color:var(--text);cursor:pointer;touch-action:manipulation;transition:background-color 160ms ease,border-color 160ms ease,transform 120ms var(--toggle-ease)}
.session-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.session-upload:focus-within{outline:2px solid var(--text);outline-offset:3px}
.session-upload svg{width:16px;height:16px;flex:none}
.session-text{display:block;width:100%;height:190px;resize:vertical;min-height:150px;max-height:320px;border:1px solid var(--border);border-radius:16px;padding:16px;background:#fafafa;color:var(--text);font-family:ui-monospace,monospace;font-size:16px;line-height:24px;-webkit-text-security:disc}
.session-text::placeholder{font-family:inherit;color:#747474;-webkit-text-security:none;font-size:14px}
.session-text[aria-invalid=true]{border-color:#d44848}
.session-file-status{font-size:12px;color:var(--secondary);margin-top:10px;min-height:18px;overflow-wrap:anywhere}
.session-error{font-size:13px;color:#b42318;line-height:21px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff4f2}
.session-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:20px;padding:12px 20px;border:0;border-radius:999px;background:var(--text);color:var(--surface);font-size:14px;font-weight:500;transition:background-color 160ms ease,opacity 160ms ease,transform 120ms var(--toggle-ease)}
.session-submit:disabled{opacity:.55;cursor:wait;transform:none}
.session-submit:active:not(:disabled),.session-upload:active{transform:scale(.98);opacity:1}
.session-explanation{margin:22px 12px 0;font-size:12px;line-height:20px;color:var(--secondary);text-align:center}
.session-explanation{animation:session-enter 280ms var(--toggle-ease) 180ms backwards}
.session-explanation a{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:2px;transition:text-decoration-color 160ms ease;touch-action:manipulation}
.pricing-header-account{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:'account title close';align-items:start;column-gap:16px;padding:24px 24px 32px}
.pricing-header-account h1{grid-area:title;padding-top:48px}
.pricing-header-account .close-pricing{grid-area:close;position:static;justify-self:end;margin:0}
.session-profile{grid-area:account;justify-self:start;width:fit-content;max-width:100%;margin:0;padding:0;text-align:left;font-family:'OpenAI Sans','Microsoft YaHei UI','Microsoft YaHei',sans-serif}
.checkout-account-header{margin-bottom:24px}
.checkout-view .checkout-layout{margin-top:36px;padding-top:40px}
@media(max-width:639px){.checkout-view .checkout-layout{margin-top:0;padding-top:28px}}
.session-profile-inner{display:grid;grid-template-columns:32px minmax(0,1fr) 1px auto;align-items:center;gap:10px;min-height:62px;padding:8px 10px 8px 14px;border:1px solid #00000012;border-radius:32px;background:var(--surface);box-shadow:0 1px 2px #00000004,0 4px 14px #00000004;opacity:1;transform:none;transition:opacity 180ms ease,transform 220ms var(--toggle-ease)}
.session-profile.no-enter-motion .session-profile-inner{transition:none}
@starting-style{.session-profile:not(.no-enter-motion) .session-profile-inner{opacity:0;transform:translate3d(0,4px,0)}}
.session-profile-avatar{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent}
.session-profile-avatar img{display:block;width:24px;height:24px}
.session-profile-info{min-width:0;font-size:12px;line-height:18px;color:var(--secondary);overflow-wrap:anywhere}
.session-profile-email{font-size:13px;font-weight:500;line-height:18px;letter-spacing:-.1px;color:var(--text)}
.session-profile-plan{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;line-height:16px;color:#6b6b6b}
.session-profile-info strong{display:inline-flex;align-items:center;padding:0 5px;border-radius:4px;background:#f3f3f3;font-size:11px;font-weight:500;line-height:16px;color:#404040}
.session-profile-info small{display:block;font-size:11px;line-height:17px;margin-top:3px}
.session-profile-divider{width:1px;height:22px;background:#00000012}
.session-change{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:999px;background:transparent;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;color:var(--secondary);white-space:nowrap;user-select:none;transition:transform 120ms var(--toggle-ease),opacity 120ms ease}
.session-change::before{content:'';position:absolute;inset:3px 0;z-index:-1;border-radius:inherit;background:#f0f0f0;opacity:0;pointer-events:none;transition:opacity 160ms ease}
.session-change svg{display:block;width:15px;height:15px;flex:none}
.session-change svg path{transition:transform 160ms var(--toggle-ease)}
.session-change:active:not(:focus-visible){transform:scale(.97);opacity:1}
.session-change:active::before,.session-change:focus-visible::before{opacity:1}
.session-change:focus-visible{outline:2px solid var(--text);outline-offset:2px;color:var(--text);transition:none}
.session-change:focus-visible::before,.session-change:focus-visible svg path{transition:none}
.session-change:focus-visible svg path{transform:none}
.plan-card.is-current .plan-action{background:transparent;color:var(--secondary);box-shadow:inset 0 0 0 1px rgb(13 13 13 / 15%)}
@keyframes session-enter{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes session-card-enter{from{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:901px){.pricing-header-account{padding-bottom:8px}.pricing-header-account h1{padding-top:0;align-self:center}.pricing-header-account+.audience-wrap{margin-bottom:16px}.pricing-header-account~#pricing-bottom .show-all{margin-top:20px}}
@media(hover:hover) and (pointer:fine){.session-submit:hover:not(:disabled){background:#262626}.session-upload:hover{background:#f3f3f3}.session-change:hover{color:var(--text)}.session-change:hover::before{opacity:1}.session-change:hover:not(:focus-visible) svg path:first-child{transform:translateX(1.5px)}.session-change:hover:not(:focus-visible) svg path:last-child{transform:translateX(-1.5px)}.session-explanation a:hover{text-decoration-color:transparent}}
@media(max-width:900px){.pricing-header-account{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:'account close' 'title title';row-gap:20px;padding:16px 20px 28px}.pricing-header-account h1{padding-top:0}.pricing-header-account .close-pricing{width:44px;height:44px}}
@media(max-width:639px){.session-page{padding:28px 20px 48px}.session-heading h1{font-size:26px;line-height:34px}.session-card{padding:22px;border-radius:24px}.session-top{margin-bottom:24px}.session-text{height:180px;padding:14px}.session-steps{font-size:12px;gap:9px}.session-step-line{width:22px}.session-upload{min-height:44px}.session-profile-inner{grid-template-columns:32px minmax(0,1fr);gap:6px 10px;padding:10px 12px 5px;border-radius:22px}.session-profile-divider{display:none}.session-change{grid-column:1/-1;justify-content:flex-end;min-height:44px;padding:8px 6px;border-top:1px solid var(--border);border-radius:10px}.session-change::before{inset:3px 0}}
@media(prefers-reduced-motion:reduce){.session-top,.session-heading h1,.session-steps,.session-card,.session-explanation{animation:none}.session-profile-inner{transition:none}.session-change,.session-change svg path{transition:none}.session-change::before{transition:opacity 100ms ease}.session-change:active:not(:focus-visible),.session-change:hover:not(:focus-visible) svg path:first-child,.session-change:hover:not(:focus-visible) svg path:last-child{transform:none}.session-submit,.session-upload{transition:background-color 100ms ease,opacity 100ms ease,border-color 100ms ease}.session-submit:active:not(:disabled),.session-upload:active{transform:none}.session-explanation a{transition:none}}