@font-face{font-family:Poppins;src:url('/fonts/poppins/Poppins-Regular.ttf')}@font-face{font-family:Poppins;src:url('/fonts/poppins/Poppins-Medium.ttf');font-weight:500}@font-face{font-family:Poppins;src:url('/fonts/poppins/Poppins-SemiBold.ttf');font-weight:600}
.ai-studio{display:grid;grid-template-columns:210px minmax(0,1fr);height:calc(100vh - 91px);min-height:650px;margin:-28px -32px -40px;color:#142138;background:#fff;font-family:Poppins,Arial,sans-serif}.ai-studio *{box-sizing:border-box}.ai-studio button,.ai-studio textarea{font-family:Poppins,Arial,sans-serif}.ai-studio.is-public{grid-template-columns:1fr;width:min(1420px,100%);height:calc(100vh - 78px);min-height:680px;margin:0 auto}.public-chat-shell{background:#fff}.public-chat-shell+.studio-footer{display:none}
.chat-history-panel{min-width:0;padding:19px 12px;border-right:1px solid #e3eaf4;background:#fbfcfe}.new-chat-button{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 12px;border:1px solid #d8e4f4;border-radius:11px;background:#fff;color:#24334a;font-size:11px;font-weight:500;cursor:pointer}.new-chat-button svg{width:17px;color:#3979e8}.history-caption{margin:24px 9px 9px;color:#98a4b5;font-size:9px;font-weight:500;letter-spacing:.14em}.chat-history-panel nav{display:grid;gap:3px;max-height:calc(100vh - 210px);overflow-y:auto}.chat-history-panel nav a{display:grid;gap:3px;padding:10px;border-radius:9px;color:#4f6078;text-decoration:none}.chat-history-panel nav a:hover,.chat-history-panel nav a.active{background:#edf4ff;color:#2867d2}.chat-history-panel nav span{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.chat-history-panel nav small{color:#99a5b6;font-size:8.5px}.chat-history-panel nav p{padding:8px;color:#8c99ab;font-size:9.5px;line-height:1.6}
.chat-workspace{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100%;overflow:hidden}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 22px;border-bottom:1px solid #eef2f7;color:#64748a;font-size:10px}.chat-toolbar>div{display:flex;align-items:center;gap:7px}.chat-toolbar small{color:#8390a3;font-size:9.5px}.chat-toolbar small b{color:#3979e8;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:#54a3f1}.history-toggle{display:none;border:0;background:transparent;color:#63758e}.history-toggle svg{width:19px}
.task-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px 18px;border-bottom:1px solid #e8edf4}.task-grid>button{display:flex;min-width:0;min-height:57px;align-items:center;gap:9px;padding:9px;border:1px solid #dfe7f2;border-radius:11px;background:#fff;color:#1e2e46;text-align:left;cursor:pointer}.task-grid>button:hover,.task-grid>button.active{border-color:#8eb4ee;background:#f4f8ff}.task-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;background:#edf4ff;color:#3979e8}.task-icon svg{width:15px;height:15px}.task-grid>button>span:last-child{min-width:0}.task-grid b,.task-grid small{display:block}.task-grid b{overflow:hidden;font-size:10.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.task-grid small{display:-webkit-box;margin-top:2px;overflow:hidden;color:#7b899d;font-size:8.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.chat-workspace:not(.is-empty) .task-grid{display:none}
.chat-thread{min-height:0;overflow-y:auto;padding:28px max(30px,calc((100% - 850px)/2)) 125px;scroll-behavior:smooth}.chat-welcome{max-width:470px;margin:12vh auto 0;text-align:center}.chat-welcome>span{display:grid;width:42px;height:42px;margin:0 auto 14px;place-items:center;border-radius:13px;background:#edf4ff;color:#3979e8}.chat-welcome>span svg{width:19px}.chat-welcome h1{margin:0;color:#17263c;font-size:20px;font-weight:500;letter-spacing:-.02em}.chat-welcome p{margin:7px 0;color:#7b899c;font-size:11px}
.chat-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;max-width:850px;margin:0 auto 25px}.message-avatar{display:grid;width:29px;height:29px;place-items:center;border:1px solid #dce6f3;border-radius:9px;background:#fff;color:#3979e8;font-size:9px;font-weight:500}.chat-message.user .message-avatar{border:0;background:#edf4ff}.message-body{min-width:0}.message-label{margin:2px 0 7px;color:#25364e;font-size:10px;font-weight:500}.message-label small{margin-left:6px;color:#8794a7;font-size:8.5px;font-weight:400}.message-content{color:#33445b;font-size:12px;line-height:1.75}.message-content h1,.message-content h2,.message-content h3{margin:18px 0 7px;color:#17263c;font-weight:600;line-height:1.35}.message-content h1{font-size:18px}.message-content h2{font-size:15px}.message-content h3{font-size:13px}.message-content p{margin:0 0 10px}.message-content ul,.message-content ol{margin:7px 0 12px;padding-left:20px}.message-content li{margin:4px 0}.message-content table{width:100%;margin:12px 0;border-collapse:collapse;font-size:10.5px}.message-content th,.message-content td{padding:8px;border:1px solid #dfe7f2;text-align:left;vertical-align:top}.message-content th{background:#f4f8ff;font-weight:500}.chat-message.error .message-content{color:#a64040}.message-sources{display:grid;gap:5px;margin-top:13px;padding-top:10px;border-top:1px solid #e8edf3}.message-sources span{color:#8794a7;font-size:8.5px}.message-sources a{color:#3979e8;font-size:9.5px;text-decoration:none}.message-actions{display:flex;gap:6px;margin-top:12px}.message-actions button{padding:6px 9px;border:1px solid #dce5f2;border-radius:7px;background:#fff;color:#53647b;font-size:9px;font-weight:400;cursor:pointer}
.chat-composer{position:absolute;right:max(30px,calc((100% - 850px)/2));bottom:14px;left:max(30px,calc((100% - 850px)/2));z-index:4;padding:10px 11px;border:1px solid #bdd2f1;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 14px 38px rgba(47,83,134,.09);backdrop-filter:blur(12px)}.selected-task{display:inline-flex;min-height:28px;align-items:center;gap:7px;margin:1px 5px 5px;padding:3px 4px 3px 10px;border:1px solid #d8e6fa;border-radius:8px;background:#f2f7ff;color:#2f71df;font-size:11.5px;font-weight:500}.selected-task button{display:grid;width:20px;height:20px;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:#7f9bc4;font-size:13px;cursor:pointer}.selected-task button:hover{background:#e4efff;color:#2868d5}.chat-composer textarea{display:block;width:100%;min-height:49px;max-height:170px;padding:8px 5px;border:0;background:transparent;color:#26374e;resize:none;outline:0;font-size:12px;font-weight:400;line-height:1.65}.composer-foot{display:flex;align-items:center;gap:10px}.composer-foot>small{color:#98a4b4;font-size:8.5px}.composer-foot>span{margin-left:auto;color:#7e8c9f;font-size:9.5px;white-space:nowrap}.composer-foot>span b{color:#3979e8;font-weight:500}.send-button{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:0;border-radius:10px;background:#3979e8;color:#fff;cursor:pointer}.send-button svg{width:16px}.send-button.loading{opacity:.6}
.provider-picker{position:relative}.provider-trigger{display:flex;height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid #dce5f2;border-radius:9px;background:#fff;color:#33445b;font-size:9.5px;cursor:pointer}.provider-trigger>i{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;background:#edf4ff;color:#3979e8;font-size:8px;font-style:normal}.provider-trigger svg{width:12px;color:#8290a4}.provider-menu{position:absolute;bottom:42px;left:0;width:250px;padding:6px;border:1px solid #dce5f2;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(39,71,117,.14)}.provider-menu[hidden]{display:none}.provider-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:8px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.provider-menu button:hover{background:#f2f6fc}.provider-menu button:disabled{cursor:not-allowed;opacity:.43}.provider-menu i{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:8px;background:#edf4ff;color:#3979e8;font-size:8px;font-style:normal}.provider-menu span{display:grid;gap:1px}.provider-menu b{color:#26374e;font-size:9.5px;font-weight:500}.provider-menu small{color:#8996a8;font-size:8px}.guest-gate{position:absolute;right:max(30px,calc((100% - 850px)/2));bottom:118px;left:max(30px,calc((100% - 850px)/2));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #bdd3f3;border-radius:13px;background:#f3f7fe}.guest-gate[hidden]{display:none}.guest-gate div{display:grid;gap:2px}.guest-gate b{font-size:10.5px;font-weight:500}.guest-gate span{color:#75859b;font-size:9px}.guest-gate a{padding:8px 12px;border-radius:8px;background:#3979e8;color:#fff;font-size:9.5px;text-decoration:none;white-space:nowrap}
@media(max-width:1200px){.task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-studio{height:calc(100vh - 84px)}}
@media(max-width:850px){.ai-studio{grid-template-columns:1fr;margin:-20px -16px -32px}.ai-studio.is-public{margin:0}.chat-history-panel{display:none}.history-toggle{display:block}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:151px;overflow-y:auto}.chat-thread{padding-right:18px;padding-left:18px}.chat-composer,.guest-gate{right:14px;left:14px}.composer-foot>small{display:none}}
@media(max-width:850px){.ai-studio.history-open .chat-history-panel{position:absolute;inset:0 auto 0 0;z-index:12;display:block;width:min(290px,86vw);box-shadow:18px 0 45px rgba(38,69,110,.14)}}
@media(max-width:520px){.task-grid{gap:6px;padding:9px}.task-grid>button{min-height:50px;padding:7px}.task-grid small{display:none}.chat-toolbar{padding:0 13px}.chat-thread{padding-top:20px}.chat-welcome{margin-top:10vh}.composer-foot>span{display:none}.provider-menu{width:230px}.guest-gate{align-items:flex-start;flex-direction:column;bottom:112px}.guest-gate a{width:100%;text-align:center}}

/* Public first-use screen */
.ai-studio.is-public .chat-workspace{background:linear-gradient(180deg,#fff 0%,#fff 64%,#fbfdff 100%)}
.ai-studio.is-public .chat-toolbar{width:min(1240px,calc(100% - 40px));min-height:50px;margin:0 auto;padding:0 6px;border-bottom:1px solid #e7edf5}
.ai-studio.is-public .chat-toolbar>div{color:#4f6179;font-size:10.5px}
.ai-studio.is-public .chat-toolbar small{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dbe7f6;border-radius:999px;background:#f8fbff;color:#75849a}
.ai-studio.is-public .chat-toolbar small i{width:3px;height:3px;border-radius:50%;background:#a8b7ca}
.ai-studio.is-public .task-grid{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:14px 0 16px;border-bottom:1px solid #e7edf5}
.ai-studio.is-public .task-grid>button{min-height:62px;padding:10px 11px;border-color:#d9e5f4;background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ai-studio.is-public .task-grid>button:hover{transform:translateY(-1px);border-color:#8fb4ed;background:#f8fbff}
.ai-studio.is-public .chat-welcome{margin-top:9vh}
.ai-studio.is-public .chat-welcome>span{width:46px;height:46px;border:1px solid #deebfb;background:#f3f7fe}
.ai-studio.is-public .chat-welcome h1{font-size:22px}
.ai-studio.is-public .chat-welcome p{font-size:11.5px}
.ai-studio.is-public .chat-workspace.is-empty .chat-composer{bottom:auto;top:75%;transform:translateY(-50%)}
.ai-studio.is-public .chat-composer{right:max(20px,calc((100% - 1240px)/2));left:max(20px,calc((100% - 1240px)/2));max-width:none;margin:0;border-color:#bcd2f2;box-shadow:0 18px 50px rgba(47,83,134,.08)}
@media(max-height:760px){.ai-studio.is-public .chat-workspace.is-empty .chat-composer{top:78%}.ai-studio.is-public .chat-welcome{margin-top:6vh}}
@media(max-width:850px){.ai-studio.is-public .chat-toolbar,.ai-studio.is-public .task-grid{width:calc(100% - 20px)}.ai-studio.is-public .chat-workspace.is-empty .chat-composer{top:auto;bottom:14px;transform:none}.ai-studio.is-public .chat-toolbar small{border:0;padding:0;background:transparent}.ai-studio.is-public .chat-toolbar small>span{display:none}}
.chat-composer .send-button{margin-left:auto}
.chat-composer .provider-trigger{height:38px;padding:0 12px;gap:8px;font-size:10.5px}.chat-composer .provider-trigger>i{width:21px;height:21px;font-size:9px}.chat-composer .provider-trigger svg{width:13px}
.ai-studio:not(.is-public){transition:grid-template-columns .22s ease}.ai-studio .history-toggle{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;background:transparent;color:#63758e;cursor:pointer}.ai-studio .history-toggle:hover{background:#edf4ff;color:#3979e8}.ai-studio .history-toggle svg{width:17px}.ai-studio.history-collapsed{grid-template-columns:0 minmax(0,1fr)}.ai-studio.history-collapsed .chat-history-panel{padding-right:0;padding-left:0;overflow:hidden;border-right:0;opacity:0;pointer-events:none}
.ai-studio .history-toggle{width:36px;height:36px;flex:0 0 36px;border:1px solid #d7e4f5;border-radius:10px;background:#edf4ff;color:#3979e8}.ai-studio .history-toggle svg{width:21px;height:21px}.ai-studio .history-toggle:hover{border-color:#9dbbed;background:#e5efff}
.ai-studio .history-toggle{display:inline-flex;width:auto;padding:0 11px;align-items:center;justify-content:center;gap:7px}.ai-studio .history-toggle span{display:inline;line-height:1;font-size:9.5px;font-weight:500;white-space:nowrap}
@media(max-width:850px){.ai-studio.history-collapsed{grid-template-columns:1fr}}

/* Keep controls in their own rows so a guest notice or a growing textarea
   never overlays the conversation or each other. */
.ai-studio .chat-workspace{grid-template-rows:auto auto minmax(0,1fr) auto}
.ai-studio .chat-toolbar{grid-row:1}
.ai-studio .task-grid{grid-row:2}
.ai-studio .chat-thread{grid-row:3;padding-bottom:24px;overscroll-behavior:contain}
.ai-studio .chat-workspace .chat-composer{grid-row:4;position:relative;inset:auto;width:min(850px,calc(100% - 40px));margin:12px auto 18px;min-width:0;transform:none;padding:12px 14px;border-color:#dbe3ef;border-radius:20px;box-shadow:0 6px 24px rgba(47,83,134,.05);background:#fff}
.ai-studio .chat-composer textarea{min-height:48px;font-size:14px;line-height:1.7}
.ai-studio .chat-composer:focus-within{border-color:#b8cbea}
.ai-studio .chat-workspace .chat-thread{padding:30px max(20px,calc((100% - 810px)/2)) 28px}
.ai-studio .chat-message{grid-template-columns:minmax(0,1fr);margin-bottom:32px}
.ai-studio .message-avatar{display:none}
.ai-studio .message-label{margin-bottom:10px;font-size:11px;color:#8090a4}
.ai-studio .message-content{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.ai-studio .message-content h2{font-size:18px}.ai-studio .message-content h3{font-size:16px}
.ai-studio .chat-message.user{display:flex;justify-content:flex-end}
.ai-studio .chat-message.user .message-label{display:none}
.ai-studio .chat-message.user .message-body{max-width:85%;padding:11px 17px;border-radius:18px;background:#f2f5f9}
.ai-studio .chat-message.user .message-content p:last-child{margin-bottom:0}
.ai-studio .selected-task{margin-bottom:4px;font-size:11px;min-height:25px;background:#f7f9fc;border-color:#e5ebf3}
.ai-studio .chat-composer .provider-trigger{border-color:transparent;background:#f7f9fc}
.ai-studio .guest-limit-note{max-width:810px;margin:8px auto 20px;color:#8390a3;font-size:12px;line-height:1.8}
.ai-studio .guest-limit-note[hidden]{display:none}
.ai-studio .guest-limit-note a{margin-left:5px;color:#3979e8;text-decoration:none}
.ai-studio .guest-limit-note a:hover{text-decoration:underline}
.ai-studio.is-public .chat-workspace:not(.is-empty) .chat-toolbar{display:none}
@media(max-width:850px){.ai-studio .chat-workspace .chat-composer{width:calc(100% - 24px);margin-bottom:12px}.ai-studio .chat-workspace .chat-thread{padding:22px 20px}.ai-studio .message-content{font-size:14px}}

/* Credits */
.credits-page{width:min(1080px,100%);font-family:Poppins,Arial,sans-serif;color:#17263c}.credits-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:24px;padding:3px 0 22px;border-bottom:1px solid #e5ebf3}.credits-kicker{display:block;margin-bottom:7px;color:#3979e8;font-size:10px;font-weight:500;letter-spacing:.15em}.credits-heading h1{margin:0 0 7px;font-size:26px;font-weight:600;letter-spacing:-.5px}.credits-heading p{max-width:650px;margin:0;color:#708096;font-size:12px;line-height:1.7}.credit-balance{display:grid;grid-template-columns:auto auto;align-items:end;min-width:170px;padding:15px 18px;border:1px solid #cfdef3;border-radius:14px;background:#f6f9fe}.credit-balance span{grid-column:1/-1;margin-bottom:4px;color:#718198;font-size:9.5px}.credit-balance strong{color:#3979e8;font-size:25px;font-weight:600;line-height:1}.credit-balance small{margin-left:6px;color:#718198;font-size:10px}.credit-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}.credit-section,.credit-activity{overflow:hidden;border:1px solid #dfe7f2;border-radius:16px;background:#fff}.credit-section-head{display:flex;align-items:center;gap:12px;padding:19px 20px;border-bottom:1px solid #e9eef5;background:#fbfcfe}.credit-section-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:#edf4ff;color:#3979e8}.credit-section-icon svg{width:18px;height:18px}.credit-section h2,.credit-activity h2{margin:0;color:#17263c;font-size:14px;font-weight:600}.credit-section-head p,.credit-activity header p{margin:2px 0 0;color:#7a899d;font-size:9.5px}.credit-product-list{padding:0 20px}.credit-product-row{display:flex;min-height:69px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f6}.credit-product-row:last-child{border-bottom:0}.credit-product-row>div{display:grid;gap:3px}.credit-product-row strong{font-size:11.5px;font-weight:500}.credit-product-row>div span{color:#78879a;font-size:9.5px}.credit-price{color:#25364e;font-size:11px;font-weight:500;white-space:nowrap}.credit-price small{color:#8694a7;font-size:8.5px;font-weight:400}.credit-state{padding:5px 9px;border-radius:7px;background:#edf4ff;color:#3979e8;font-size:9px}.credit-empty{display:flex;min-height:86px;align-items:center;color:#8390a2;font-size:10px;line-height:1.6}.credit-activity{margin-top:16px}.credit-activity>header{padding:18px 20px;border-bottom:1px solid #e9eef5;background:#fbfcfe}.credit-activity-list{padding:0 20px}.credit-activity-list>article{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:66px;border-bottom:1px solid #edf1f6}.credit-activity-list>article:last-child{border-bottom:0}.credit-activity-mark{width:7px;height:7px;border-radius:50%;background:#3979e8}.credit-activity-mark.is-plus{background:#42aa80}.credit-activity-list article>div:nth-child(2){display:grid;gap:3px}.credit-activity-list strong{font-size:10.5px;font-weight:500}.credit-activity-list article span{color:#8592a4;font-size:9px}.credit-activity-list article>b{font-size:11px;font-weight:500}.credit-activity-list article>b.is-plus{color:#24865f}.credit-activity-list article>b.is-minus{color:#53647a}.credit-activity-empty{display:flex;min-height:112px;align-items:center;justify-content:center;gap:13px;color:#78879a}.credit-activity-empty svg{width:29px;height:29px;color:#78a1df}.credit-activity-empty div{display:grid;gap:3px}.credit-activity-empty strong{color:#34445a;font-size:10.5px;font-weight:500}.credit-activity-empty span{font-size:9.5px}.credit-pagination{padding:14px 20px;border-top:1px solid #edf1f6}
@media(max-width:760px){.credits-heading{align-items:flex-start;flex-direction:column;gap:17px}.credit-balance{width:100%}.credit-products{grid-template-columns:1fr}.credits-heading h1{font-size:23px}}
.billing-page,.billing-checkout{width:min(1050px,100%);margin:0 auto;font-family:Poppins,Arial,sans-serif;color:#17263c}.billing-heading{margin-bottom:22px}.billing-heading>span,.billing-checkout>header>span{display:block;margin-bottom:7px;color:#3979e8;font-size:10px;font-weight:500;letter-spacing:.14em}.billing-heading h1,.billing-checkout h1{margin:0 0 8px;font-size:27px;font-weight:600;letter-spacing:-.035em}.billing-heading p,.billing-checkout>header p{max-width:680px;margin:0;color:#718096;font-size:12px;line-height:1.7}.current-plan{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:15px;padding:17px 19px;border:1px solid #d8e5f6;border-radius:16px;background:linear-gradient(100deg,#f8fbff,#fff)}.current-plan-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#eaf2ff;color:#3979e8}.current-plan-mark svg{width:20px}.current-plan small{display:block;margin-bottom:2px;color:#8290a4;font-size:9px}.current-plan h2{margin:0;font-size:15px;font-weight:600}.current-plan p{margin:3px 0 0;color:#718096;font-size:10px}.plan-status{padding:6px 10px;border-radius:8px;background:#eaf7f1;color:#25805e;font-size:9px}.pending-plan{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:15px;padding:14px 17px;border:1px solid #f0dfbd;border-radius:14px;background:#fffaf0}.pending-plan>div{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#fff1d6;color:#b57417}.pending-plan svg{width:17px}.pending-plan p{display:grid;gap:2px;margin:0}.pending-plan strong{font-size:11px;font-weight:500}.pending-plan span{color:#7b8491;font-size:9.5px}.pending-plan>b{font-size:9px;font-weight:500;color:#9b6d2e}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.plan-card{position:relative;padding:22px;border:1px solid #dfe7f2;border-radius:18px;background:#fff}.plan-card.featured{border-color:#a9c7f8;background:linear-gradient(145deg,#fff,#f8fbff)}.plan-popular{position:absolute;top:16px;right:16px;padding:5px 8px;border-radius:7px;background:#eaf2ff;color:#3979e8;font-size:8.5px}.plan-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.plan-card-head small{color:#8391a5;font-size:9px}.plan-card h2{margin:2px 0 0;font-size:18px;font-weight:600}.plan-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#edf4ff;color:#3979e8}.plan-icon svg{width:17px}.plan-card>p{min-height:39px;margin:0 0 17px;color:#6f7d91;font-size:10.5px;line-height:1.7}.plan-price{display:flex;align-items:end;gap:7px;margin-bottom:13px}.plan-price strong{font-size:26px;font-weight:600;letter-spacing:-.04em}.plan-price span{padding-bottom:4px;color:#7e8b9d;font-size:9.5px}.plan-usage{display:flex;align-items:center;gap:7px;margin-bottom:15px;padding:9px 10px;border-radius:10px;background:#f2f7ff;color:#3979e8;font-size:9.5px}.plan-usage svg{width:15px}.plan-card ul{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none}.plan-card li{display:flex;align-items:center;gap:8px;color:#4e5d72;font-size:10px}.plan-card li svg{width:14px;color:#3979e8}.plan-button,.plan-current-button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#3979e8;color:#fff;font-size:10.5px;font-weight:500;text-decoration:none}.plan-button svg{width:15px}.plan-current-button{background:#edf2f8;color:#758398}.billing-footnote{margin:15px 2px 0;color:#8a97a9;font-size:9px;line-height:1.6}.billing-empty,.billing-unavailable{padding:22px;border:1px solid #e1e8f2;border-radius:15px;color:#7b899c;font-size:11px}.billing-back{display:inline-flex;margin-bottom:18px;color:#3979e8;font-size:10px}.billing-checkout>header{margin-bottom:22px}.billing-checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.checkout-panel{padding:23px;border:1px solid #dfe7f2;border-radius:18px;background:#fff}.checkout-panel h2{margin:0 0 14px;font-size:14px;font-weight:600}.cycle-option{display:block;margin-bottom:9px;cursor:pointer}.cycle-option input{position:absolute;opacity:0}.cycle-option>span{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #dce5f1;border-radius:12px;background:#fbfdff}.cycle-option input:checked+span{border-color:#75a4ee;background:#f1f6ff}.cycle-option b{font-size:10.5px;font-weight:500}.cycle-option em{color:#617189;font-size:10px;font-style:normal}.billing-field{display:grid;gap:6px;margin-top:11px}.billing-field span{font-size:9.5px;color:#65758c}.billing-field input{width:100%;padding:12px 13px;border:1px solid #dce5f1;border-radius:11px;background:#fbfdff;font:400 11px Poppins,sans-serif}.checkout-summary-panel>small{color:#8391a5;font-size:9px}.checkout-summary-panel>h2{margin:4px 0 9px;font-size:20px}.checkout-summary-panel>p{margin:0 0 18px;color:#718096;font-size:10px;line-height:1.7}.bank-details{margin-bottom:15px;padding:14px;border-radius:13px;background:#f3f7fd}.bank-details>span{color:#3979e8;font-size:9px}.bank-details p{display:grid;gap:4px;margin:8px 0;color:#34445b}.bank-details b,.bank-details strong{font-size:10px;font-weight:500}.bank-details code{font:500 11px Poppins,sans-serif;letter-spacing:.03em}.bank-details small{color:#7d8a9c;font-size:8.5px}.checkout-note{margin:10px 0 0!important;text-align:center;font-size:8.5px!important}.billing-unavailable{background:#f8fafc}
@media(max-width:760px){.plan-grid,.billing-checkout-grid{grid-template-columns:1fr}.current-plan{grid-template-columns:40px minmax(0,1fr)}.plan-status{grid-column:2;justify-self:start}.pending-plan{grid-template-columns:36px 1fr}.pending-plan>b{grid-column:2}.billing-heading h1,.billing-checkout h1{font-size:23px}}

/* Compact card-subscription plans */
.billing-page,.billing-checkout{width:min(1160px,100%)}
.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.plan-card{display:flex;min-width:0;flex-direction:column;padding:19px;border-radius:16px;transition:border-color .18s ease,transform .18s ease}
.plan-card:hover{transform:translateY(-2px);border-color:#a9c5ef}
.plan-card.featured{border-color:#91b5ed;background:linear-gradient(155deg,#fff 28%,#f5f9ff)}
.plan-card>p{min-height:36px;margin-bottom:13px;font-size:10px}
.plan-card ul{margin-bottom:17px}
.plan-card .plan-button,.plan-card .plan-current-button{margin-top:auto}
.card-payment-info{display:flex;align-items:center;gap:11px;margin:0 0 15px;padding:13px;border:1px solid #d9e6f7;border-radius:12px;background:#f7faff}
.card-payment-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:#e8f1ff;color:#3979e8}
.card-payment-icon svg{width:18px}
.card-payment-info>div{display:grid;gap:2px}.card-payment-info b{color:#26374e;font-size:10.5px;font-weight:500}.card-payment-info small{color:#7b899c;font-size:8.5px;line-height:1.5}
.plan-button.is-disabled{background:#dce6f3;color:#75859a;cursor:not-allowed}
.cycle-option input{width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:1020px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.plan-grid{grid-template-columns:1fr}}

/* Chat history items */
.history-item{display:grid;grid-template-columns:minmax(0,1fr) 29px;align-items:center;border-radius:9px}.history-item:hover,.history-item.active{background:#edf4ff}.chat-history-panel nav .history-item>a{min-width:0;padding:9px 5px 9px 10px}.history-item.active>a{color:#2867d2}.history-item form{margin:0}.history-item form button{display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:7px;background:transparent;color:#9aa7b8;opacity:0;cursor:pointer}.history-item:hover form button,.history-item.active form button,.history-item form button:focus-visible{opacity:1}.history-item form button:hover{background:#fff;color:#d05a5a}.history-item form svg{width:14px;height:14px}
@media(max-width:850px){.history-item form button{opacity:1}}

/* Keep the studio viewport fixed; only the conversation scrolls. */
body:has(.ai-studio){height:100vh;height:100dvh;overflow:hidden}
body:has(>.public-chat-shell){display:flex;flex-direction:column}
body:has(>.public-chat-shell)>.studio-header{flex-shrink:0}
body>.public-chat-shell{flex:1;min-height:0;height:auto}
.panel-shell:has(.ai-studio){height:calc(100vh - 82px);height:calc(100dvh - 82px);min-height:0;overflow:hidden}
.panel-main:has(.ai-studio){height:100%;min-height:0;max-width:none;padding:0;overflow:hidden;align-self:stretch}
.panel-main:has(.ai-studio)>.ai-studio{height:100%;min-height:0;margin:0}
.panel-shell:has(.ai-studio)>.sidebar{min-height:0;overflow-y:auto}
.public-chat-shell{height:calc(100vh - 78px);height:calc(100dvh - 78px);overflow:hidden}
.public-chat-shell>.ai-studio.is-public{height:100%;min-height:0;margin:0 auto}
@media(max-width:760px){.panel-shell:has(.ai-studio){display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 68px);height:calc(100dvh - 68px)}.panel-shell:has(.ai-studio)>.sidebar{overflow-x:auto;overflow-y:hidden}.public-chat-shell{height:calc(100vh - 66px);height:calc(100dvh - 66px)}}