.agents-page{--agent-copy-size:12px;gap:10px;color:#111}
.agents-page #globalNav,.agents-page #globalFooter{flex:0 0 auto}
.agents-page .agent-brand{display:inline-flex;align-items:center;gap:8px;color:#111;text-decoration:none;font-size:15px}
.agents-page .agent-brand img{width:22px;height:22px;object-fit:contain}
.agents-page #globalFooter{margin-top:auto}
.agents-page .agent-main{flex:0 0 auto}
.agents-page .bevel{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000}
.agents-page .agent-workspace{display:grid;grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}
.agents-page .agent-intro{text-align:left;padding:4px 8px 6px}
.agents-page .agent-intro h1{font-size:24px;line-height:1.25;margin:0 0 7px}
.agents-page .agent-intro p{font-size:13px;line-height:1.5;margin:0}
.agents-page .title-meta{font-size:11px;font-weight:400;color:#e8e8ff}
.agents-page .agent-titlebar{display:flex;align-items:center;justify-content:space-between;background:#000080;color:#fff;padding:4px 8px;min-height:28px;font-weight:700}
.agents-page .agent-titlebar h2{margin:0;font-size:13px;line-height:1.4;color:inherit}
.agents-page .agent-window{min-width:0}
.agents-page .agent-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:stretch}
.agents-page .agent-layout .agent-window{display:flex;flex-direction:column}
.agents-page .agent-pricing{grid-column:2;grid-row:1 / span 2}
.agents-page .agent-after-launch{grid-column:1;grid-row:2}
.agents-page .agent-compose .window-content{display:flex;flex-direction:column;flex:1}
.agents-page .agent-compose #agentBrief{flex:none;min-height:112px}
.agents-page .pricing-content{display:grid;gap:10px}
.agents-page .pricing-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}
.agents-page .pricing-table th,.agents-page .pricing-table td{padding:6px 10px;text-align:left;border-bottom:1px solid #d0d0d0;vertical-align:middle}
.agents-page .pricing-table thead th{background:#c0c0c0;border-bottom:1px solid #808080}
.agents-page .pricing-table tbody th{font-weight:400}
.agents-page .pricing-table tr>:last-child:not([colspan]){text-align:right}
.agents-page .pricing-table td:not([colspan]){width:27%;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.agents-page .pricing-table .pricing-group th{background:#eee;font-weight:700}
.agents-page .pricing-group span{display:block;font-size:11px;font-weight:400;color:#444}
.agents-page .billing-unit{font-size:11px;font-weight:400;color:#444;margin-left:8px}
.agents-page .format-size{font-size:11px;color:#555;margin-left:8px;white-space:nowrap}
.agents-page .pricing-table .pricing-rule{font-size:11px;color:#444;padding-top:6px;padding-bottom:6px}
.agents-page .pricing-note{font-size:12px;line-height:1.5;margin:0}
.agents-page .window-content{padding:12px}
.agents-page .agent-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:1px solid #808080;background:#eee}
.agents-page .agent-flow li{display:flex;gap:10px;padding:12px;min-width:0}
.agents-page .agent-flow li+li{border-left:1px solid #aaa}
.agents-page .step-number{flex:none;display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;color:#fff;background:#000080}
.agents-page .agent-flow h2{font-size:13px;margin:0 0 3px}
.agents-page .agent-flow p{font-size:var(--agent-copy-size);line-height:1.5;margin:0}
.agents-page .brief-label{display:block;font-size:12px;margin-bottom:8px}
.agents-page #agentBrief{width:100%;height:112px;resize:vertical;border:2px solid;border-color:#808080 #fff #fff #808080;box-shadow:inset 1px 1px #404040;background:#fff;color:#111;padding:12px;font-family:Tahoma,sans-serif;font-size:13px;line-height:1.55;border-radius:0}
.agents-page .brief-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}
.agents-page .brief-actions [role=status]{font-size:12px;color:#000080}
.agents-page .agent-button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;background:#c0c0c0;color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;border-radius:0;min-height:32px;padding:5px 12px;cursor:pointer}
.agents-page .agent-button:active{border-color:#404040 #fff #fff #404040;box-shadow:none}
.agents-page .agent-button:focus-visible,.agents-page #agentBrief:focus-visible,.agents-page .reference-links a:focus-visible{outline:2px dotted #000080;outline-offset:3px}
.agents-page .section-note{font-size:11px;color:#444;line-height:1.5;margin:0}
.agents-page .agent-after-launch .agent-flow{margin:12px 12px 0}
.agents-page .agent-after-launch h3{font-size:13px;line-height:1.4;margin:0 0 4px}
.agents-page .after-launch-policy{font-size:11px;color:#444;line-height:1.5;margin:0;padding:10px 12px}
.agents-page .developer-reference{flex:0 0 auto;min-width:0}
.agents-page .reference-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;font-size:12px}
.agents-page .reference-links a{color:#111;text-decoration:none}
.agents-page .reference-links [aria-current]{outline:1px dotted #111;outline-offset:-5px}
.agents-page .reference-document{flex:0 0 auto;min-width:0;scroll-margin-top:12px}
.agents-page .reference-document[hidden]{display:none}
.agents-page .reference-document .agent-titlebar a{color:#fff;font-size:11px;font-weight:400;white-space:nowrap;margin-left:12px}
.agents-page .document-content{padding:16px;max-width:960px;margin:auto;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.agents-page .document-content h3{font-size:14px;margin:22px 0 8px}
.agents-page .document-content h3:first-child{margin-top:0}
.agents-page .document-content p{margin:0 0 14px}
.agents-page .document-content ul,.agents-page .document-content ol{padding-left:22px;margin:0 0 14px}
.agents-page .document-content li+li{margin-top:7px}
.agents-page .api-operation{border:1px solid #808080;background:#eee;margin:8px 0}
.agents-page .api-operation summary{cursor:pointer;padding:9px 10px;font-size:12px;font-weight:700}
.agents-page .api-method{display:inline-block;min-width:52px;color:#000080}
.agents-page .api-operation p{padding:0 12px;margin-top:8px}
.agents-page .api-operation pre{margin:0;padding:12px;background:#fff;font-size:12px;line-height:1.5;overflow:auto;max-height:440px;white-space:pre;tab-size:2}
.agents-page .api-operation summary code{overflow-wrap:anywhere}
.agents-page .api-operation summary:focus-visible{outline:2px dotted #000080;outline-offset:-3px}
.agents-page .reference-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:8px 12px;border-top:1px solid #808080;box-shadow:inset 0 1px #fff;font-size:11px;color:#444;line-height:1.5}
@layer agents-controls{.agents-page .agent-button{min-height:32px!important;font-size:12px!important;padding:5px 12px!important}}
@media(max-width:900px){.agents-page .agent-layout{grid-template-columns:minmax(0,1fr)}.agents-page .agent-pricing,.agents-page .agent-after-launch{grid-column:auto;grid-row:auto}.agents-page .agent-compose #agentBrief{flex:none;min-height:112px}}
@media(max-width:650px){.agents-page .agent-workspace{padding:12px;gap:12px}.agents-page .agent-flow{grid-template-columns:minmax(0,1fr)}.agents-page .agent-flow li+li{border-left:0;border-top:1px solid #aaa}.agents-page .agent-intro h1{font-size:22px}.agents-page .agent-intro p{font-size:12px}.agents-page #agentBrief{height:168px;font-size:16px;line-height:1.5;padding:10px}.agents-page .window-content{padding:10px}.agents-page .reference-links{gap:12px 20px}.agents-page .pricing-table th,.agents-page .pricing-table td{padding:8px}.agents-page .format-size,.agents-page .billing-unit{display:block;margin-left:0}@layer agents-controls{.agents-page .agent-button{min-height:36px!important;padding:5px 10px!important}}}

/* Agent start panel and compact channel pricing. */
.agents-page .agent-workspace{gap:18px}
.agents-page .agent-compose .window-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}
.agents-page .agent-compose .brief-label{grid-column:1 / -1;font-size:13px;margin:0}
.agents-page .agent-compose #agentBrief{height:96px;min-height:96px;font-family:inherit;font-size:var(--agent-copy-size)!important;line-height:1.5}
.agents-page .agent-compose .brief-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;text-align:center}
.agents-page .agent-compose .wallet-note{grid-column:1 / -1}
.agents-page .agent-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.agents-page .agent-pricing,.agents-page .agent-after-launch{grid-column:auto;grid-row:auto}
.agents-page .agent-after-launch .agent-flow{grid-template-columns:minmax(0,1fr);flex:1}
.agents-page .agent-after-launch .agent-flow li{align-items:center;padding:16px}
.agents-page .agent-after-launch .agent-flow li+li{border-left:0;border-top:1px solid #aaa}
.agents-page .agent-after-launch .agent-flow p{max-width:48ch}
@layer agents-controls{.agents-page .agent-compose .agent-button.primary{background:#000080!important;color:#fff!important;min-height:40px!important;font-size:13px!important;padding:8px 16px!important}}
@media(max-width:900px){.agents-page .agent-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.agents-page .agent-compose .window-content{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.agents-page .agent-compose #agentBrief{height:184px;min-height:184px;font-size:16px}.agents-page .agent-compose .brief-actions{align-items:center;text-align:center;max-width:100%}.agents-page .agent-compose .brief-actions .agent-button{width:auto;max-width:100%}.agents-page .agent-compose .wallet-note{grid-column:auto}}

.agents-page .channel-pricing{display:grid;gap:8px}
.agents-page .channel-pricing details{border:1px solid #808080;background:#eee}
.agents-page .channel-pricing summary{font-size:13px;font-weight:700;line-height:1.5;padding:9px 12px;cursor:pointer;box-shadow:inset 1px 1px #fff;user-select:none}
.agents-page .channel-pricing summary:focus-visible{outline:2px dotted #000080;outline-offset:-4px}
.agents-page .channel-pricing details[open] summary{border-bottom:1px solid #aaa}
.agents-page .channel-price-content{display:grid;gap:8px;padding:12px;font-size:12px;line-height:1.5}
.agents-page .channel-price-content p{margin:0}
.agents-page .channel-price-unit{color:#444}

.agents-page .brief-actions:has(#briefStatus:not(:empty)) #start-action-note{display:none}
.agents-page .agent-pricing .pricing-note{display:none}
.agents-page .agent-pricing:has(details[open]) .pricing-note{display:block}

.agents-page .agent-prompt-box{display:flex;align-items:center;min-height:96px;padding:12px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;box-shadow:inset 1px 1px #404040}
.agents-page .agent-compose .agent-prompt-box #agentBrief{height:auto;min-height:0;field-sizing:content;text-align:center;overflow-wrap:anywhere;padding:0;border:0;box-shadow:none;resize:none}
@media(max-width:650px){
  .agents-page .agent-prompt-box{min-height:144px;padding:10px}
  .agents-page .agent-compose .agent-prompt-box #agentBrief{font-family:inherit;font-size:var(--agent-copy-size)!important;line-height:1.5}
}