:root{--background:#fff;--foreground:#171717;--accent:#4f46e5;--accent-dark:#4338ca;--surface-hover:#f1f5f9;--text-muted:#64748b;--text-secondary:#475569;--sidebar-bg:#f8fafc;--border-soft:#94a3b859;--glass-frost-base:#ffffff24;--glass-frost-tile:#ffffff14;--palette-tile-hover-bg:#f1f5f9d9;--glass-search-bg:#ffffff47;--glass-blur-panel:blur(100px)saturate(1.85);--glass-blur-tile:blur(56px)saturate(1.55);--radius-lg:16px;--radius-md:12px}html.ua-chrome{--glass-frost-base:#ffffff2e;--glass-frost-tile:#ffffff1c;--palette-tile-hover-bg:#e2e8f0b8;--glass-search-bg:#ffffff57}html.ua-safari{--glass-frost-base:#ffffff12;--glass-frost-tile:#ffffff0d;--palette-tile-hover-bg:#f1f5f980;--glass-search-bg:#fff3;--glass-blur-panel:blur(88px)saturate(1.65);--glass-blur-tile:blur(48px)saturate(1.45)}html,body{overscroll-behavior-x:none;-webkit-user-select:none;user-select:none;max-width:100vw;overflow-x:clip}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}main{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.workspace-root{flex-direction:column;min-height:100vh;display:flex}.workspace-shell{flex-direction:column;gap:0;width:100%;height:100vh;padding:0;display:flex;position:relative}@supports (height:100dvh){main,.workspace-root{min-height:100dvh}.workspace-shell{height:100dvh}}@supports (height:100svh) and (not (height:100dvh)){.workspace-shell{height:100svh}}.workspace-header{z-index:10;align-items:center;padding:.75rem 1.25rem 1.25rem;display:flex;position:relative}.workspace-logo{flex-shrink:0}.workspace-title{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.8rem;font-weight:600}.workspace-canvas{z-index:0;border:none;border-radius:0;flex:1;min-height:0;display:flex;position:absolute;inset:0;overflow:visible}.workspace-canvas-inner{border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-viewport{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:none}.canvas-viewport::-webkit-scrollbar{display:none}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.search-bar-input::placeholder{color:#6b7280}.shape-palette-item:focus{outline:none}.shape-palette-item.shape-palette-item--glass{background-color:var(--glass-frost-tile)!important;-webkit-backdrop-filter:var(--glass-blur-tile)!important;backdrop-filter:var(--glass-blur-tile)!important;box-shadow:none!important;background-image:none!important;border:1px solid #ffffff6b!important}.shape-palette-item.shape-palette-item--glass:hover{background-color:var(--palette-tile-hover-bg)!important;box-shadow:none!important;border-color:#e6ebf2b8!important}.shape-panel-collapse-btn:hover,.shape-panel-back-to-libraries:hover{background:var(--surface-hover);color:var(--accent-dark)}.sidebar-rail{flex-shrink:0;height:fit-content}.sidebar-rail-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.sidebar-rail-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.sidebar-rail-btn--active{background:var(--surface-hover);color:var(--accent-dark)}.shape-panel-flyout{animation:.18s ease-out shape-panel-flyout-in}@keyframes shape-panel-flyout-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ui-glass,.shape-panel-glass,.ui-glass-dropdown{background-color:var(--glass-frost-base);-webkit-backdrop-filter:var(--glass-blur-panel);backdrop-filter:var(--glass-blur-panel);background-image:none;border:1px solid #ffffff52;border-radius:18px;position:relative}.ui-glass{box-shadow:0 18px 48px #0f172a14,0 6px 20px #0f172a0d,inset 0 1px #ffffff80}.shape-panel-glass,.ui-glass-dropdown{box-shadow:0 32px 88px #0f172a24,0 12px 36px #0f172a1a,0 4px 12px #0f172a14,inset 0 1px #ffffff80}.shape-panel-inner{z-index:1;position:relative}.ui-glass-toast-dark{-webkit-backdrop-filter:blur(72px)saturate(1.2);backdrop-filter:blur(72px)saturate(1.2);color:#fff;background-color:#1e293bd1;background-image:none;border:1px solid #ffffff24;box-shadow:0 16px 40px #0c0e1080,0 6px 16px #0c0e1059}.shape-panel-search{background-color:var(--glass-search-bg);-webkit-backdrop-filter:blur(40px)saturate(1.4);backdrop-filter:blur(40px)saturate(1.4);background-image:none;box-shadow:0 4px 16px #0f172a1a;border:1px solid #ffffff5c!important}@keyframes diagrm-marching-selection{to{stroke-dashoffset:-12px}}.marching-selection{stroke-dasharray:8 4;stroke-dashoffset:0;animation:.6s linear infinite diagrm-marching-selection}.canvas-tool-toggle{gap:0;padding:6px 8px;display:flex}.canvas-tool-toggle.ui-glass{border-radius:var(--radius-lg)}.canvas-tool-button{border-radius:var(--radius-md);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.canvas-tool-button.is-active{background-color:#4f46e529}.canvas-tool-button-icon{color:var(--text-muted)}.canvas-tool-button-icon.is-active{color:var(--accent-dark)}@media (max-width:640px){.workspace-root,.workspace-shell{padding:0}.workspace-canvas{min-height:0}}@keyframes community-menu-stack-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translate(0,0)scale(1)}}.community-menu-stack-item{animation:.32s cubic-bezier(.34,1.2,.64,1) both community-menu-stack-in}.community-menu-stack-item[data-stack-index="2"]{animation-delay:0s}.community-menu-stack-item[data-stack-index="1"]{animation-delay:60ms}.community-menu-stack-item[data-stack-index="0"]{animation-delay:.12s}@media (prefers-reduced-motion:reduce){.community-menu-stack-item{opacity:1;animation:none;transform:none}}
