@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";.tool-btn{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;gap:6px}.tool-btn.active{background:#e6f0ff;border-color:#c7d2fe}.tool-btn.eraser.active{background:#ffe6e6;border-color:#fecaca}:root{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-primary: #2d5bff;--color-primary-600: #1f4adf;--color-muted: #667085;--color-border: #e6e8ee;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 4px 12px rgba(16,24,40,.08);--shadow-lg: 0 20px 60px rgba(16,24,40,.1)}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}.container{width:100%;margin:0 auto;padding:16px}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,#1e49d80f,#1e49d800 40%),var(--color-bg)}.auth-shell.grey{background:#f3f4f6}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(1.1) blur(1px);backdrop-filter:saturate(1.1) blur(1px);overflow:hidden}.auth-shell .card{padding-right:24px}.stack{display:grid;gap:12px;align-content:start}.row{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:999px;border:none;cursor:pointer;transition:background .2s ease,transform .02s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--color-primary);color:#fff}.btn.primary:hover{background:var(--color-primary-600)}.btn:disabled{cursor:not-allowed;opacity:.8}.btn.primary:disabled{background:#cbd5e1;color:#475569}.btn.ghost{background:transparent;color:var(--color-primary)}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--color-border);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e49d81a}.auth-title{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 8px}.language-bar{display:flex;flex-wrap:wrap;gap:6px}.language-bar button{padding:4px 8px;border-radius:8px;border:1px solid var(--color-border);background:#fff}.language-bar button.active{background:#e9efff;border-color:#cdd7ff}.app-layout{display:grid;grid-template-columns:1fr;min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:2px 6px 6px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-header{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 2px;overflow:visible}.sidebar-header img{max-height:90px;width:auto;display:block;object-fit:contain}.divider{height:1px;background:#eceff5;margin:6px 0}.sidebar-profile{display:flex;align-items:center;gap:6px;padding:0 2px}.nav{display:grid;gap:0}.nav a{display:grid;grid-template-columns:20px 1fr;align-items:baseline;gap:10px;padding:4px 6px;border-radius:6px;color:inherit;text-decoration:none;font-size:16px;line-height:1.3;text-align:left}.nav a.active{background:#eef3ff;color:var(--color-primary);font-weight:700}.nav .icon{width:18px;height:18px;display:inline-block}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(12px,2vw,20px);align-items:stretch}.fab{position:fixed;right:16px;bottom:88px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;padding:0;z-index:1001;box-shadow:0 4px 14px #00000026}@media (max-width: 800px){.fab{right:16px;bottom:16px}}.responsive-two{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}@media (max-width: 800px){.responsive-two{grid-template-columns:1fr}.responsive-two>*:last-child{justify-self:start}}.responsive-three{display:grid;grid-template-columns:1fr 1fr 1fr}@media (max-width: 1024px){.responsive-three{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.responsive-three{grid-template-columns:1fr}}.sketch-editor select,.sketch-editor .card,.sketch-editor [role=img]{max-width:100%}.dashboard-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);align-items:stretch}.dashboard-panels-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1200px){.dashboard-panels{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.dashboard-panels{grid-template-columns:1fr}}@media (max-width: 800px){.mobile-hide{display:none!important}.mobile-only{display:inline-flex!important}.back-btn{right:16px!important;left:auto!important}}@media (min-width: 801px){.mobile-only{display:none!important}}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table thead th{text-align:left;font-weight:800;padding:10px 12px;color:#0f172a;background:#f8fafc;border-bottom:1px solid var(--color-border);position:sticky;top:0}.table td{padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tr:hover td{background:#f9fbff}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid #e5e7eb}.badge.muted{background:#f3f4f6;color:#374151;border-color:#e5e7eb;text-transform:none}.badge.role-owner{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.badge.role-admin{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.badge.role-member{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}select{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:#fff;outline:none}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e49d81a}input[type=text],input[type=number],input[type=date],input[type=datetime-local],textarea{width:100%;max-width:100%}textarea{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.tab{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--color-border);background:#fff;cursor:pointer;font-weight:700;white-space:nowrap;flex:0 0 auto}.tab.active{background:#eef3ff;color:var(--color-primary);border-color:#c7d2fe}.tabs-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x proximity}.tabs-scroll>.tab{scroll-snap-align:start}@media (max-width: 800px){.tab{padding:8px 10px;font-size:14px}}.tabs-scroll::-webkit-scrollbar{height:6px}.tabs-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}@media (max-width: 800px){.settings-two-col{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}