:root{color-scheme:light;--background:#f7f8fb;--foreground:#172033;--muted:#667085;--border:#d8deea;--surface:#fff;--primary:#1457d9;--primary-hover:#0f46af;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}.shell{min-height:100vh;padding:32px}.panel{width:min(960px,100%);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;box-shadow:0 12px 28px rgb(16 24 40/8%)}.stack{display:grid;gap:16px}.muted{color:var(--muted)}.row{display:flex;justify-content:space-between;gap:16px}.button,.row{align-items:center}.button{display:inline-flex;justify-content:center;min-height:40px;border:1px solid transparent;border-radius:6px;padding:0 14px;background:var(--primary);color:#fff;cursor:pointer;text-decoration:none}.button:hover{background:var(--primary-hover)}.button.secondary{background:#fff;border-color:var(--border);color:var(--foreground)}.button.danger{background:var(--danger)}.field{display:grid;gap:6px}.field input{min-height:40px;border:1px solid var(--border);border-radius:6px;padding:0 10px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top}.code{overflow:auto;border-radius:6px;background:#101828;color:#f2f4f7;padding:14px}.notice{border:1px solid #fedf89;border-radius:6px;background:#fffaeb;color:#7a2e0e;padding:12px}.loading-screen{display:flex;min-height:240px;align-items:center;justify-content:center;gap:12px;color:var(--foreground)}.loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.storybook-workspace{display:grid;grid-template-rows:auto minmax(0,1fr)}.gateway-page,.storybook-workspace{min-height:100vh;background:var(--background)}.gateway-content{display:grid;gap:16px;width:min(960px,calc(100% - 64px));margin:0 auto;padding:32px 0}.page-title h2{margin:0;font-size:24px;line-height:1.2}.page-title p{margin:6px 0 0}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.workspace-header h1{margin:0;font-size:20px;line-height:1.2}.workspace-header p{margin:4px 0 0}.workspace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.storybook-frame-shell{position:relative;min-height:0;padding:12px}.storybook-frame-loader{position:absolute;inset:12px;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--surface)}.storybook-frame,.storybook-frame-loader{border:1px solid var(--border);border-radius:8px}.storybook-frame{width:100%;height:calc(100vh - 89px);min-height:640px;background:#fff}@media (max-width:760px){.workspace-header{align-items:stretch;flex-direction:column}.workspace-actions{justify-content:flex-start}.gateway-content{width:calc(100% - 24px);padding:16px 0}.storybook-frame{height:calc(100vh - 180px);min-height:520px}}