@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--radius:.5rem;--radius-sm:.375rem;--radius-lg:.75rem;--color-bg:#09090b;--color-viewer-bg:#0c0c0f;--color-surface:#18181b;--color-surface-muted:#27272a;--color-surface-hover:#3f3f46;--color-border:#27272a;--color-border-subtle:#1f1f23;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-muted:#3b82f626;--color-text:#fafafa;--color-text-muted:#a1a1aa;--color-danger:#f87171;--color-danger-hover:#ef4444;--color-success:#4ade80;--color-success-hover:#22c55e;--sidebar-btn-bg:#27272a;--sidebar-btn-hover:#3f3f46;--sidebar-btn-border:#3f3f46;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000073, 0 2px 4px -2px #00000059;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-page:0 25px 50px -12px #000000a6;--ring:0 0 0 2px #09090b, 0 0 0 4px var(--color-primary);--editor-topbar-height:52px}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,box-shadow .15s,opacity .15s,border-color .15s,color .15s}button:focus-visible{box-shadow:var(--ring);outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-danger{color:var(--color-danger);background:#f871711f;border:1px solid #f8717159}.btn-danger:hover:not(:disabled){color:#fecaca;background:#f8717133}.btn-success{background:var(--color-success);color:#052e16;font-weight:600}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-surface-hover)}input,select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-muted);color:var(--color-text);padding:8px 12px;font-family:inherit;font-size:.875rem}input::placeholder{color:var(--color-text-muted)}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.ui-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f padding-box content-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box content-box}