@import url('./style.css');
:root{color-scheme:dark;--text:#ededed;--muted:#aaa;--dim:#888;--panel:#292929;--solid:#292929;--line:#ffffff14;--edge:#ffffff28;--hover:#ffffff09;--accent:#ededed;--ink:#202020;--soft:#ffffff08;--bg:#212121;--side:#181818;--input:#303030;--shadow:0 20px 65px #0004;background:var(--bg)}
:root[data-theme="light"]{--text:#252525;--muted:#707070;--dim:#777;--panel:#fafafa;--solid:#fafafa;--line:#00000012;--edge:#ffffff;--hover:#00000005;--accent:#252525;--ink:#fff;--soft:#00000004;--bg:#fff;--side:#f9f9f9;--input:#f4f4f4;--shadow:0 20px 65px #00000012;background:var(--bg)}
.layout{height:100dvh;min-height:480px;display:grid;grid-template-columns:246px minmax(0,1fr)}.layout.collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{background:var(--side)!important;border:0;border-right:1px solid var(--line);border-radius:0;padding:22px 14px 14px;overflow:hidden;box-shadow:none;backdrop-filter:none}.collapsed .sidebar{visibility:hidden;padding:0}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:0 6px 25px}.brand{font-size:22px;letter-spacing:-1px;font-weight:600;padding:4px 7px;margin:0}.new-ai{border:1px solid var(--line);border-radius:11px;padding:11px 14px;display:flex;gap:11px;align-items:center;background:linear-gradient(125deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px 0 #ffffff09;margin:0 2px 18px;font-size:13px}.new-ai:hover{background:var(--hover)}.nav button{padding:0 14px;border-radius:9px}.nav button.active{background:var(--hover)}.nav button.active:before{display:none}.side-section{margin-top:31px}.side-label{font-size:11px;color:var(--dim);padding:0 14px 10px}.side-draft,.side-link{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-radius:9px;padding:11px 14px;font-size:12px;color:var(--muted)}.side-draft:hover,.side-link:hover{background:var(--hover);color:var(--text)}.side-dot{height:5px;width:5px;background:var(--muted);border-radius:50%}.sidebar-bottom{padding-top:25px}.account{padding:16px 10px 3px}.account .avatar{background:var(--input);border:0}.workspace{min-width:0;min-height:0}.topbar{height:64px;padding:14px 25px;flex-shrink:0}.top-left,.top-right{display:flex;align-items:center;gap:12px}.top-title{font-size:14px;font-weight:500;color:var(--muted)}.topbar .menu-button{display:none}.collapsed .topbar .menu-button{display:grid}.preview-button{font-size:10px;color:var(--dim);padding:6px 8px;border-radius:6px}.preview-button:hover{background:var(--hover)}.theme-toggle{width:52px;height:28px;border-color:var(--line);background:linear-gradient(135deg,#ffffff0f,#ffffff02);box-shadow:inset 0 1px 0 #ffffff24;backdrop-filter:blur(16px)}.theme-toggle:after{width:21px;height:21px;border-color:#ffffff30;background:linear-gradient(135deg,#ffffff30,#ffffff0a)}.theme-toggle[aria-checked="false"]:after{transform:translateX(-23px);background:#fff;border-color:#ddd}.main{border:0;border-radius:0;background:var(--bg)!important;overflow:hidden}.chat-view{height:100%;display:flex;flex-direction:column;max-width:850px;margin:auto;padding:0 32px}.chat-view.empty{justify-content:center;padding-bottom:100px}.welcome{min-height:0;display:block;padding:20px 0 22px}.welcome h1{font-size:27px;font-weight:500;letter-spacing:-.75px;margin:0}.welcome>p{font-size:13px;max-width:none;margin-top:12px;line-height:1.9}.composer-wrap{padding:16px 0 18px;max-width:none;align-self:stretch;width:100%}.composer{border:1px solid var(--line);border-top-color:#ffffff28;background:linear-gradient(145deg,#ffffff06,#ffffff00 60%),rgba(50,50,50,.94);border-radius:25px;padding:18px 18px 12px;box-shadow:inset 0 1px 0 #ffffff16,0 8px 28px #0000000c;backdrop-filter:blur(24px)}.composer:after{background:linear-gradient(90deg,transparent,#ffffff28,transparent)}[data-theme="light"] .composer{background:linear-gradient(135deg,#ffffff9c,#ffffff20),rgba(244,244,244,.96);border-color:#0000000c;border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 5px 22px #00000005}.composer textarea{font-size:14px;min-height:55px;line-height:1.85}.composer-controls,.composer-tools{display:flex;align-items:center;gap:9px}.composer-controls{justify-content:space-between;margin-top:5px}.model-button{font-size:11px;color:var(--muted);padding:6px 8px;display:flex;align-items:center;gap:6px}.model-button svg{width:12px;height:12px;transform:rotate(90deg)}.composer-note{font-size:10px;line-height:1.65;margin-top:11px}.suggestions{margin-top:6px}.chip{border-radius:30px;font-size:11px;padding:10px 14px;background:transparent}.example-link{font-size:11px;color:var(--dim);margin:19px auto 0;display:block;padding:7px 10px}.example-link:hover{color:var(--text)}.chat-scroll{min-height:0}.messages{padding:23px 0 0;max-width:none}.sample-label{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:10px;margin-bottom:25px}.message{margin-bottom:28px}.bubble{font-size:14px;border:0;background:var(--input);border-radius:20px;padding:14px 19px;max-width:87%}.assistant-label{font-size:12px;font-weight:550;color:var(--text);margin-bottom:12px}.assistant-text{font-size:14px;line-height:2}.review-card{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:17px 19px;background:var(--hover)}.review-card small{font-size:10px;color:var(--muted)}.review-card p{font-size:13px;margin-top:7px;line-height:1.9}.review-row{padding:11px 0;border-bottom:1px solid var(--line)}.review-row:last-of-type{border-bottom:none}.review-row span{font-size:10px;color:var(--muted)}.review-row p{margin-top:3px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.small-button{padding:8px 11px}.subtle{font-size:11px;color:var(--muted);line-height:1.9}.not-sent{text-align:right}.button{border-radius:11px}.text-button{font-size:12px;color:var(--muted);padding:8px}.text-button:hover{color:var(--text)}.content{max-width:1100px;margin:auto}.content.narrow{max-width:810px}.page-scroll{padding:30px 40px 55px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.filters .chip{padding:8px 13px}.filters .chip.active{background:var(--accent);color:var(--ink)}.catalog{gap:15px}.product{background:var(--panel);padding:23px;min-height:230px;display:flex;flex-direction:column;border-radius:17px}.product:hover{border-color:#8887;transform:translateY(-2px);background:var(--panel)}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.product-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,#ffffff14,#ffffff03);box-shadow:inset 0 1px 0 #ffffff20;color:var(--muted);flex-shrink:0}.product-icon svg{width:23px;height:23px}.category{font-size:10px;color:var(--dim)}.product h2{font-size:15px}.product p{font-size:12px;line-height:1.85;color:var(--muted);margin:10px 0 21px;flex:1}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.product-bottom span{color:var(--dim);font-size:10px}.page-footnote{font-size:10px;color:var(--dim);line-height:1.8;margin-top:23px}.detail-hero{display:flex;align-items:center;gap:13px;margin-bottom:21px}.detail-price{font-size:23px;letter-spacing:-.5px;font-weight:550;margin:25px 0 3px}.detail-grid{grid-template-columns:95px 1fr;gap:15px 19px;margin:24px 0;font-size:12px;line-height:1.85}.feature-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.feature-row h3{font-size:13px}.feature-row p{font-size:11px;color:var(--muted);margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-heading h2{font-size:14px}.section-heading small{font-size:10px;color:var(--dim)}.library-card{padding:20px 21px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:16px;margin-bottom:12px}.library-card .info{flex:1}.library-card h3{font-size:14px}.library-card p{font-size:11px;color:var(--muted);margin-top:6px}.empty-box{padding:37px 25px;border:1px dashed var(--line);border-radius:15px;text-align:center}.empty-box p{font-size:12px;color:var(--muted);margin:9px 0 19px}.request-card{border-radius:14px;padding:22px}.request-card .row{gap:20px}.request-card p{margin:12px 0 18px}.request-card small{font-size:11px}.field input,.field textarea,.field select{background:var(--input);font-size:13px}.field textarea{line-height:1.9}.setup-steps{display:flex;align-items:center;gap:16px;font-size:10px;color:var(--dim);margin-bottom:26px}.setup-steps .active{color:var(--text)}.setup-steps i{height:1px;width:20px;background:var(--line)}.model-options{display:grid;gap:10px}.model-option{position:relative;display:block;border:1px solid var(--line);border-radius:12px;padding:16px 18px;cursor:pointer}.model-option:has(input:checked){border-color:var(--muted);background:var(--hover)}.model-option input{position:absolute;right:17px;top:20px;accent-color:#888}.model-option strong{font-size:13px;font-weight:500}.model-option p{font-size:11px;color:var(--muted);margin:6px 24px 0 0}.model-option small{font-size:10px;color:var(--dim);display:block;margin-top:8px}.setup-note{font-size:10px;color:var(--muted);line-height:1.8;margin:18px 0}.choice-row{margin:0 0 19px}.choice.selected{background:var(--hover);color:var(--text);border-color:var(--muted)}.drop-area{border:1px dashed #8886;border-radius:13px;text-align:center;padding:26px 20px;margin:17px 0}.drop-area svg{width:24px;height:24px;color:var(--muted);margin-bottom:10px}.drop-area h3{font-size:13px}.drop-area p{font-size:11px;color:var(--muted);margin:7px 0 15px}.info-line{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.info-line svg{width:15px;height:15px;margin-top:2px}.check-line{display:flex;gap:10px;font-size:12px;line-height:1.8;align-items:flex-start}.check-line input{margin-top:5px;accent-color:#888}dialog{background:var(--bg);border-radius:21px;max-height:calc(100dvh - 50px)}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.dialog-inner{padding:28px}.dialog-top{margin-bottom:25px}.dialog-top h2{font-size:19px}.dialog-body>p{font-size:12px;color:var(--muted);margin-bottom:15px}.toast{background:var(--panel);backdrop-filter:none}.topbar .text-button{font-size:11px}
@media(min-width:1600px){.chat-view{max-width:920px}.chat-view.empty{padding-bottom:140px}.page-scroll{padding:40px 60px}}
@media(max-width:1100px){.layout{grid-template-columns:220px minmax(0,1fr)}.page-scroll{padding:27px}.chat-view{padding-left:28px;padding-right:28px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.search{margin-left:0;max-width:none;flex:1;min-width:175px}}
@media(max-width:760px){.layout,.layout.collapsed{display:block;min-height:450px}.sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;width:255px;transform:translateX(-100%);transition:transform .2s;visibility:visible}.collapsed .sidebar{padding:22px 14px 14px;visibility:visible}.sidebar.open{transform:translateX(0)}.mobile-shade.open{z-index:35}.workspace{height:100%;padding:0}.topbar{height:59px;padding:10px 15px}.topbar .menu-button{display:grid}.top-left{gap:8px}.top-title{font-size:13px}.top-right{gap:7px}.preview-button{font-size:9px}.chat-view{padding:0 18px}.chat-view.empty{padding-bottom:70px}.welcome{padding:15px 5px 21px}.welcome h1{font-size:23px}.welcome>p{font-size:12px;line-height:1.9}.composer{padding:16px 15px 11px;border-radius:23px}.composer textarea{font-size:16px;min-height:57px}.composer-note{font-size:9px;max-width:300px;margin:10px auto 0}.composer-wrap{padding:16px 0 max(14px,env(safe-area-inset-bottom))}.suggestions{gap:7px}.chip{padding:9px 12px;font-size:10px}.messages{padding:18px 0 0}.assistant-text,.bubble{font-size:13px}.bubble{max-width:93%}.page-scroll{padding:24px 20px 40px}.page-heading{margin-bottom:24px;gap:12px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.catalog{grid-template-columns:1fr;gap:12px}.product{min-height:0;padding:20px}.product-top{margin-bottom:15px}.search{flex-basis:100%;margin-top:6px}.library-card{flex-wrap:wrap;padding:17px}.library-card .button{margin-left:auto;font-size:10px}.request-card{padding:19px}.request-card .row{align-items:flex-start;gap:12px}.request-card h3{font-size:13px}.request-card .small-button{white-space:nowrap}.detail-grid{grid-template-columns:78px 1fr;gap:14px 12px;font-size:11px}.dialog-inner{padding:22px}.dialog-top h2{font-size:18px}.empty-box{padding:30px 20px}}
/* Store, local player and optional hosted use. */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-6px 0 25px;flex-wrap:wrap}.price-filters{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--hover)}.price-filters button{padding:7px 11px;font-size:11px;color:var(--muted);border-radius:7px}.price-filters button[aria-pressed="true"]{background:var(--input);color:var(--text);box-shadow:0 1px 3px #0001}.catalog-toolbar .text-button{display:flex;align-items:center;gap:6px;font-size:11px}.catalog-toolbar svg{width:12px;height:12px}.catalog-empty{grid-column:1/-1;padding:40px 0}.included-app{padding:15px 17px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px;background:linear-gradient(120deg,#ffffff08,transparent)}.included-app>span{font-size:12px}.included-app small{font-size:10px;color:var(--muted)}.quiet-details{padding:18px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.9}.quiet-details summary{cursor:pointer;color:var(--text);font-size:12px}.quiet-details p{margin:12px 0 0}.usage-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.usage-option{border:1px solid var(--line);border-radius:13px;padding:18px;text-align:left;background:var(--hover);display:grid;gap:7px}.usage-option.selected{border-color:var(--muted);box-shadow:inset 0 1px 0 #ffffff12}.usage-option strong{font-size:13px;font-weight:500}.usage-option span{font-size:10px;color:var(--muted)}.environment-note,.privacy-note{padding:16px 18px;border:1px solid var(--line);border-radius:12px}.environment-note strong,.privacy-note strong{font-weight:500;font-size:12px}.environment-note p,.privacy-note p{font-size:11px;color:var(--muted);line-height:1.9;margin:9px 0 0}.cost-lines{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.cost-lines>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.cost-lines>div>span:first-child{color:var(--muted)}.player-surface{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 15px 40px #00000009}.player-preview{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:280px}.player-rail{display:flex;flex-direction:column;background:var(--side);padding:24px 13px;gap:10px;border-right:1px solid var(--line)}.player-rail strong{font-size:17px;letter-spacing:-.8px;padding:0 10px;margin-bottom:13px}.player-rail span{font-size:10px;padding:9px 10px;color:var(--muted)}.player-rail .selected{border-radius:7px;background:var(--hover);color:var(--text)}.player-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;gap:12px;position:relative;min-width:0}.player-conversation>small{position:absolute;right:15px;top:12px;font-size:9px;color:var(--dim)}.player-conversation h2{font-size:17px;margin-top:2px}.player-conversation>p{font-size:10px;color:var(--muted);text-align:center}.player-input{border:1px solid var(--line);border-top-color:var(--edge);border-radius:16px;background:linear-gradient(125deg,#ffffff0c,transparent),var(--input);font-size:10px;color:var(--dim);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;margin-top:8px;width:100%;max-width:350px;box-shadow:inset 0 1px 0 #ffffff18}.player-input span{height:23px;width:23px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-size:16px}.player-footer{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-top:1px solid var(--line);gap:12px}.player-footer h2{font-size:13px}.player-footer p{font-size:11px;color:var(--muted);margin-top:6px}.player-download-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 12px}.player-download-row .button{font-size:11px}.owned-chat{position:relative}.owned-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 20px;flex-shrink:0}.owned-heading>span{font-size:10px;color:var(--muted)}.owned-chat.empty .owned-heading{position:absolute;left:32px;right:32px;top:0}.library-card .info{min-width:0}.library-card h3{overflow-wrap:anywhere}.library-card>button{flex-shrink:0}.check-line input{width:15px;height:15px;flex-shrink:0}
@media(max-width:760px){.catalog-toolbar{gap:12px}.catalog-toolbar .text-button{font-size:10px;padding-left:0}.player-preview{grid-template-columns:107px minmax(0,1fr);min-height:255px}.player-rail{padding:21px 7px;gap:7px}.player-rail strong{font-size:15px}.player-rail span{font-size:8px;padding:9px 6px;line-height:1.7}.player-conversation{padding:25px 12px 15px}.player-conversation h2{font-size:14px}.player-conversation>p{font-size:9px}.player-input{font-size:8px;padding:10px 9px;gap:5px}.player-input span{width:20px;height:20px}.player-footer{padding:18px;align-items:flex-start}.player-footer p{font-size:10px}.player-footer .pill{white-space:nowrap}.player-download-row{align-items:flex-start;flex-wrap:wrap}.usage-option{padding:15px 12px}.usage-option strong{font-size:12px}.usage-option span{font-size:9px}.owned-chat.empty .owned-heading{left:18px;right:18px}.feature-row>button{flex-shrink:0}.field input,.field textarea,.field select{font-size:16px}.quiet-details summary{font-size:11px}.price-filters button{padding:7px 9px;font-size:10px}}
/* Conversational builder and separate test chat. */
.start-ai-card{display:flex;flex-direction:column;align-items:center;gap:19px;margin:7px 0 27px}.start-ai-card .button{padding:12px 29px;border-radius:28px}.start-ai-card>span{font-size:11px;color:var(--dim)}.start-note{margin-top:30px}.builder-shell{height:100%;min-height:0;display:flex;flex-direction:column}.builder-columns{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);height:100%;min-height:0}.build-pane,.test-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.test-pane{border-left:1px solid var(--line);background:linear-gradient(155deg,#ffffff03,transparent 60%)}.pane-heading{height:65px;flex-shrink:0;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.pane-heading h2{font-size:13px;font-weight:500}.pane-heading>div{display:flex;align-items:center;gap:13px;min-width:0}.pane-heading>div>span{font-size:10px;color:var(--dim)}.pane-heading .icon-button{width:30px;height:30px}.pane-heading svg{width:16px;height:16px}.build-scroll,.test-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#8884 transparent}.build-transcript{max-width:690px;margin:auto;padding:31px 31px 24px}.build-message{margin:0 0 23px;max-width:100%;animation:appear .18s ease}.speaker{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:9px}.build-message p,.test-message p{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.build-message.from-user,.test-message.from-user{display:flex;justify-content:flex-end}.build-message.from-user p,.test-message.from-user p{background:var(--input);padding:12px 16px;border-radius:17px;max-width:91%;font-size:12px}.question-hint{font-size:11px;color:var(--muted);line-height:1.9;margin-top:-10px}.answer-options{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.answer-options button{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:11px;color:var(--muted)}.answer-options button:hover{background:var(--hover);color:var(--text)}.build-composer-area,.test-composer-area{flex-shrink:0;padding:16px 25px 18px}.build-composer-area .composer,.test-composer-area .composer{padding:15px 15px 10px;border-radius:21px}.build-composer-area textarea,.test-composer-area textarea{font-size:12px;min-height:45px;max-height:110px;line-height:1.8}.build-composer-area .composer-note,.test-composer-area .composer-note{font-size:9px;line-height:1.7;margin-top:10px}.composer-context-label{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.question-progress{display:flex;align-items:center;justify-content:space-between;padding:0 5px 11px;font-size:10px;color:var(--muted)}.question-progress button{font-size:10px;color:var(--dim)}.setup-summary,.pending-rule{padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--hover)}.setup-summary>div:not(.summary-actions){display:grid;grid-template-columns:83px 1fr;gap:10px;font-size:11px;margin-bottom:14px}.setup-summary>div>span{color:var(--muted)}.setup-summary strong{font-weight:500}.setup-summary p{line-height:1.85;overflow-wrap:anywhere}.setup-summary small,.pending-rule small{font-size:10px;line-height:1.9;color:var(--muted);display:block}.summary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px}.summary-actions .button{font-size:11px;padding:9px 12px}.build-intro{border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:24px}.build-intro strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.build-intro p{font-size:11px;color:var(--muted);margin:8px 0}.build-intro .text-button{padding:0;font-size:10px}.pending-rule>span{font-size:10px;color:var(--muted)}.pending-rule>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.test-scroll{padding:30px 30px 20px;display:flex;flex-direction:column}.test-welcome{margin:auto;text-align:center;max-width:330px;width:100%;padding:35px 0}.ai-monogram{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--edge);border-radius:16px;background:linear-gradient(135deg,#ffffff20,#ffffff03);box-shadow:inset 0 1px 0 #ffffff24,0 5px 16px #0001;font-size:19px;margin:0 auto 19px}.test-welcome h3{font-size:17px;font-weight:500;overflow-wrap:anywhere}.test-welcome>p{font-size:11px;color:var(--muted);line-height:1.9;margin:11px auto 0;overflow-wrap:anywhere}.test-starters{display:flex;flex-direction:column;gap:9px;margin:26px auto 0;max-width:280px}.test-starters button{border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-align:left;font-size:11px;color:var(--muted)}.test-starters button:hover{color:var(--text);background:var(--hover)}.test-message{margin-bottom:27px}.test-answer-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:13px;font-size:9px;color:var(--dim)}.test-answer-meta button{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:9px;color:var(--muted)}.builder-mobile-tabs{display:none}.price-advice{border:1px solid var(--line);border-radius:15px;padding:19px;background:linear-gradient(145deg,#ffffff05,transparent)}.price-advice-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.price-advice-heading h3{font-size:12px}.price-advice .price-range{color:var(--text);font-size:22px;font-weight:550;letter-spacing:-.5px;margin:17px 0 10px}.price-advice .price-range.no-estimate{font-size:15px;letter-spacing:0}.price-advice .price-explanation{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:14px}.price-scenarios{display:flex;gap:7px;flex-wrap:wrap}.price-scenarios button{font-size:10px;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--muted)}.price-scenarios button[aria-pressed="true"]{border-color:var(--muted);background:var(--hover);color:var(--text)}.price-advice>small{display:block;font-size:10px;line-height:1.8;color:var(--dim);margin-top:15px}.price-reasons{display:grid;gap:11px;font-size:11px;margin:20px 0}.price-reasons>div{display:grid;grid-template-columns:75px 1fr;gap:14px;line-height:1.8}.price-reasons dt{color:var(--dim)}.price-reasons dd{margin:0}.test-pane .composer:has(textarea:disabled){opacity:.55}.test-pane textarea:disabled{cursor:not-allowed}.side-draft{overflow-wrap:anywhere}.test-composer-area .composer-controls>.composer-context-label{max-width:calc(100% - 45px)}
@media(max-width:1150px) and (min-width:761px){.layout:has(.builder-shell){grid-template-columns:190px minmax(0,1fr)}.layout.collapsed:has(.builder-shell){grid-template-columns:0 minmax(0,1fr)}.pane-heading{padding:15px 20px}.pane-heading>div{gap:8px}.pane-heading>div>span{display:none}.build-transcript{padding:26px 21px}.test-scroll{padding:26px 21px}.build-composer-area,.test-composer-area{padding:14px 17px}.composer-context-label{font-size:9px}}
@media(max-width:760px){.builder-mobile-tabs{display:flex;gap:5px;flex-shrink:0;padding:7px 18px 12px;border-bottom:1px solid var(--line)}.builder-mobile-tabs button{flex:1;border-radius:9px;padding:10px;font-size:12px;color:var(--muted)}.builder-mobile-tabs button[aria-pressed="true"]{background:var(--input);color:var(--text)}.builder-columns{display:flex;flex:1;min-height:0}.build-pane,.test-pane{display:none;width:100%;border-left:0}.build-pane.mobile-active,.test-pane.mobile-active{display:flex}.pane-heading{height:53px;padding:12px 20px;border-bottom:none}.pane-heading>div>span{font-size:9px}.build-transcript{padding:21px 21px 18px}.build-composer-area,.test-composer-area{padding:12px 17px max(15px,env(safe-area-inset-bottom))}.build-composer-area textarea,.test-composer-area textarea{font-size:16px}.test-scroll{padding:20px}.test-welcome h3{font-size:18px}.test-welcome>p{font-size:12px}.test-message p{font-size:13px}.setup-summary>div:not(.summary-actions){grid-template-columns:72px 1fr}.start-ai-card{margin:5px 0 20px}.price-advice{padding:15px}.price-advice .price-range{font-size:20px}.price-reasons>div{gap:10px;grid-template-columns:63px 1fr}}

@media(max-width:760px){.sidebar:not(.open){visibility:hidden;pointer-events:none}}