:root{--tg-bg: #f6efe1;--tg-secondary-bg: #ece4d2;--tg-text: #152027;--tg-hint: #53606a;--tg-button: #0f766e;--tg-button-text: #ffffff;--bg-1: var(--tg-bg);--bg-2: var(--tg-secondary-bg);--ink: var(--tg-text);--muted: var(--tg-hint);--accent: var(--tg-button);--accent-text: var(--tg-button-text);--danger: #b42318;--card: color-mix(in srgb, var(--bg-1) 84%, #ffffff 16%);--card-border: color-mix(in srgb, var(--ink) 16%, transparent);--control: color-mix(in srgb, var(--bg-1) 90%, #ffffff 10%)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{min-height:var(--app-vh, 100vh);padding-bottom:env(safe-area-inset-bottom);font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(155deg,var(--bg-1),var(--bg-2))}.background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 4%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),radial-gradient(circle at 93% 75%,rgba(219,124,38,.16),transparent 34%)}.empty-state-wrap{min-height:var(--app-vh, 100vh);display:grid;place-items:center;padding:24px}.empty-state-card{max-width:620px;background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:18px}.empty-state-card h1{margin:0}.empty-state-card p{margin:10px 0 0;color:var(--muted)}.app{position:relative;max-width:1080px;margin:0 auto;min-height:var(--app-vh, 100vh);padding:14px;display:grid;align-content:start;gap:12px}.hero,.tabs,.toolbar,.card,.status-bar{background:var(--card);border:1px solid var(--card-border);border-radius:16px}.hero{padding:14px;display:grid;gap:12px}.hero h1{margin:0;font-size:25px;line-height:1.1}.hero p{margin:6px 0 0;color:var(--muted);font-size:13px}.tg-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.badge{border:1px solid var(--card-border);border-radius:999px;padding:4px 10px;font-size:11px;color:var(--muted);background:var(--control)}.api-box{display:grid;gap:6px}.api-row{display:flex;gap:8px}.api-row input{flex:1}.tabs{display:flex;gap:8px;padding:8px}.tab{border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;background:var(--control);color:var(--ink);cursor:pointer;font-weight:800}.tab.active{background:var(--ink);color:color-mix(in srgb,var(--bg-1) 88%,#ffffff 12%)}.workspace{display:grid;gap:12px}.toolbar{padding:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:end}.toolbar .grow{flex:1;min-width:220px}.stack{display:grid;gap:12px}.card{padding:12px}.card h3{margin:0 0 10px;font-size:16px}.hint{margin:0 0 10px;color:var(--muted);font-size:12px}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}label{display:grid;gap:6px;font-size:12px;color:var(--muted)}label.full{grid-column:1 / -1}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--card-border);border-radius:10px;padding:10px;color:var(--ink);background:var(--control)}textarea{resize:none;overflow:hidden;min-height:42px}button{border:1px solid transparent;border-radius:10px;padding:10px 12px;background:var(--accent);color:var(--accent-text);font-weight:800;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button.danger{background:var(--control);color:var(--danger);border-color:#b423185c}.action-inline{display:flex;align-items:end}.action-bar{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:4;display:flex;justify-content:flex-end;padding:8px;border:1px solid var(--card-border);border-radius:14px;background:color-mix(in srgb,var(--bg-1) 90%,#ffffff 10%)}.status-bar{padding:12px;color:var(--muted);font-size:12px;white-space:pre-wrap}@media (max-width: 980px){.grid.two,.grid.four{grid-template-columns:1fr}.api-row{flex-direction:column}.action-bar{justify-content:stretch}.action-bar button{width:100%}}