:root{--bg:#0b0f1a;--panel:#131a2b;--panel-2:#1a2338;--border:#263148;--text:#e8ecf5;--muted:#8b96ad;--accent:#a78bfa;--accent-2:#c4b5fd;--danger:#f87171;--radius:12px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.brand-mark{font-size:20px}.brand-name{letter-spacing:.02em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.brand-tag{color:var(--muted);font-size:13px}.brand-link{color:var(--muted);font-size:12px;text-decoration:none}.brand-link:hover{color:var(--text)}.app{max-width:1080px;margin:0 auto;padding:16px}.tabs{gap:6px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:8px 16px}.tab:hover{color:var(--text)}.tab-active{color:var(--text);background:var(--panel);border-color:var(--border)}.section-title{margin:0 0 8px;font-size:16px;font-weight:600}.muted{color:var(--muted);font-size:14px}.link{color:var(--accent);text-decoration:underline}.radio-controls{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--text);flex:180px;padding:10px 12px;font-family:inherit}textarea.input{resize:vertical}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;min-width:36px;padding:8px 12px}.btn:hover{background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#140a2e;font-weight:600}.btn-primary:hover{background:var(--accent-2)}.btn-danger{color:var(--danger)}.btn-wide{text-align:left;width:100%;margin:8px 0}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag-chip{color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px}.tag-chip-btn:hover{color:var(--text)}.tag-chip-active{color:#140a2e;background:var(--accent);border-color:var(--accent)}.playground{grid-template-columns:280px 1fr;gap:16px;display:grid}.playground-sidebar{border-right:1px solid var(--border);padding-right:12px}.model-picker{flex-direction:column;gap:8px;display:flex}.model-list{flex-direction:column;gap:2px;max-height:60vh;display:flex;overflow-y:auto}.model-row{text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.model-row:hover{background:var(--panel)}.model-row-active{background:var(--panel);outline:1px solid var(--accent)}.model-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.model-meta{font-size:11px}.playground-chat{flex-direction:column;min-height:60vh;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);max-width:80%;padding:10px 14px}.chat-bubble p{white-space:pre-wrap;margin:4px 0 0;font-size:14px;line-height:1.5}.chat-bubble-user{background:color-mix(in srgb, var(--accent) 15%, var(--panel));border-color:color-mix(in srgb, var(--accent) 30%, var(--border));align-self:flex-end}.chat-role{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-input{flex:1}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.catalog-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);color:inherit;padding:14px;text-decoration:none;display:block}.catalog-card:hover{border-color:var(--accent)}.catalog-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.catalog-card-name{font-weight:600}.catalog-stars{color:var(--accent-2);white-space:nowrap;font-size:12px}.catalog-repo{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.station-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.playlist-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.playlist-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.playlist-body{flex-direction:column;gap:10px;padding:12px;display:flex}.flow-step{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.flow-step-head{align-items:center;gap:8px;display:flex}.flow-step-label{background:0 0;border-color:#0000;flex:1;font-weight:600}.step-status{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.step-status-running{color:var(--accent-2);border-color:var(--accent)}.step-status-done{color:#4ade80}.step-status-error{color:var(--danger)}.flow-step-output{background:var(--bg);white-space:pre-wrap;border-radius:8px;padding:8px 10px;font-size:13px}.station-list{flex-direction:column;gap:8px;display:flex}.station-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;display:flex}.station-name{margin:0;font-weight:600}@media (max-width:720px){.playground{grid-template-columns:1fr}.playground-sidebar{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px;padding-right:0}.brand-tag{display:none}}