.haiku-workspace{--primary:#315efb;--primary-foreground:#fff;--radius:.5rem;letter-spacing:0;max-width:1280px;margin:0 auto;padding:24px 24px 48px}.haiku-public{--primary:#315efb;--primary-foreground:#fff;--radius:.5rem;letter-spacing:0;max-width:1280px;margin:0 auto;padding:0 24px}.haiku-public *{letter-spacing:0;min-width:0}.haiku-editorial-layout{grid-template-columns:240px minmax(0,1fr);gap:64px;padding:12px 0 48px;display:grid}.haiku-article-nav{color:var(--muted-foreground);flex-direction:column;align-self:start;gap:16px;font-size:12px;line-height:1.8;display:flex;position:sticky;top:100px}.haiku-article-nav a:hover{color:var(--foreground);text-decoration:underline}.haiku-article-body{max-width:820px}.haiku-article-body>section{border-bottom:1px solid var(--border);padding:22px 0 32px}.haiku-article-body h2{margin-bottom:20px;font-size:22px;font-weight:600;line-height:1.4}.haiku-article-body p,.haiku-article-body li{color:var(--muted-foreground);font-size:14px;line-height:1.9}.haiku-article-body p+p{margin-top:16px}.haiku-article-body ul{margin-top:20px;padding-left:20px;list-style:outside}.haiku-article-body li+li{margin-top:10px}@media (max-width:1023px){.haiku-editorial-layout{grid-template-columns:minmax(0,1fr);gap:16px}.haiku-article-nav{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:24px;display:grid;position:static}}@media (max-width:767px){.haiku-article-nav{grid-template-columns:minmax(0,1fr)}}.haiku-section{border-top:1px solid var(--border);padding:44px 0}.haiku-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.haiku-section h2{font-family:var(--font-bricolage-grotesque), sans-serif;font-size:24px;font-weight:650;line-height:1.3}.haiku-eyebrow{color:var(--muted-foreground);margin-bottom:8px;font-size:12px}.haiku-section-intro{max-width:800px;color:var(--muted-foreground);margin-bottom:24px;font-size:14px;line-height:1.8}.haiku-facts>div{border-bottom:1px solid var(--border);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;font-size:13px;display:grid}.haiku-facts dt{color:var(--muted-foreground)}.haiku-table-scroll{overflow-x:auto}.haiku-public-table{text-align:left;border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.haiku-public-table th,.haiku-public-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:16px 14px}.haiku-public-table th{font-weight:600}.haiku-public-table thead{background:var(--muted)}.haiku-public-table small{color:var(--muted-foreground);margin-top:5px;font-size:11px;font-weight:400;display:block}.haiku-calculator-grid{border:1px solid var(--border);border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px;display:grid}.haiku-calculator-side{border-right:1px solid var(--border);flex-direction:column;gap:22px;padding:24px;display:flex}.haiku-calculator-summary{background:var(--muted);flex-direction:column;gap:24px;padding:24px;display:flex}.haiku-cost-total{font-family:var(--font-noto-sans-mono), monospace;overflow-wrap:anywhere;min-height:36px;font-size:24px;line-height:1.5}.haiku-pack,.haiku-example{border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:24px;display:flex}.haiku-pack:nth-child(2){border-top:3px solid #147d75;padding-top:22px}.haiku-example button{margin-top:auto}.haiku-example pre{margin-bottom:24px}@media (max-width:1023px){.haiku-calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.haiku-calculator-side:nth-child(2){border-right:0}.haiku-calculator-summary{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:767px){.haiku-public{padding:0 16px}.haiku-section{padding:32px 0}.haiku-calculator-grid{grid-template-columns:minmax(0,1fr)}.haiku-calculator-side{border-right:0;border-bottom:1px solid var(--border);padding:20px}.haiku-calculator-summary{border-top:0;grid-template-columns:minmax(0,1fr);padding:20px}}@media (prefers-reduced-motion:reduce){.haiku-public *,.haiku-public :before,.haiku-public :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.haiku-workspace *{letter-spacing:0;min-width:0}.haiku-workspace h1{font-family:var(--font-bricolage-grotesque), sans-serif;font-size:28px;font-weight:650;line-height:1.2}.haiku-workspace h2{font-size:16px;font-weight:600}.haiku-workspace button,.haiku-workspace textarea,.haiku-workspace input,.haiku-workspace select{border-radius:6px}.haiku-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.haiku-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.haiku-composer{flex-direction:column;gap:18px;padding:24px 24px 24px 0;display:flex}.haiku-results{border-left:1px solid var(--border);padding:24px 0 24px 24px}.haiku-field{flex-direction:column;gap:7px;display:flex}.haiku-field>label,.haiku-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.haiku-select{border:1px solid var(--input);background:var(--background);width:100%;min-height:38px;color:var(--foreground);padding:8px 28px 8px 10px;font-size:13px}.haiku-select:focus-visible{outline-offset:2px;outline:2px solid #315efb}.haiku-select:disabled{opacity:.65}.haiku-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.haiku-output{border-top:3px solid #147d75}.haiku-side-1{border-color:#b87418}.haiku-output header{justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.haiku-output h3{overflow-wrap:anywhere;font-size:14px;font-weight:600}.haiku-output header span{color:var(--muted-foreground);font-size:11px}.haiku-answer{white-space:pre-wrap;overflow-wrap:anywhere;height:320px;padding:12px 4px 16px 0;font-size:14px;line-height:1.8;overflow-y:auto}.haiku-output-empty{height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.haiku-status{color:var(--muted-foreground);margin:12px 0;font-size:12px;line-height:1.6}.haiku-error{border-left:3px solid var(--destructive);background:var(--muted);overflow-wrap:anywhere;padding:12px;font-size:13px;line-height:1.6}.haiku-usage{border-top:1px solid var(--border);margin-top:14px;font-size:12px}.haiku-usage summary{cursor:pointer;padding:12px 0}.haiku-usage dl>div{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.haiku-usage dd{text-align:right;font-family:var(--font-noto-sans-mono), monospace}.haiku-row-list{gap:10px;max-height:250px;padding-right:3px;display:grid;overflow-y:auto}.haiku-review{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;display:flex}.haiku-review button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.haiku-chat-grid{grid-template-columns:230px minmax(0,1fr);display:grid}.haiku-chat-sidebar{border-right:1px solid var(--border);padding:20px 20px 20px 0}.haiku-chat-main{padding:20px 0 0 24px}.haiku-chat-messages{min-height:340px;max-height:560px;padding:12px 8px 12px 0;overflow-y:auto}.haiku-chat-message{border-bottom:1px solid var(--border);padding:18px 0}.haiku-chat-message[data-role=user]{margin-left:15%}.haiku-chat-message>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.haiku-chat-composer{padding-top:18px}.haiku-mobile-sides,.haiku-mobile-history{display:none}@media (max-width:1023px){.haiku-grid{grid-template-columns:270px minmax(0,1fr)}.haiku-output-grid{gap:12px}.haiku-composer{padding-right:18px}.haiku-results{padding-left:18px}}@media (max-width:767px){.haiku-workspace{padding:20px 16px 32px}.haiku-grid,.haiku-chat-grid{grid-template-columns:minmax(0,1fr)}.haiku-composer{padding:20px 0}.haiku-results,.haiku-chat-main{border:0;padding:18px 0 0}.haiku-results{border-top:1px solid var(--border)}.haiku-output-grid{display:block}.haiku-output-grid[data-side="0"] .haiku-side-1,.haiku-output-grid[data-side="1"] .haiku-side-0{display:none}.haiku-mobile-sides{margin-bottom:16px;display:flex}.haiku-answer{height:270px}.haiku-chat-sidebar{display:none}.haiku-mobile-history{display:inline-flex}.haiku-chat-messages{min-height:270px;max-height:450px}.haiku-chat-message[data-role=user]{margin-left:8%}}@media (prefers-reduced-motion:reduce){.haiku-workspace *,.haiku-workspace :before,.haiku-workspace :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}