.dev-tabs{margin-bottom:var(--space-section)}.dev-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-grid);gap:var(--space-grid)}.dev-intro,.dev-step{padding:var(--space-panel)}.dev-step{display:flex;gap:calc(10px * var(--density, 1));align-items:flex-start;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px}.dev-step>svg{color:var(--muted);flex-shrink:0;margin-top:calc(2px * var(--density, 1))}.dev-step strong{display:block;font:var(--type-body-strong)}.dev-step p{color:var(--muted);font:var(--type-caption);margin-top:calc(2px * var(--density, 1))}.dev-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-grid);margin:var(--space-section) 0 var(--space-grid)}.dev-toolbar .tabs{min-width:0}.dev-toolbar-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1))}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-grid);gap:var(--space-grid)}.skill-card{display:flex;flex-direction:column;gap:calc(10px * var(--density, 1));min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:var(--space-panel);transition:border-color .15s}.skill-card:hover{border-color:var(--control)}.skill-card-head{display:flex;align-items:center;gap:calc(10px * var(--density, 1));min-width:0}.skill-card-head>svg{color:var(--text);flex-shrink:0}.skill-card-head h3{font:var(--type-card-title);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card>p{color:var(--muted);font:var(--type-caption);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(36px * var(--density, 1))}.skill-ask{font:var(--type-caption);color:var(--faint);border-left:2px solid var(--line);padding-left:calc(8px * var(--density, 1));overflow-wrap:anywhere}.skill-card-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density, 1));margin-top:auto}.skill-card-foot .dev-meta{color:var(--faint);font:var(--type-caption)}.skill-card-actions{display:flex;gap:calc(6px * var(--density, 1))}.dev-code{position:relative;background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:calc(10px * var(--density, 1)) calc(12px * var(--density, 1));font:var(--type-address);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}.dev-code-row{display:flex;gap:calc(8px * var(--density, 1));align-items:flex-start}.dev-code-row .dev-code{flex:1 1;min-width:0;white-space:pre;overflow-x:auto}.modal.skill-modal{width:min(760px,calc(100vw - 24px))}.skill-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12px * var(--density, 1));margin-bottom:calc(12px * var(--density, 1))}.skill-modal-head h2{display:flex;align-items:center;gap:calc(8px * var(--density, 1))}.skill-modal section+section{margin-top:var(--space-section)}.skill-modal h3{font:var(--type-label);color:var(--muted);margin-bottom:calc(6px * var(--density, 1))}.dev-endpoints{display:flex;flex-direction:column;gap:calc(4px * var(--density, 1))}.dev-endpoint{display:flex;flex-wrap:wrap;gap:calc(6px * var(--density, 1)) calc(10px * var(--density, 1));align-items:center;font:var(--type-address);color:var(--muted)}.dev-endpoint code{color:var(--text);overflow-wrap:anywhere}.dev-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-grid);gap:var(--space-grid)}.dev-plan{padding:var(--space-panel);display:flex;flex-direction:column;gap:var(--space-grid)}.dev-plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1))}.dev-meter{height:6px;border-radius:3px;background:var(--raised);overflow:hidden}.dev-meter>span{display:block;height:100%;background:var(--text)}.dev-meter.warn>span{background:var(--caution)}.dev-meter.full>span{background:var(--negative)}.dev-usage{display:flex;align-items:flex-end;gap:calc(3px * var(--density, 1));height:72px;padding-top:calc(6px * var(--density, 1))}.dev-usage>span{flex:1 1;min-width:4px;background:var(--muted);border-radius:2px 2px 0 0}.dev-usage>span.today{background:var(--accent)}.dev-usage-axis{display:flex;justify-content:space-between;color:var(--faint);font:var(--type-timestamp)}.dev-form{display:grid;grid-gap:10px;grid-gap:calc(10px * var(--density, 1));gap:calc(10px * var(--density, 1));padding:var(--space-panel)}.dev-form.flush{padding:0}.dev-section{margin-top:var(--space-section)}.dev-form label{display:grid;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));font:var(--type-label);color:var(--muted)}.dev-form textarea{min-height:calc(64px * var(--density, 1));resize:vertical;font:var(--type-address)}.dev-checks{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1)) calc(16px * var(--density, 1))}.dev-checks label{align-items:center;font:var(--type-body);color:var(--text);min-height:calc(44px * var(--density, 1))}.dev-checks label,.dev-form-actions{display:flex;gap:calc(8px * var(--density, 1))}.dev-form-actions{flex-wrap:wrap}.dev-secret{display:grid;grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1));margin:0 var(--space-panel) var(--space-panel);padding:var(--space-panel);border:1px solid var(--caution);border-radius:6px;background:color-mix(in srgb,var(--caution) 8%,transparent)}.dev-secret p{font:var(--type-caption);color:var(--text)}.dev-keys td .badge-row{flex-wrap:nowrap}.dev-keys td.actions{display:flex;gap:calc(6px * var(--density, 1))}.dev-keys .key-name{max-width:180px;overflow:hidden;text-overflow:ellipsis}.dev-pay{display:grid;grid-gap:10px;grid-gap:calc(10px * var(--density, 1));gap:calc(10px * var(--density, 1))}.dev-pay-amount{font:var(--type-number-hero)}.dev-pay-row{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1));align-items:center}.dev-pay-row .mono{overflow-wrap:anywhere;min-width:0}.dev-ref{padding:var(--space-panel);display:grid;grid-gap:var(--space-grid);gap:var(--space-grid)}.dev-ref table td,.dev-ref table th{white-space:normal;vertical-align:top}.dev-ref code{font:var(--type-address);overflow-wrap:anywhere}.dev-ref .param{color:var(--muted);font:var(--type-caption)}.dev-prompt-covers{flex-wrap:wrap}.dev-prompt-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1))}.dev-code.dev-prompt{max-height:560px}@media(max-width:1100px){.dev-grid-2{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){.dev-intro{grid-template-columns:minmax(0,1fr)}.dev-plan-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-toolbar{align-items:stretch}.dev-prompt-actions .button,.dev-toolbar-actions .button{flex:1 1}.dev-form-actions .button,.dev-keys td.actions .button,.skill-card-actions .button{min-height:calc(44px * var(--density, 1))}}@media(max-width:520px){.dev-plan-stats{grid-template-columns:minmax(0,1fr)}.skill-card-foot{flex-direction:column;align-items:stretch}.skill-card-actions .button{flex:1 1}}