.speech-api-layout{display:grid;gap:24px}.wallet-packages.speech-api-plans{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:16px}.speech-api-month{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:16px 0}.checkbox-label.speech-api-renew{cursor:pointer}.speech-api-new-key{display:grid;gap:10px;margin-bottom:16px}.speech-api-new-key code{overflow-wrap:anywhere;font-size:.95em}.speech-api-new-key .button{justify-self:start}.speech-api-keys{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}.speech-api-keys li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line, rgba(127, 127, 127, .25));border-radius:10px}.speech-api-keys li div{display:grid;gap:2px;min-width:0}.speech-api-key-form{display:flex;flex-wrap:wrap;gap:10px}.speech-api-key-form input{flex:1 1 220px;min-width:0}.speech-api-docs .panel-content>p{font-size:14px;line-height:1.6}.speech-api-docs h3{margin:30px 0 10px;font-size:17px}.code-spoiler{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.code-spoiler>summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.code-spoiler>summary::-webkit-details-marker{display:none}.code-spoiler>summary svg{color:var(--accent);transition:transform .15s}.code-spoiler[open]>summary svg{transform:rotate(90deg)}.code-spoiler>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}.speech-api-docs .code-spoiler .code-example{margin:0;border-width:1px 0 0;border-radius:0 0 12px 12px}.speech-api-docs .code-example pre{margin:0;padding:18px 68px 18px 20px;font-size:12.5px;line-height:1.7;white-space:pre}.speech-docs-table{margin:12px 0 16px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}.speech-docs-table table{min-width:0;font-size:14px}.speech-docs-table th,.speech-docs-table td{padding:11px 16px;border-top:1px solid var(--line);vertical-align:top;text-align:left;line-height:1.55}.speech-docs-table thead th{border-top:0;font-size:12px}.speech-docs-table tbody th{background:none;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap}.speech-docs-table td:first-child{font-weight:400}.speech-docs-table code{color:var(--accent);font-size:13px}.speech-docs-list{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8}.speech-plan{display:grid;gap:22px;padding:22px;container:speech-plan / inline-size}.speech-plan-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.speech-plan-head h2{margin:4px 0 2px;font-size:28px;line-height:1.15}.speech-plan-head p{margin:0}.plan-ladder{--plan-progress: 0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.plan-ladder:before,.plan-ladder:after{content:"";position:absolute;top:10px;left:10%;height:4px;border-radius:2px}.plan-ladder:before{right:10%;background:var(--line)}.plan-ladder:after{width:calc(80% * var(--plan-progress));background:var(--accent);transition:width .4s ease}.plan-ladder li{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;min-width:0;text-align:center}.plan-ladder-dot{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--line);border-radius:50%;background:var(--panel);color:var(--panel)}.plan-ladder li.is-passed .plan-ladder-dot,.plan-ladder li.is-current .plan-ladder-dot{border-color:var(--accent);background:var(--accent)}.plan-ladder li.is-current .plan-ladder-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}.plan-ladder strong{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.plan-ladder li:not(.is-passed):not(.is-current) strong{color:var(--muted)}.plan-ladder-limit{color:var(--muted);font-size:12px;line-height:1.3}.plan-ladder-here{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.plan-limit{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px}.plan-limit-text{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.plan-limit-text strong{font-size:20px}.plan-limit-bar{height:10px;overflow:hidden;border-radius:5px;background:var(--line)}.plan-limit-bar span{display:block;height:100%;border-radius:5px;background:var(--accent);transition:width .4s ease}.plan-limit-bar.is-low span{background:var(--danger)}.plan-cards-title{margin:0;font-size:16px}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.plan-card{display:grid;align-content:start;gap:6px;padding:16px;border:1px solid var(--line);border-radius:12px}.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.plan-card-name{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.plan-card-price{font-size:22px}.plan-card-limit{min-height:2.6em;color:var(--muted);font-size:13px}.plan-card .button{justify-self:start;min-height:40px;margin-top:8px;padding:10px 16px}@media(max-width:560px){.speech-plan{padding:16px}}@container speech-plan (max-width: 620px){.plan-ladder{grid-template-columns:1fr;gap:14px}.plan-ladder:before,.plan-ladder:after{top:12px;left:10px;width:4px}.plan-ladder:before{right:auto;bottom:12px;height:auto}.plan-ladder:after{height:calc((100% - 24px) * var(--plan-progress));width:4px;transition:height .4s ease}.plan-ladder li{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"dot name here" "dot limit here";align-items:center;justify-items:start;gap:0 12px;text-align:left}.plan-ladder-dot{grid-area:dot}.plan-ladder strong{grid-area:name;font-size:15px}.plan-ladder-limit{grid-area:limit}.plan-ladder-here{grid-area:here}}.purchase-summary strong small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:500}.plan-card-pay{text-align:center}.speech-getly-pay{display:grid;gap:8px;margin-top:12px}.speech-getly-pay .button{justify-self:end}.speech-getly-pay .notice a{display:inline-flex;align-items:center;gap:4px}.speech-getly-code{display:grid;gap:8px;margin-top:16px}.speech-getly-code>div{display:flex;gap:8px;flex-wrap:wrap}.speech-getly-code input{flex:1 1 240px;min-width:0;font-family:var(--mono, ui-monospace, monospace);text-transform:uppercase}.speech-api-faq-item+.speech-api-faq-item{margin-top:18px}.speech-api-faq-item h3{margin:0 0 6px;font-size:15px}.speech-api-faq-item p{margin:0;color:var(--muted);line-height:1.6}
