/* Keep the conversation in view; less-frequent controls live in Settings. */
.secondary-nav-label{margin-top:22px}
.rewards-intro-card strong{color:#d9e8c7}
.chat-empty{padding:clamp(22px,4vh,40px) 4px 22px;max-width:800px}
.chat-eyebrow{font:500 10px var(--sans);letter-spacing:1.6px;color:#adc891}
.chat-empty h1{font-size:clamp(30px,3.2vw,42px);line-height:1.2;margin:15px 0;letter-spacing:-1.3px}
.chat-empty h1 span{color:#c5e59d}
.chat-empty>p{font-size:14px;line-height:1.85;max-width:540px;margin-inline:auto}
.chat-intro-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:17px 0 0}
.chat-intro-links button,.chat-intro-links a{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 0;background:none;color:#bfcea9;text-decoration:none;border-bottom:1px solid #4a5a3d}
.chat-intro-links svg{width:12px;height:12px}
.chat-intro-links button:hover,.chat-intro-links a:hover{color:#def1c5;border-color:#92b56a}
.chat-suggestions{margin-top:26px}
.chat-suggestions svg{margin-bottom:10px}
.reward-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:23px}
.reward-steps li{display:flex;gap:15px;align-items:flex-start}
.reward-steps li>span{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #60744a;border-radius:50%;background:#304125;color:#d1e8b1;font-size:12px}
.reward-steps h3{margin:2px 0 6px;font-size:15px;font-weight:550;color:#e2eed5}
.reward-steps p,.reward-help-terms,.reward-routing-detail p{font-size:12px;line-height:1.8;color:#a8b99a;margin:0}
.reward-help-terms{padding:14px 16px;border:1px solid #415735;border-radius:10px;background:#24311e}
.reward-routing-detail{margin:20px 0 24px;font-size:12px;color:#bed0ad}
.reward-routing-detail summary{cursor:pointer;line-height:1.7}
.reward-routing-detail p{margin-top:12px}
.reward-routing-detail a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#c9e7ac;font-size:12px}
.reward-routing-detail svg{width:12px;height:12px}
.chat-settings-panel{flex-shrink:0;min-width:0}
.workspace-controls{min-height:52px;gap:10px;padding:8px 0;flex-wrap:nowrap}
.workspace-controls .model-control{min-width:0;max-width:260px;flex:1}
.workspace-controls .model-control>label.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.workspace-controls .model-control select{height:36px;padding:6px 24px 6px 10px;font-size:14px;border:1px solid #384132;border-radius:8px;background:#1c241a}
.chat-settings-summary{margin-left:auto;font-size:11px;color:#99aa8c;white-space:nowrap;font-variant-numeric:tabular-nums}
.chat-settings-toggle,.workspace-controls .new-chat-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid #384532;border-radius:8px;background:transparent;color:#bccdb0;font-size:11px;white-space:nowrap;margin:0}
.chat-settings-toggle:hover,.workspace-controls .new-chat-button:hover{background:#2a3723;color:#e1efcf}
.chat-settings-toggle>svg,.workspace-controls .new-chat-button>svg{width:15px;height:15px}
.chat-settings-toggle .settings-chevron{width:12px;height:12px}
.chat-settings-toggle.has-warning{border-color:#a88a4e;color:#e7ce96}
.chat-settings-panel:not(.is-collapsed) .settings-chevron{transform:rotate(180deg)}
.chat-settings-panel.is-collapsed #chat-settings-content{display:none}
.chat-settings-content{margin:0 0 10px;padding:17px 18px;border:1px solid #3b4b32;border-radius:12px;background:#1b2618;max-height:250px;overflow-y:auto}
.chat-settings-fields{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:24px;align-items:start}
.chat-settings-content .message-budget{margin:0}
.chat-settings-content .message-budget>label,#chat-settings-content .chat-payment-control>label{display:block;font:12px var(--sans);letter-spacing:0;color:#cbdabb;margin:0 0 8px}
.chat-settings-content .message-budget>div{height:37px;padding:4px 10px}
.chat-settings-content .message-budget input{font:13px var(--sans);width:100%;flex:1}
#budget-hint{display:block;font:11px/1.5 var(--sans);color:#94a389;margin-top:7px}
#chat-settings-content .chat-payment-control{display:block;padding:0;font-size:12px}
#chat-settings-content .chat-payment-control select{width:100%;height:37px;padding:6px 10px;font-size:12px}
#chat-settings-content .chat-payment-control p{font-size:11px;line-height:1.55;margin:7px 0 0;min-width:0}
#chat-settings-content .model-description{padding:13px 0 0;margin-top:13px;border-top:1px solid #34432c;max-width:none}
#chat-settings-content .model-description p{font-size:11px;line-height:1.6}
.chat-mode .chat-workspace{min-height:0}
.composer-dock{padding-top:8px;padding-bottom:12px}
.chat-composer textarea{min-height:44px;padding:12px 17px 6px}
.composer-actions{padding:5px 10px 10px 17px}
.composer-note{margin-top:8px}

/* A simple input card and a readable result, shared by the four tools. */
#tool-workspace{padding-top:10px}
#tool-workspace .playground-heading{margin:17px 0 24px}
#tool-heading{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:0}
#tool-description{font-size:13px;line-height:1.7;color:#a0ae96;margin:9px 0 0}
#tool-workspace .playground-grid{grid-template-columns:minmax(270px,.8fr) minmax(0,1.3fr);gap:22px;align-items:start}
#tool-workspace .panel{border-radius:16px;background:#1b251a;border-color:#364630;min-width:0}
#tool-workspace .panel-heading{height:64px;padding:0 22px;background:transparent;border-color:#33412d;gap:11px}
#tool-workspace .panel-heading h3{font-size:15px;font-weight:550}
.tool-heading-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#2d4024;color:#b9d594}
.tool-heading-icon svg{width:16px;height:16px}
#tool-workspace .console-status{font:11px var(--sans);gap:7px}
#tool-workspace .request-body,#tool-workspace .console-body{padding:22px}
#tool-workspace .field-label{font:12px var(--sans);letter-spacing:0;color:#d3dfc9;margin-bottom:9px}
#tool-workspace .input-heading{margin:0 0 10px;gap:10px}
#tool-workspace .input-heading .field-label{margin:0}
#tool-workspace .sample-button{font-size:11px}
#tool-workspace #task-input{height:76px;min-height:52px;padding:13px;font:14px/1.65 var(--sans);border-radius:10px;background:#141e12;border-color:#415238}
#tool-workspace #task-input.expanded{height:200px}
#tool-workspace #task-input.short-input{height:50px;min-height:50px;resize:none}
#tool-workspace .input-hint{font-size:12px;color:#98a68e;line-height:1.65;margin:10px 0 20px}
#tool-budget-slot .message-budget{display:grid;grid-template-columns:1fr 135px;align-items:center;gap:0 10px;margin:0 0 18px}
#tool-budget-slot .message-budget>label{font:12px var(--sans);letter-spacing:0;margin:0;color:#c2d2b5}
#tool-budget-slot .message-budget>div{height:37px}
#tool-budget-slot .message-budget input{flex:1;width:70px;font:13px var(--sans)}
#tool-budget-slot #budget-hint{grid-column:1/-1;margin-top:7px}
.tool-options{border-top:1px solid #34452d;padding-top:15px}
.tool-options>summary,.provider-options>summary,.tool-payment-details>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#aebfa0;font-size:12px}
.tool-options>summary::-webkit-details-marker,.provider-options>summary::-webkit-details-marker,.tool-payment-details>summary::-webkit-details-marker{display:none}
.tool-options>summary svg,.tool-payment-details>summary svg{margin-left:auto;width:13px;height:13px}
.tool-options[open]>summary{margin-bottom:17px}
.tool-options[open]>summary svg,.provider-options[open]>summary svg,.tool-payment-details[open]>summary svg{transform:rotate(45deg)}
#tool-workspace #task-prompt{font-size:13px;height:84px;min-height:60px;border-radius:8px}
#tool-workspace .routing-options{display:block;margin-top:17px}
#tool-workspace .strategy-control{height:38px}
#tool-workspace .strategy-control button{font-size:11px}
#tool-workspace .run-button{height:46px;border-radius:10px;font-size:13px;margin-top:23px}
#tool-workspace .request-footnote{justify-content:center;font-size:11px;color:#9eaf92;gap:7px;margin-top:13px}
#tool-workspace .request-footnote>span:last-child{font-size:11px;color:inherit;margin-left:0}
#tool-workspace .request-footnote svg{width:14px;height:14px}
#tool-workspace .execution-panel{background:#1b261b;overflow:visible}
#tool-workspace .result-area{border:0;background:transparent;overflow:visible}
#tool-workspace .result-heading{height:auto;min-height:34px;padding:0 0 17px;border:0;font-size:12px;color:#9eb192}
.result-actions{display:flex;align-items:center;gap:15px}
.result-actions .copy-result{display:flex;align-items:center;gap:6px;padding:3px 0;background:none;color:#b9cba9;font-size:11px;list-style:none;cursor:pointer}
.result-actions .copy-result svg{width:13px;height:13px}
#tool-workspace .result-content{font-size:14px;line-height:1.7;min-width:0}
#tool-workspace .result-empty{display:flex;flex-direction:column;gap:0;text-align:center;min-height:295px;padding:35px 18px 30px}
.tool-empty-icon{width:63px;height:63px;display:grid;place-items:center;border-radius:19px;background:#293b24;border:1px solid #445b36;color:#c7e2a7;margin-bottom:21px;transform:rotate(-5deg)}
.tool-empty-icon svg{width:27px;height:27px;transform:rotate(5deg)}
#tool-workspace .result-empty h3{font:500 20px/1.35 var(--sans);letter-spacing:-.4px;color:#dbe9ce;margin:0 0 11px}
#tool-workspace .result-empty p{font-size:13px;line-height:1.75;color:#a8b79c;max-width:310px;margin:0}
#tool-workspace .result-empty>span{font-size:11px;color:#809274;margin-top:24px}
.tool-cost-summary{border-top:1px solid #37482f;margin-top:22px;padding-top:18px}
#tool-workspace .route-total{margin:0 0 17px;font-size:12px;gap:18px;align-items:center}
#tool-workspace .route-total small{font:11px/1.5 var(--sans);color:#8fa47f;letter-spacing:0;max-width:220px}
#tool-workspace .route-total strong{font:500 15px var(--sans);letter-spacing:0;flex-shrink:0;color:#d6e8c5}
.provider-options>summary{font-size:11px;justify-content:space-between}
.provider-options>summary svg{width:12px;height:12px}
#candidate-count{margin-left:auto;font-size:10px;color:#92a582}
.provider-options .route-candidates{margin-top:14px}
#tool-workspace .candidate-name{font-size:12px;flex-wrap:wrap;gap:5px}
#tool-workspace .candidate-name>span{font:9px var(--sans);letter-spacing:0;border:0;padding:0;color:#c3dda6}
#tool-workspace .candidate-details{font-size:10px;line-height:1.5;color:#94a787}
#tool-workspace .candidate-cost{font:11px var(--sans);font-variant-numeric:tabular-nums}
.tool-result-title{display:flex;gap:12px;align-items:center;margin:1px 0 24px}
.tool-success-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#314927;color:#d3edb7}
.tool-success-mark svg{width:18px;height:18px}
.tool-result-title h3{font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.2px;margin:0;color:#e2edd8}
.tool-result-title p{font-size:11px;line-height:1.5;color:#a6ba96;margin:3px 0 0}
.tool-output-body{min-width:0}
.tool-reading{padding:0;font-size:15px;line-height:1.85;color:#d7e2ce}
.tool-reading h3{font-size:18px}
.tool-reading .chat-code{max-width:100%}
.tool-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 17px}
.tool-stat-grid>div{display:flex;flex-direction:column;gap:5px;padding:15px 13px;background:#24351f;border:1px solid #405438;border-radius:11px;min-width:0}
.tool-stat-grid strong{font:500 25px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:#ddecce;overflow-wrap:anywhere}
.tool-stat-grid span{font-size:11px;color:#a2b795}
.tool-insight{font-size:12px;line-height:1.75;color:#a4b898;margin:12px 0 20px;overflow-wrap:anywhere}
.tool-table-wrap{max-width:100%;overflow-x:auto;margin:22px 0;scrollbar-width:thin;scrollbar-color:#506a3d transparent}
.tool-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;line-height:1.65}
.tool-table caption{text-align:left;font-size:13px;color:#d2e3c4;font-weight:550;padding:0 0 12px}
.tool-table th{color:#a4b895;font-weight:500;border-bottom:1px solid #506340;font-size:11px;background:#23301f}
.tool-table th,.tool-table td{padding:11px 12px;vertical-align:top;overflow-wrap:anywhere;min-width:75px;max-width:220px}
.tool-table td{color:#d0ddc4;border-bottom:1px solid #34452e;font-variant-numeric:tabular-nums}
.tool-table tbody tr:last-child td{border-bottom:0}
.tool-table tbody tr:nth-child(even){background:#1d2b1b}
.tool-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:13px}
.tool-price-card{padding:23px 20px;border:1px solid #48613a;border-radius:13px;background:linear-gradient(130deg,#2b4123,#21341e);min-width:0}
.tool-price-card>span{display:block;font-size:13px;color:#b5cda4;text-transform:uppercase;overflow-wrap:anywhere}
.tool-price-card strong{display:block;font:500 31px/1.2 var(--sans);letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:12px 0 9px;overflow-wrap:anywhere;color:#e6f1dc}
.tool-price-card small{font-size:11px;color:#a7ba98}
.price-change{display:inline-block;margin-left:8px}.price-change.positive{color:#bfdf9f}.price-change.negative{color:#edb79c}
.tool-key-values{margin:0}.tool-key-values>div{padding:13px 0;border-bottom:1px solid #36472e;display:grid;grid-template-columns:1fr 1.6fr;gap:18px}
.tool-key-values dt{font-size:12px;color:#a1b491}.tool-key-values dd{margin:0;font-size:13px;overflow-wrap:anywhere;color:#d8e6cc}
.tool-value-list{padding-left:20px}.tool-value-list li{margin:8px 0;overflow-wrap:anywhere}
.tool-payment-details{padding:17px 0 0;border-top:1px solid #3a4d31;margin-top:26px}
.tool-payment-details>summary{font-size:11px}
.tool-payment-details[open]>summary{margin-bottom:15px}
.tool-payment-details .result-facts{padding:0;gap:10px}
.tool-payment-details .result-facts>div{font-size:11px;padding-bottom:9px}
.tool-payment-details .result-facts dt{flex-shrink:1}
.tool-payment-details .receipt-actions{padding:8px 0}
.tool-payment-followup{padding:13px 15px;border:1px solid #725e34;border-radius:10px;background:#392f1940;font-size:12px;margin-top:20px;color:#d6c495}
.tool-payment-followup p{margin:0 0 8px}
#tool-workspace .execution-progress{font:12px/1.7 var(--sans);padding:13px;border:1px solid #4d6839;border-radius:9px;background:#293d2080}
#tool-workspace .payment-notice{font-size:13px;padding:17px 10px;line-height:1.8}
#tool-workspace .payment-notice strong{font-size:16px;color:#d8e8ca}

@media(max-width:1120px){.chat-settings-summary{display:none}.workspace-controls .model-control{max-width:none}.workspace-controls .new-chat-button>span{display:none}#tool-workspace .playground-grid{grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr);gap:15px}#tool-workspace .request-body,#tool-workspace .console-body{padding:18px}.tool-stat-grid>div{padding:13px 10px}.tool-stat-grid strong{font-size:22px}}
@media(max-width:900px){#tool-workspace .playground-grid{grid-template-columns:1fr}#tool-workspace .result-empty{min-height:245px}}
@media(max-width:720px){.workspace-controls{min-height:50px;padding:7px 0;gap:7px}.workspace-controls .model-control select{font-size:13px;height:35px;max-width:100%}.chat-settings-toggle,.workspace-controls .new-chat-button{font-size:10px;padding:7px 9px}.chat-settings-toggle .settings-chevron{display:none}.chat-settings-content{padding:14px;margin-bottom:8px;max-height:235px}.chat-settings-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px}.chat-settings-content .message-budget>label,#chat-settings-content .chat-payment-control>label{font-size:11px}#chat-settings-content .chat-payment-control select{font-size:11px;padding-inline:6px}.chat-settings-content .message-budget input{font-size:12px}#tool-workspace .playground-heading{margin:17px 0 19px}#tool-heading{font-size:26px}#tool-description{font-size:12px}#tool-workspace .panel-heading{height:57px;padding:0 18px}#tool-workspace .panel-heading h3{font-size:14px}#tool-workspace .request-body,#tool-workspace .console-body{padding:18px}#tool-workspace .result-empty{padding:30px 8px;min-height:245px}#tool-workspace .result-empty h3{font-size:20px}.tool-reading{font-size:14px}.tool-stat-grid{gap:7px}.tool-stat-grid>div{padding:14px 10px}.tool-stat-grid strong{font-size:24px}.tool-result-title h3{font-size:16px}.tool-table{font-size:12px}.tool-price-card strong{font-size:30px}.tool-key-values>div{grid-template-columns:1fr;gap:5px}.composer-note{line-height:1.6}}
@media(max-width:360px){.workspace-controls .model-control select{font-size:12px;padding-left:7px}.chat-settings-toggle{padding:7px}.chat-settings-toggle>svg:first-child{display:none}.tool-stat-grid>div{padding:12px 8px}.tool-stat-grid strong{font-size:22px}.tool-stat-grid span{font-size:10px}#tool-workspace .request-body,#tool-workspace .console-body{padding:15px}#tool-workspace .sample-button{font-size:10px}}
@media(max-width:720px){.chat-empty{padding-top:24px}.chat-eyebrow{font-size:8px;letter-spacing:1.4px}.chat-empty h1{font-size:30px;max-width:360px}.chat-empty>p{font-size:12px}.chat-intro-links{gap:10px 16px;margin-top:14px}.chat-intro-links button,.chat-intro-links a{font-size:10px}.chat-suggestions{margin-top:22px}.reward-steps{gap:19px}.reward-steps h3{font-size:14px}}
@media(max-height:780px){.chat-empty{padding-top:20px}.chat-empty h1{font-size:32px}.chat-suggestions{margin-top:21px}.chat-suggestions button{padding:12px}.chat-suggestions svg{margin-bottom:9px}}
@media(max-width:360px){.chat-empty h1{font-size:27px}}