html,body{background:var(--bg-base);height:100dvh;color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.home,.device-panel,.properties-panel{scrollbar-width:thin;scrollbar-color:#1a1530 transparent}.home::-webkit-scrollbar{width:6px}.device-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar{width:6px}.home::-webkit-scrollbar-track{background:0 0}.device-panel::-webkit-scrollbar-track{background:0 0}.properties-panel::-webkit-scrollbar-track{background:0 0}.home::-webkit-scrollbar-thumb{background:#1a1530!important;border-radius:3px!important}.device-panel::-webkit-scrollbar-thumb{background:#1a1530!important;border-radius:3px!important}.properties-panel::-webkit-scrollbar-thumb{background:#1a1530!important;border-radius:3px!important}.home::-webkit-scrollbar-button:single-button{display:none}.device-panel::-webkit-scrollbar-button:single-button{display:none}.properties-panel::-webkit-scrollbar-button:single-button{display:none}:root{--bg-base:#0b0f19;--bg-panel:#121223;--bg-surface:#0f0f1e;--text-primary:#e2e8f0;--text-muted:#94a3b8;--text-disabled:#6d7281;--accent:#a78bfa;--accent-dark:#7c3aed;--edge:#6366f1;--error:#dc2626;--bg-btn-base:#7c3aed1f;--bg-hover:#7c3aed26;--bg-pressed:#7c3aed40;--bg-element:#7c3aed14;--bg-highlight-faint:#7c3aed0a;--bg-input:#1a1a30;--bg-accent-hover:#a78bfa26;--bg-accent-active:#a78bfa40;--accent-light:#c4b5fd;--success-bg:#16a34a;--success-text:#22c55e;--bg-disabled:#333;--text-disabled-btn:#888;--glow-subtle:#a78bfa2e;--glow-deep:#7c3aed66;--accent-glow:#a78bfa80;--accent-glow-light:#a78bfa4d;--accent-bg-indicator:#a78bfae6;--accent-bg-handle:#a78bfa33;--border-card:#7c3aed4d;--border-subtle:#94a3b840;--border-muted-md:#94a3b859;--blur-lg:6px;--blur-md:4px;--radius-sm:.4rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xs:.25rem;--transition-duration:.15s ease;--text-title:1.1rem;--text-subtitle:.9rem;--text-body:.85rem;--text-label:.78rem;--text-small:.72rem;--space-xs:.25rem;--space-sm:.35rem;--space-md:.6rem;--space-lg:.75rem;--space-xl:1.25rem;--space-2xl:2.5rem;letter-spacing:.12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/145% system-ui,Segoe UI,Roboto,sans-serif}.home{background:var(--bg-surface);box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden auto}.home__btn{align-items:center;gap:var(--space-sm);font-size:var(--text-subtitle);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);padding:.4rem .9rem;font-weight:500;text-decoration:none;display:inline-flex}.home__btn:hover{background:var(--bg-highlight-faint);border-color:var(--accent);color:var(--accent)}.home__btn--primary{letter-spacing:.04em;font-weight:700}.home__btn--large{padding:var(--space-md) 2.5rem;font-size:var(--text-title)}a.home__btn,button.home__btn{align-items:center;gap:var(--space-sm);font-size:var(--text-subtitle);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);padding:.4rem .9rem;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex}a.home__btn:hover,button.home__btn:hover{background:var(--bg-highlight-faint);border-color:var(--accent);color:var(--accent)}.home__btn--warning{color:var(--error)}.home__content{flex-direction:column;flex:none;display:flex}.home-section{width:100%;min-height:75vh;padding:var(--space-xl) var(--space-xl);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;display:flex}.home-hero{text-align:center;min-height:100vh;padding:calc(var(--space-xl) * 3) var(--space-xl) var(--space-xl);justify-content:center;align-items:center;gap:var(--space-xl);background:var(--bg-base);flex-direction:column;max-width:100%;display:flex;position:relative;overflow:hidden}.home-hero__video{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-hero__overlay{z-index:1;background:linear-gradient(var(--bg-base), #26036133 90%);pointer-events:none;position:absolute;inset:0}.home-hero>:not(.home-hero__video):not(.home-hero__overlay){z-index:2;position:relative}a.home-hero__cta,button.home-hero__cta{padding:var(--space-md) 2.5rem;font-size:var(--text-title);letter-spacing:.04em;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.home-section__heading{margin:0 0 var(--space-md);font-size:calc(var(--text-title) * 2);color:var(--accent);text-align:center;font-weight:700;line-height:1.2}.home-hero__title{font-size:calc(var(--text-title) * 4);color:var(--accent);letter-spacing:-.02em;max-width:100%;margin:0;font-weight:800;line-height:1.05}.home-hero__subtitle{font-size:calc(var(--text-title) * 1.8);color:var(--text-primary);max-width:100%;margin:0;font-weight:700;line-height:1.2}.home-hero__tagline{font-size:var(--text-body);color:var(--text-muted);max-width:540px;margin:0;line-height:1.6}.home-hero__cta{padding:var(--space-md) 2.5rem;font-size:var(--text-title);letter-spacing:.04em;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.home-demo{text-align:left;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);width:min(1100px,100%);box-shadow:0 24px 64px #00000080, 0 0 32px var(--accent-glow-light);flex-direction:column;display:flex;overflow:hidden}.home-demos{gap:var(--space-xl);width:min(1100px,100%);display:grid}.home-demos .home-demo{width:100%;min-width:0}@media (width>=1400px){.home-demos{grid-template-columns:1fr 1fr;width:min(1800px,100%)}}.home-demo__titlebar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border-card);display:flex}.home-demo__dots{gap:6px;display:flex}.home-demo__dots span{background:var(--border-card);border-radius:50%;width:10px;height:10px}.home-demo__title{font-size:var(--text-label);color:var(--text-primary);font-weight:600}.home-demo__spacer{flex:1}.home-demo__frame{flex-direction:column;height:520px;display:flex}.home-demo .editor-center{position:relative}.home-demo__zoom{top:var(--space-md);left:var(--space-md);z-index:5;border:1px solid var(--border-card);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:absolute;overflow:hidden}.home-demo__zoom button{width:28px;height:28px;font:inherit;font-size:var(--text-title);color:var(--text-primary);background:var(--bg-panel);cursor:pointer;border:none;line-height:1}.home-demo__zoom button+button{border-top:1px solid var(--border-card)}.home-demo__zoom button:hover{color:var(--accent)}.home-demo__still{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-xl);box-sizing:border-box;font:inherit;color:var(--text-muted);text-align:center;background-color:var(--bg-base);background-image:radial-gradient(#1e293b 1px,#0000 1px);background-size:16px 16px;border:none;flex-direction:column;flex:1;display:flex}button.home-demo__still{cursor:pointer}.home-demo__tap{padding:var(--space-md) var(--space-xl);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-panel);font-weight:600}@media (width<=768px){.home-demo__frame{height:600px}.home-demo__dots{display:none}.home-demo__body{flex-direction:column}.home-demo .properties-panel{box-sizing:border-box;border-left:none;border-top:1px solid var(--border-subtle);width:100%;max-height:220px}}.home-comparison{background:var(--bg-highlight-faint)}.home-tossup__subtitle{max-width:720px;font-size:var(--text-subtitle);color:var(--text-muted);margin:0 auto;line-height:1.6}.home-tossup__subtitle strong{color:var(--text-primary)}.home-tossup__row{justify-content:center;align-items:center;gap:var(--space-xl);width:100%;margin-top:var(--space-xl);display:flex}.home-tossup__figure{align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;max-width:540px;display:flex;position:relative}.home-tossup__figure img{border-radius:var(--radius-sm);border:2px solid var(--border-subtle);width:100%}.home-tossup__figure--good img{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow-light)}.home-tossup__indicator{top:var(--space-md);right:var(--space-md);width:32px;height:32px;font-size:var(--text-title);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.home-tossup__indicator--cross{color:#fff;background:#f87171e6}.home-tossup__indicator--tick{background:var(--accent-bg-indicator);color:#fff}.home-tossup__vs{font-size:calc(var(--text-title) * 2);color:var(--accent);flex-shrink:0;font-weight:800}@media (width<=768px){.home-tossup__row{gap:var(--space-md);flex-direction:column}.home-tossup__figure{max-width:100%}}.home-feature{gap:var(--space-lg)}.home-feature__media-big{border-radius:var(--radius-sm);border:1px solid var(--border-card);width:100%;max-width:960px;margin:0 auto;display:block}.home-feature__heading-center{font-size:calc(var(--text-title) * 2);color:var(--accent);margin-bottom:var(--space-xs);font-weight:700;line-height:1.2}.home-feature__desc-center{font-size:var(--text-body);color:var(--text-muted);line-height:1.6}.home-feature__media-row--centered{justify-content:center;align-items:center;gap:var(--space-xl);width:100%;max-width:100%;margin-top:var(--space-lg);display:flex}.home-feature__media-row--centered figure{align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;max-width:100%;display:flex}.home-feature__snap{border-radius:var(--radius-sm);border:1px solid var(--border-card);object-fit:cover;max-width:100%}.home-feature__media-row--centered figcaption{font-size:var(--text-subtitle);color:var(--text-muted);text-align:center}@media (width<=768px){.home-feature__media-row--centered{flex-direction:column}}.home-sharing__row{align-items:flex-start}.home-sharing__snap,.home-sharing__badge{width:288px;max-width:100%}.home-sharing__badge{border-radius:var(--radius-sm);border:1px solid var(--border-card)}.home-sharing__points{margin:var(--space-xl) auto 0;gap:var(--space-md);max-width:720px;font-size:var(--text-subtitle);color:var(--text-muted);flex-direction:column;padding:0;line-height:1.6;list-style:none;display:flex}.home-sharing__points strong{color:var(--text-primary)}.home-architecture__cta{margin-top:var(--space-xl);justify-content:center;display:flex}.home-scalability{gap:var(--space-xl);min-height:100vh}.home-scalability__answer{font-size:calc(var(--text-title) * 2.5);color:var(--accent);font-weight:800;line-height:1.2}.home-scalability__tools{gap:var(--space-md);text-align:left;grid-template-columns:repeat(4,1fr);width:100%;max-width:960px;margin:0 auto;padding:0;list-style:none;display:grid}.home-scalability__tools li{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border-card);border-radius:var(--radius-sm);background:var(--bg-highlight-faint);flex-direction:column;display:flex}.home-scalability__tool-title{align-items:center;gap:var(--space-sm);color:var(--accent);display:flex}.home-scalability__pro{font-size:var(--text-small);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.1rem .5rem;font-weight:600}.home-scalability__tool-text{font-size:var(--text-body);color:var(--text-muted);line-height:1.5}@media (width<=900px){.home-scalability__tools{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.home-scalability__tools{grid-template-columns:1fr}}.home-footer{width:100%;padding:var(--space-xl);border-top:1px solid var(--border-subtle);background:var(--bg-panel);justify-content:center;align-items:center;display:flex}.home-footer__inner{justify-content:center;align-items:center;gap:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.home-footer__links{align-items:center;gap:var(--space-md);display:flex}.home-footer__link{font:inherit;font-size:var(--text-small);color:var(--text-disabled);cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.home-footer__link:hover{color:var(--accent)}@media (width<=768px){.home-footer__inner{gap:var(--space-sm);flex-direction:column}}.home-footer p{font-size:var(--text-small);color:var(--text-disabled);margin:0}.home-pricing{text-align:center;min-height:50vh}.home-pricing__grid{justify-content:center;gap:var(--space-xl);max-width:1200px;padding:0 var(--space-lg);margin:0 auto;display:flex}.home-pricing__grid>div{flex:1 0 160px;min-width:150px;max-width:240px;min-height:220px}@media (width<=768px){.home-pricing__grid{grid-template-columns:repeat(2,1fr);max-width:480px;display:grid}.home-pricing__grid>div{flex:none;min-width:0;max-width:none}}.home-pricing__grid>div>h3{padding-top:10px}.not-found{text-align:center;min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.not-found__inner{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.not-found__title{font-size:calc(var(--text-title) * 8);color:var(--accent);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1}.not-found__subtitle{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:700}.not-found__desc{font-size:var(--text-body);color:var(--text-muted);max-width:420px;margin:0;line-height:1.6}@media (width<=768px){.home-hero__title{font-size:calc(var(--text-title) * 2.6);line-height:1.1}.home-hero__subtitle{font-size:calc(var(--text-title) * 1.4)}.home-section__heading,.home-feature__heading-center{font-size:calc(var(--text-title) * 1.5)}.home-scalability__answer{font-size:calc(var(--text-title) * 1.8)}}.cookie-banner{left:50%;bottom:var(--space-xl);z-index:9000;align-items:center;gap:var(--space-lg);width:min(44rem,100% - 2rem);padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.cookie-banner__text{font-size:var(--text-body);color:var(--text-muted);flex:1;margin:0;line-height:1.5}.cookie-banner__link{color:var(--accent)}.cookie-banner__actions{gap:var(--space-md);flex-shrink:0;display:flex}@media (width<=768px){.cookie-banner{bottom:var(--space-md);flex-direction:column;align-items:stretch}.cookie-banner__actions button{flex:1;justify-content:center}}.device-panel{scrollbar-width:thin;scrollbar-color:#1a1530 transparent}.device-panel::-webkit-scrollbar{width:6px}.device-panel::-webkit-scrollbar-track{background:0 0}.device-panel::-webkit-scrollbar-thumb{background:#1a1530!important;border-radius:3px!important}.device-panel::-webkit-scrollbar-button:single-button{display:none}.toolbar{gap:var(--space-xs);background:var(--bg-panel);border-bottom:1px solid var(--border-card);width:100%;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));z-index:10;box-sizing:border-box;flex-direction:column;flex-shrink:0;padding:.6rem 1.25rem;display:flex}.toolbar-row{align-items:center;gap:var(--space-lg);padding-inline-start:var(--space-xl);display:flex}.toolbar__btn,.home__btn{line-height:1!important}.toolbar__btn{align-items:center;gap:var(--space-sm);font-size:var(--text-subtitle);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);padding:.4rem .9rem;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex}.toolbar__btn:hover{background:var(--bg-highlight-faint);border-color:var(--accent);color:var(--accent)}.toolbar__btn:active{border-color:var(--accent-dark);background:var(--bg-pressed)}.toolbar__btn--primary{letter-spacing:.04em;font-weight:700}.toolbar__btn--accent{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;font-weight:600}.toolbar__btn--accent:hover{border-color:var(--accent);color:#fff;background:#8b5cf6}.toolbar__btn--icon{padding:.4rem .55rem}.toolbar__btn:disabled,.toolbar__btn:disabled:hover{opacity:.4;cursor:default;background:var(--bg-btn-base);border-color:var(--border-card);color:var(--text-primary)}.toolbar__switch{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-btn-base);padding:2px;display:inline-flex}.toolbar__switch-option{font-size:var(--text-subtitle);color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);transition:background var(--transition-duration), color var(--transition-duration);padding:.3rem .7rem;font-weight:500;text-decoration:none}.toolbar__switch-option:hover{color:var(--text-primary);background:var(--bg-hover)}.toolbar__switch-option[aria-current=page]{color:var(--text-primary);background:var(--bg-accent-active)}.toolbar__switch-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar__btn:focus-visible,.toolbar__logo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar__logo{color:var(--accent);letter-spacing:.06em;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;font-weight:700}button.toolbar__logo,a.toolbar__logo{cursor:pointer;text-decoration:none}.toolbar__avatar{width:1.25rem;height:1.25rem;font-size:var(--text-label);color:#fff;background:var(--accent-dark);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.toolbar-menu{position:relative}.toolbar-menu__list{z-index:60;min-width:200px;padding:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-sm);animation:toolbar-menu-in var(--transition-duration) ease-out;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 4px 12px #0000004d}@keyframes toolbar-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toolbar-menu__list--start{left:0}.toolbar-menu__list--end{right:0}.toolbar-menu__list .context-menu__item:focus-visible{background:var(--bg-hover);outline:none}.toolbar-menu__hint{margin-left:var(--space-lg);font-family:inherit;font-size:var(--text-small);color:var(--text-disabled)}.toolbar-menu__heading{padding:.5rem var(--space-md) .2rem;font-size:var(--text-small);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.toolbar-menu__heading:not(:first-child){margin-top:var(--space-xs);border-top:1px solid var(--border-subtle);padding-top:.55rem}.viewer-header{align-items:center;gap:var(--space-lg);width:100%;padding:.6rem 1.25rem .6rem calc(1.25rem + var(--space-xl));background:var(--bg-panel);border-bottom:1px solid var(--border-card);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));box-sizing:border-box;z-index:10;flex-wrap:wrap;flex-shrink:0;display:flex}.viewer-header__logo{color:var(--accent);letter-spacing:.06em;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:700}.viewer-header__name{font-size:var(--text-subtitle);color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.viewer-header__meta{font-size:var(--text-small);color:var(--text-muted)}.viewer-header__badge{font-size:var(--text-small);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.1rem .5rem}.viewer-header__spacer{flex:1}.viewer-password{align-items:stretch;gap:var(--space-md);flex-direction:column;width:min(320px,90vw);display:flex}.app-root{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.device-panel{background:var(--bg-surface);border-right:1px solid var(--border-subtle);gap:var(--space-md);flex-direction:column;flex-shrink:0;width:220px;max-height:calc(100dvh - 4.5rem);padding:1rem .75rem;display:flex;overflow-y:auto}.flow-handle:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.device-panel__title{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .25rem;font-weight:600}.device-panel__list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.device-card{align-items:center;gap:var(--space-md);width:100%;font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--bg-hover);border-radius:var(--radius-md);cursor:grab;transition:background var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration);background:#1e1b3299;padding:.55rem .75rem;font-weight:500;display:flex}.device-card:hover{background:var(--bg-btn-base);border-color:var(--border-muted-md);box-shadow:0 0 8px var(--accent-glow-light)}.device-card__icon{flex-shrink:0}.network-canvas{background:var(--bg-base);flex:1;min-width:0;position:relative;overflow:hidden}.network-canvas>.react-flow{position:absolute!important;inset:0!important}.editor-center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.editor-error{justify-content:center;align-items:center;gap:var(--space-md);min-height:0;padding:var(--space-xl);text-align:center;flex-direction:column;flex:1;display:flex}.editor-error__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:700}.editor-error__text{max-width:460px;font-size:var(--text-body);color:var(--text-muted);margin:0;line-height:1.6}.editor-error__actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tab-bar{align-items:stretch;gap:var(--space-xs);padding:0 var(--space-md);background:var(--bg-panel);border-top:1px solid var(--border-card);flex-shrink:0;display:flex}.tab-bar__list{align-items:stretch;gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:#1a1530 transparent;min-width:0;display:flex;overflow-x:auto}.tab-bar__tab{max-width:14rem;padding:0 var(--space-xs) 0 var(--space-md);color:var(--text-muted);transition:background var(--transition-duration), color var(--transition-duration), border-color var(--transition-duration);border-top:2px solid #0000;flex-shrink:0;align-items:center;margin-top:-1px;display:flex}.tab-bar__tab:hover{background:var(--bg-highlight-faint);color:var(--text-primary)}.tab-bar__tab--active,.tab-bar__tab--active:hover{background:var(--bg-base);border-top-color:var(--accent);color:var(--accent-light)}.tab-bar__label{min-width:0;font:inherit;font-size:var(--text-label);color:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:.55rem 0;font-weight:500;overflow:hidden}.tab-bar__rename{width:9rem;font:inherit;font-size:var(--text-label);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--accent);border-radius:var(--radius-xs);outline:none;margin:.3rem 0;padding:.15rem .4rem}.tab-bar__close,.tab-bar__add{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-duration), color var(--transition-duration);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tab-bar__close{width:1.2rem;height:1.2rem;margin-left:var(--space-xs);opacity:.6}.tab-bar__tab:hover .tab-bar__close,.tab-bar__tab--active .tab-bar__close{opacity:1}.tab-bar__add{flex-shrink:0;align-self:center;width:1.7rem;height:1.7rem}.tab-bar__close:hover,.tab-bar__add:hover{color:var(--accent);background:var(--bg-hover)}.tab-bar__add:disabled{opacity:.5;cursor:default}.tab-bar__add:disabled:hover{color:var(--text-muted);background:0 0}.tab-bar__label:focus-visible,.tab-bar__close:focus-visible,.tab-bar__add:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.properties-panel{background:var(--bg-surface);border-left:1px solid var(--border-subtle);gap:var(--space-md);flex-direction:column;flex-shrink:0;width:260px;padding:1rem .75rem;display:flex;overflow-y:auto}.properties-panel__title{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .25rem;font-weight:600}.properties-panel__hint{font-size:var(--text-subtitle);color:var(--text-muted);margin:0;line-height:1.5}.properties-panel__section{gap:var(--space-md);flex-direction:column;display:flex}.properties-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-bottom:1px solid var(--border-subtle);margin:0;padding-bottom:.25rem;font-size:.7rem;font-weight:600}.properties-ip-row{gap:var(--space-xs);align-items:flex-end;display:flex}.properties-ip-row>.properties-field:first-child{flex:3}.properties-check-row{gap:var(--space-lg);align-items:center;display:flex}.properties-checkbox{align-items:center;gap:var(--space-xs);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;display:inline-flex}.properties-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:1rem;height:1rem}.properties-checkbox__label{color:var(--text-primary)}.properties-ip-row>.properties-field:last-child{flex:1;min-width:3rem;max-width:5rem}.properties-field{flex-direction:column;gap:.3rem;display:flex}.properties-field__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:600}.properties-field__value{font-size:var(--text-body);color:var(--text-primary)}.properties-field__value--text{white-space:pre-wrap;overflow-wrap:anywhere}.properties-field__value--hidden{color:var(--text-muted);font-style:italic}.properties-field--readonly .properties-field__value{color:var(--text-disabled);font-style:italic}.properties-field__input{font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);transition:border-color var(--transition-duration), box-shadow var(--transition-duration);background:#1e1b32b3;outline:none;padding:.4rem .55rem;font-family:inherit}.properties-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.properties-field__input--invalid{border-color:var(--error)}.flow-node{align-items:center;gap:var(--space-sm);border:1.5px solid var(--border-card);min-width:90px;transition:box-shadow var(--transition-duration), border-color var(--transition-duration), background var(--transition-duration);-webkit-user-select:none;user-select:none;resize:none;background:#161428e6;border-radius:.65rem;flex-direction:column;padding:.75rem .85rem;display:flex}.flow-node:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow-light)}.flow-node--triangle,.flow-node--diamond,.flow-node--triangle:hover,.flow-node--diamond:hover{box-shadow:none!important}.react-flow__node.selected .flow-node{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow-light)}.flow-node--triangle,.flow-node--diamond{box-shadow:none!important}.flow-node--circle{resize:none;overflow:visible;border-radius:50%!important;padding:0!important}.flow-node--circle .flow-node__card{padding:1.2rem 0}.flow-node--triangle{overflow:visible;background:0 0!important;border-color:#0000!important;border-radius:0!important;padding:0!important}.flow-node--triangle .flow-node__card{padding:1.6rem 0}.flow-node--diamond{overflow:visible;background:0 0!important;border-color:#0000!important;border-radius:0!important;padding:0!important}.flow-node--diamond .flow-node__card{padding:1.2rem 0}.flow-node__icon{background:var(--bg-element);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.flow-node__card{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.flow-node__icon-col{flex-shrink:0}.flow-node__info{flex-direction:column;align-items:center;gap:.2rem;display:flex}.flow-node__label{font-size:var(--text-label);color:var(--text-primary);white-space:nowrap;font-weight:600}.flow-node__desc{color:var(--text-muted);text-align:center;font-size:.65rem}.flow-node__rename-overlay{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flow-node__rename-input{width:80%;max-width:140px;font-size:var(--text-label);color:var(--text-primary);border-radius:var(--radius-sm);text-align:center;pointer-events:auto;background:#1e1b37f2;border:1.5px solid #0000;outline:none;padding:4px 8px;font-weight:600}.flow-node__rename-input:focus{box-shadow:0 0 12px var(--accent-glow);border-color:var(--accent)}.flow-handle{background:var(--accent-bg-handle)!important;pointer-events:all!important;width:10px!important;height:10px!important;box-shadow:none!important;border:none!important;border-radius:50%!important}.flow-handle--t-top,.flow-handle--s-top,.flow-handle--t-bottom,.flow-handle--s-bottom{left:50%!important}.flow-handle--t-left,.flow-handle--s-left,.flow-handle--t-right,.flow-handle--s-right{top:50%!important}.flow-handle--t-top-secondary,.flow-handle--s-top-secondary,.flow-handle--t-bottom-secondary,.flow-handle--s-bottom-secondary{left:calc(50% + 30px)!important}.flow-handle--t-left-secondary,.flow-handle--s-left-secondary,.flow-handle--t-right-secondary,.flow-handle--s-right-secondary{top:calc(50% + 30px)!important}.flow-handle--t-top-tertiary,.flow-handle--s-top-tertiary,.flow-handle--t-bottom-tertiary,.flow-handle--s-bottom-tertiary{left:calc(50% - 30px)!important}.flow-handle--t-left-tertiary,.flow-handle--s-left-tertiary,.flow-handle--t-right-tertiary,.flow-handle--s-right-tertiary{top:calc(50% - 30px)!important}.flow-node--mini .flow-handle--t-top,.flow-node--mini .flow-handle--s-top,.flow-node--mini .flow-handle--t-bottom,.flow-node--mini .flow-handle--s-bottom{visibility:visible!important;left:50%!important}.flow-node--mini .flow-handle--t-left,.flow-node--mini .flow-handle--s-left,.flow-node--mini .flow-handle--t-right,.flow-node--mini .flow-handle--s-right{visibility:visible!important;top:50%!important}.flow-node--mini .flow-handle--t-top-secondary,.flow-node--mini .flow-handle--s-top-secondary,.flow-node--mini .flow-handle--t-bottom-secondary,.flow-node--mini .flow-handle--s-bottom-secondary{visibility:hidden!important;left:calc(50% + 30px)!important}.flow-node--mini .flow-handle--t-left-secondary,.flow-node--mini .flow-handle--s-left-secondary,.flow-node--mini .flow-handle--t-right-secondary,.flow-node--mini .flow-handle--s-right-secondary{visibility:hidden!important;top:calc(50% + 30px)!important}.flow-node--mini .flow-handle--t-top-tertiary,.flow-node--mini .flow-handle--s-top-tertiary,.flow-node--mini .flow-handle--t-bottom-tertiary,.flow-node--mini .flow-handle--s-bottom-tertiary{visibility:hidden!important;left:calc(50% - 30px)!important}.flow-node--mini .flow-handle--t-left-tertiary,.flow-node--mini .flow-handle--s-left-tertiary,.flow-node--mini .flow-handle--t-right-tertiary,.flow-node--mini .flow-handle--s-right-tertiary{visibility:hidden!important;top:calc(50% - 30px)!important}.flow-node--extended .flow-handle--t-top,.flow-node--extended .flow-handle--s-top,.flow-node--extended .flow-handle--t-bottom,.flow-node--extended .flow-handle--s-bottom{visibility:visible!important;left:50%!important}.flow-node--extended .flow-handle--t-left,.flow-node--extended .flow-handle--s-left,.flow-node--extended .flow-handle--t-right,.flow-node--extended .flow-handle--s-right,.flow-node--extended-sides .flow-handle--t-left,.flow-node--extended-sides .flow-handle--s-left,.flow-node--extended-sides .flow-handle--t-right,.flow-node--extended-sides .flow-handle--s-right{visibility:visible!important;top:50%!important}.flow-node--extended-sides .flow-handle--t-top-tertiary,.flow-node--extended-sides .flow-handle--s-top-tertiary,.flow-node--extended-sides .flow-handle--t-bottom-tertiary,.flow-node--extended-sides .flow-handle--s-bottom-tertiary{visibility:hidden!important;left:calc(50% - 30px)!important}.flow-node.is-hovered .flow-handle,.flow-handle:hover{background:var(--accent)!important;box-shadow:0 0 6px var(--accent-glow)!important}.text-node{background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:clamp(.35rem,.3em,1rem) clamp(.55rem,.45em,1.2rem);transition:box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000040}.text-node:hover{box-shadow:0 2px 8px #00000059}.react-flow__node.selected .text-node{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow-light)}.text-node[data-borderless=true]{box-shadow:none!important;background:0 0!important;border:none!important}.text-node[data-theme=purple]{border:1px solid var(--border-card);box-shadow:none;background:#161428d9}.text-node[data-theme=purple]:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow-light);background:#1e1b37f2}.text-node[data-theme=purple]>.text-node__label{font-weight:600}.text-node[data-theme=purple] .text-node__input{color:var(--text-primary)!important}.text-node__label{white-space:pre;color:var(--text-primary);cursor:text;text-align:center;outline:none}.text-node__input{white-space:pre;color:var(--text-primary);text-align:center;cursor:text;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;width:100%}.button-node{box-sizing:content-box;border:1.5px solid var(--border-card);height:24px;transition:border-color var(--transition-duration), box-shadow var(--transition-duration);background:#161428e6;border-radius:999px;justify-content:center;align-items:center;padding:.75rem .85rem;display:flex;box-shadow:0 1px 3px #00000040}.button-node:hover{border-color:var(--accent)}.react-flow__node-button .flow-handle{z-index:2}.react-flow__node.selected .button-node{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow-light)}.button-node__content{align-items:center;gap:var(--space-sm);white-space:nowrap;display:inline-flex}.button-node__label{color:var(--text-primary);font-size:var(--text-body);font-weight:600}.button-node__go{box-sizing:border-box;height:24px;font-size:var(--text-small);color:#fff;background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:999px;padding:0 .75rem;font-weight:600}.button-node__go:hover:not(:disabled){background:var(--accent-dark)}.button-node__go:disabled{color:var(--text-muted);border-color:var(--border-muted-md);cursor:not-allowed;background:0 0;border-style:dashed}.react-flow .react-flow__node-group,.react-flow .react-flow__node-group.selectable:hover,.react-flow .react-flow__node-group.selectable.selected,.react-flow .react-flow__node-group.selectable:focus{box-shadow:none;background:0 0;border:none;padding:0}.group-node{box-sizing:border-box;border:1.5px dashed var(--border-card);border-radius:var(--radius-sm);width:100%;height:100%;transition:border-color var(--transition-duration), background var(--transition-duration);background:#7c3aed06;position:relative}.group-node:hover{border-color:var(--accent)}.react-flow__node.selected .group-node{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow-light)}.group-node__label-chip{box-sizing:border-box;border:1px solid var(--border-card);border-radius:var(--radius-sm);z-index:1;background:#161428f2;max-width:calc(100% - 24px);padding:2px 8px;position:absolute;top:-12px;left:12px}.group-node__label{text-overflow:ellipsis;font-size:var(--text-label);color:var(--text-primary);white-space:nowrap;cursor:text;font-weight:600;display:block;overflow:hidden}.group-node__description{border-top:1px solid var(--border-card);font-size:var(--text-small);color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;padding-top:3px}.react-flow__pane{cursor:grab!important}.react-flow__pane:active{cursor:grabbing!important}.react-flow__footer{display:none!important}.react-flow__edge-path{stroke:var(--edge)!important;stroke-width:2px!important}.react-flow__edge:hover .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent)!important;stroke-width:2.4px!important;filter:drop-shadow(0 0 4px var(--accent-glow))!important}.react-flow__connection-line{stroke:var(--accent)!important;stroke-width:2px!important;stroke-dasharray:6 4!important}.react-flow__node{filter:none!important;outline:none!important}.edge-label{color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration);-webkit-user-select:none;user-select:none;background:#161428d9;padding:2px 8px;font-size:.75rem;font-weight:600}.edge-label:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow-light);background:#1e1b37f2}.edge-label-input{color:var(--text-primary);border:1.5px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 12px var(--accent-glow);text-align:center;background:#161428f2;outline:none;padding:4px 8px;font-size:.75rem;font-weight:600}.edge-label-input::placeholder{color:var(--text-muted);font-weight:400}.edge-label-input:focus{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.toolbar__burger{display:none}.toolbar__nav-mobile-wrap{top:var(--header-height,3rem);z-index:51;background:var(--bg-panel);border-bottom:1px solid var(--border-card);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));gap:var(--space-sm);padding:var(--space-md) var(--space-xl);animation:slide-down var(--transition-duration) ease-out;flex-direction:column;display:flex;position:fixed;left:0;right:0}.toolbar__nav-mobile-wrap>*{width:100%;justify-content:center!important}@media (width<=768px){.toolbar__burger{background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;min-width:2.8rem;color:var(--text-primary);justify-content:center;align-items:center;padding:.4rem .65rem;font-family:inherit;font-size:1rem;display:inline-flex!important}.toolbar{flex-shrink:0;height:auto!important;position:relative!important}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.arch-panel .device-card{cursor:pointer}.arch-panel__hint{font-size:var(--text-subtitle);color:var(--text-muted);margin:0;line-height:1.5}.arch-segmented{gap:var(--space-xs);flex-direction:column;display:flex}.arch-segmented__option{align-items:center;gap:var(--space-md);font-size:var(--text-body);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);background:0 0;padding:.45rem .75rem;display:flex}.arch-segmented__option:hover{background:var(--bg-hover)}.arch-segmented__option[aria-checked=true]{color:var(--text-primary);background:var(--bg-accent-active);border-color:var(--accent)}.arch-center{background:var(--bg-base);position:relative}.arch-empty{max-width:28rem;padding:var(--space-xl);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;margin:auto;display:flex}.arch-empty__title{font-size:var(--text-title);color:var(--text-primary);margin:0}.arch-empty__text{margin:0 0 var(--space-md);color:var(--text-muted);line-height:1.5}.arch-canvas{flex:1;min-height:0;position:relative}.arch-canvas>.react-flow{position:absolute!important;inset:0!important}.arch-canvas__arranging{right:var(--space-md);bottom:var(--space-md);font-size:var(--text-label);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);opacity:0;padding:.3rem .6rem;animation:.15s .4s forwards arch-show;position:absolute}@keyframes arch-show{to{opacity:1}}.arch-node{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);width:220px;color:var(--text-primary);cursor:pointer;padding:10px 12px;font-size:13px;position:relative}.arch-node__head{align-items:center;gap:10px;display:flex}.arch-node__icon{width:28px;height:28px;color:var(--accent);flex:none}.arch-node__titles{min-width:0}.arch-node__name,.arch-node__subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arch-node__name{font-weight:600}.arch-node__subtitle{color:var(--text-muted);font-size:12px}.arch-node__description{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.arch-group{box-sizing:border-box;background:var(--bg-highlight-faint);border:1px dashed var(--border-muted-md);border-radius:var(--radius-lg);cursor:pointer;width:100%;min-width:260px;height:100%;min-height:120px;padding:12px 16px;position:relative}.arch-group__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.arch-group__description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.arch-node__name--empty,.arch-group__name--empty{opacity:.7;font-style:italic}.react-flow__node.selected>.arch-node,.react-flow__node.selected>.arch-group{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.arch-grab.react-flow__handle{background:var(--accent);border:2px solid var(--bg-base);opacity:0;cursor:crosshair;width:10px;height:10px;transition:opacity var(--transition-duration)}.arch-node:hover>.arch-grab,.arch-group:hover>.arch-grab{opacity:1}.arch-canvas--connecting .arch-grab.react-flow__handle{opacity:0}.arch-anchor.react-flow__handle{opacity:0;pointer-events:none}.arch-drop.react-flow__handle{border-radius:inherit;pointer-events:none;background:0 0;border:none;width:auto;min-width:0;height:auto;min-height:0;inset:0;transform:none}.arch-canvas--connecting .arch-drop.react-flow__handle{pointer-events:all}.arch-drop.react-flow__handle.connectingto.valid{background:var(--bg-accent-active);outline:2px solid var(--accent)}.arch-drop.react-flow__handle.connectingto:not(.valid){cursor:not-allowed;background:#94a3b81f}.arch-edge{stroke:var(--edge);stroke-width:1.5px}.arch-edge--selected{stroke:var(--accent);stroke-width:2.5px}.arch-edge-label{color:var(--text-muted);white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);pointer-events:all;cursor:pointer;padding:2px 6px;font-size:11px;position:absolute}.arch-edge-label--selected{color:var(--text-primary);border-color:var(--accent)}.arch-canvas .react-flow__edgelabel-renderer{z-index:2000}.arch-canvas .react-flow__node{transition:transform .3s,width .3s,height .3s}.arch-canvas .react-flow__edge,.arch-canvas .arch-edge-label{transition:opacity .15s}.arch-canvas--settling .react-flow__edge,.arch-canvas--settling .arch-edge-label{opacity:0}.arch-canvas .react-flow__node.arch-pending{opacity:0;pointer-events:none;transition:none}.arch-props__btn{width:100%;font-size:var(--text-body);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration);padding:.45rem .75rem}.arch-props__btn:hover:not(:disabled){background:var(--bg-hover)}.arch-props__btn:disabled{opacity:.45;cursor:default}.arch-props__btn--danger{color:#fca5a5;background:#dc262614;border-color:#dc262673}.arch-props__btn--danger:hover:not(:disabled){background:#dc26262e}.arch-props__icon{align-items:center;gap:var(--space-md);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);cursor:pointer;text-align:start;padding:.4rem .6rem;display:flex}.arch-props__icon svg{color:var(--accent);flex:none}.arch-props__icon:hover{border-color:var(--accent)}.arch-props__icon-change{color:var(--text-muted);font-size:var(--text-label);margin-inline-start:auto}.arch-icon-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.arch-icon-grid__choice{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md) var(--space-xs);font-size:var(--text-label);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.arch-icon-grid__choice svg{color:var(--accent)}.arch-icon-grid__choice:hover{background:var(--bg-hover);color:var(--text-primary)}.arch-icon-grid__choice[aria-pressed=true]{border-color:var(--accent);background:var(--bg-accent-active);color:var(--text-primary)}.arch-group__head{align-items:center;gap:6px;min-width:0;display:flex}.arch-group__icon{width:16px;height:16px;color:var(--accent);flex:none}.arch-props__icon-none{color:var(--text-muted);font-style:italic}.arch-icon-grid__choice--none svg{color:var(--text-muted)}.arch-canvas--readonly .arch-grab.react-flow__handle{display:none}.auth-modal{z-index:10000;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(380px,90vw);padding:1.5rem;display:flex}.auth-modal__title{font-size:var(--text-title);color:var(--text-primary);text-align:center;margin:0;font-weight:600}.auth-modal__form{gap:var(--space-md);flex-direction:column;display:flex}.auth-modal__input{width:100%;font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color var(--transition-duration);outline:none;padding:.5rem .75rem;font-family:inherit}.auth-modal__input:focus{border-color:var(--accent)}.auth-modal__input::placeholder{color:var(--text-disabled)}.auth-modal__error{font-size:var(--text-small);color:var(--error);text-align:center;margin:0}.auth-modal__notice{font-size:var(--text-small);color:var(--success-text);text-align:center;margin:0;line-height:1.5}.auth-modal__actions{gap:var(--space-md);justify-content:center;display:flex}.auth-modal__btn{font-size:var(--text-body);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);padding:.5rem 1.25rem;font-family:inherit;font-weight:500}.auth-modal__btn--primary{color:var(--accent);border-color:var(--accent)}.auth-modal__btn--primary:hover{border-color:var(--accent);color:var(--accent);background:#6366f126}.auth-modal__btn--secondary:hover{background:var(--bg-hover);border-color:var(--border-muted-md)}.auth-modal__footer{font-size:var(--text-subtitle);color:var(--text-muted);text-align:center;margin:0}.auth-modal__legal{font-size:calc(var(--text-body) * .92);color:var(--text-disabled);text-align:center;margin:0;line-height:1.5}.auth-modal__legal a{color:var(--accent);transition:opacity var(--transition-duration);text-decoration:underline}.auth-modal__legal a:hover{opacity:.8}.auth-modal__link{color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;transition:opacity var(--transition-duration);background:0 0;border:none;text-decoration:underline}.auth-modal__link:hover{opacity:.8}.contact-form__label{margin:0 0 var(--space-xs) 0;font-size:var(--text-subtitle);color:var(--text-primary);font-weight:500}.contact-form__input{width:100%;font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color var(--transition-duration);outline:none;padding:.5rem .75rem;font-family:inherit}.contact-form__input:focus{border-color:var(--accent)}.contact-form__input::placeholder{color:var(--text-disabled)}.contact-form__submit{align-self:flex-start}.save-cloud-modal{z-index:9999;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-cloud-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent;flex-direction:column;width:min(420px,90vw);padding:1.5rem;display:flex}.save-cloud-modal__card::-webkit-scrollbar{width:6px}.save-cloud-modal__card::-webkit-scrollbar-track{background:0 0}.save-cloud-modal__card::-webkit-scrollbar-thumb{background:var(--bg-input)!important;border-radius:3px!important}.save-cloud-modal__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.save-cloud-modal__error{font-size:var(--text-small);color:var(--error);text-align:center;margin:0}.save-cloud-modal__hint{font-size:var(--text-small);color:var(--text-muted);margin:0}.save-cloud-modal__section{gap:var(--space-sm);flex-direction:column;display:flex}.save-cloud-modal__subtitle{font-size:var(--text-subtitle);color:var(--text-primary);margin:0;font-weight:600}.save-cloud-modal__row{gap:var(--space-sm);display:flex}.save-cloud-modal__select{font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);transition:border-color var(--transition-duration);appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .75rem center no-repeat;outline:none;flex:1;padding:.5rem 2.5rem .5rem .75rem;font-family:inherit}.save-cloud-modal__select:hover{border-color:var(--accent)}.save-cloud-modal__select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa40}.save-cloud-modal__select:disabled{opacity:.5;cursor:not-allowed}.save-cloud-modal__input{font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);transition:border-color var(--transition-duration);background:0 0;outline:none;flex:1;padding:.5rem .75rem;font-family:inherit}.save-cloud-modal__input:hover{border-color:var(--accent)}.save-cloud-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa40}.save-cloud-modal__input:disabled{opacity:.5;cursor:not-allowed}.save-cloud-modal__select::placeholder,.save-cloud-modal__input::placeholder{color:var(--text-disabled)}.save-cloud-modal__footer{justify-content:flex-end;margin-top:.25rem;display:flex}.save-cloud-modal__slot-message{font-size:var(--text-small);color:var(--text-muted);margin:0}.share-modal__card{width:min(560px,92vw);max-height:85vh;overflow-y:auto}.share-modal__text{font-size:var(--text-body);color:var(--text-primary);margin:0}.share-modal__hint{font-size:var(--text-small);color:var(--text-muted);margin:0}.share-modal__files{gap:var(--space-lg);flex-direction:column;display:flex}.share-modal__file{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;display:flex}.share-modal__link{gap:var(--space-md);flex-direction:column;display:flex}.share-modal__link-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.share-modal__link-info,.share-modal__link-row>.share-modal__actions{flex:100%}.share-modal__link-info{flex-direction:column;display:flex}.share-modal__link-label{font-size:var(--text-body);color:var(--text-primary)}.share-modal__status{font-size:var(--text-small);color:var(--text-muted)}.share-modal__actions{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}.share-modal__warning{gap:var(--space-sm);padding-left:var(--space-sm);border-left:3px solid var(--error);flex-direction:column;display:flex}.share-modal__warning-actions{display:flex}.share-modal__check{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-small);color:var(--text-primary);cursor:pointer;display:flex}.share-modal__check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:.1rem 0 0}.share-modal__check a{color:var(--accent)}.share-modal__scope{gap:var(--space-md);flex-direction:column;display:flex}.share-modal__scope+.share-modal__scope{padding-top:var(--space-md);border-top:1px solid var(--border-card)}.share-modal__scope-title{font-size:var(--text-small);color:var(--text-muted);margin:0;font-weight:600}.share-modal__add-tab{align-self:flex-start}.share-modal__hide{gap:var(--space-sm);border:none;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.share-modal__hide legend{margin-bottom:var(--space-sm);padding:0}.share-modal__hide-groups{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.share-modal__hide-group{gap:var(--space-xs);flex-direction:column;display:flex}.share-modal__hide-title{font-size:var(--text-small);color:var(--text-muted);font-weight:600}.share-modal__text-btn{font:inherit;font-size:var(--text-small);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.share-modal__text-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal__expiry{width:min(100%,17rem);display:flex}.share-modal__panel{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-sm);flex-direction:column;display:flex}.subscription-modal{z-index:10001;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.subscription-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(96vw,1300px);max-height:90vh;padding:2rem;display:flex;overflow-y:auto}.subscription-modal__title{font-size:var(--text-title);color:var(--text-primary);text-align:center;margin:0;font-weight:600}.subscription-modal__subtitle{font-size:var(--text-subtitle);color:var(--text-muted);text-align:center;margin:0}.subscription-plan-row{gap:var(--space-lg);padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.subscription-plan-row::-webkit-scrollbar{height:4px}.subscription-plan-row::-webkit-scrollbar-track{background:0 0}.subscription-plan-row::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:2px}.subscription-plan{min-width:170px;padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);gap:var(--space-md);transition:border-color var(--transition-duration), box-shadow var(--transition-duration);flex-direction:column;flex:1 0 180px;display:flex}.subscription-plan>h3{padding-top:10px}.subscription-plan:hover{border-color:var(--accent);box-shadow:0 0 12px #a78bfa26}.subscription-plan--featured{border-color:var(--accent-dark);background:linear-gradient(#7c3aed0f,#0000);position:relative}.subscription-plan__badge{top:calc(var(--space-sm) * -1);right:var(--space-sm);padding:2px var(--space-md);font-size:var(--text-small);color:#fff;background:linear-gradient(90deg, var(--accent-dark), var(--accent));border-radius:var(--radius-sm);font-weight:600;position:absolute}.subscription-plan__name{font-size:var(--text-subtitle);color:var(--text-primary);margin:0;font-weight:600}.subscription-plan__price{font-size:var(--text-title);color:var(--accent);margin:0;font-weight:700}.subscription-plan__period{font-size:var(--text-subtitle);color:var(--text-muted);font-weight:400}.subscription-plan__features{gap:var(--space-sm);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.subscription-plan__feature{font-size:var(--text-subtitle);color:var(--text-muted);line-height:1.4}.subscription-plan__check{color:var(--accent);margin-inline-end:var(--space-xs);font-weight:700}.subscription-plan__cta{align-self:stretch}.subscription-modal__actions{justify-content:center;gap:var(--space-md);display:flex}.subscription-plan--active{border-color:var(--success-text);box-shadow:0 0 16px #22c55e2e}.subscription-plan--active:hover{border-color:var(--success-text);box-shadow:0 0 20px #22c55e40}.subscription-plan__active-label{padding:2px var(--space-md);font-size:var(--text-small);color:#fff;background:var(--success-bg);border-radius:var(--radius-sm);text-align:center;font-weight:600}.subscription-plan__cta--disabled{filter:grayscale();cursor:not-allowed;pointer-events:none;opacity:.4!important;background-color:var(--bg-disabled)!important;color:var(--text-disabled-btn)!important;border-color:#0000!important}.confirm-dialog{z-index:9999;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(380px,90vw);padding:1.5rem;display:flex}.confirm-dialog__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.confirm-dialog__message{font-size:var(--text-subtitle);color:var(--text-muted);margin:0;line-height:1.5}.confirm-dialog__actions{gap:var(--space-lg);justify-content:flex-end;margin-top:.25rem;display:flex}.confirm-dialog__btn{font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration);background:#1e1b32cc;padding:.45rem 1rem;font-family:inherit;font-weight:500}.confirm-dialog__btn:hover{border-color:var(--border-muted-md);background:var(--bg-hover)}.confirm-dialog__btn--cancel:focus-visible,.confirm-dialog__btn--confirm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.confirm-dialog__btn--confirm:hover{border-color:var(--error);color:#fca5a5;background:#f8717126}.help-modal{z-index:9998;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-sm);flex-direction:column;width:min(600px,85vw);max-height:80vh;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 8px 30px #0006}.help-modal__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.help-modal__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.help-modal__close{border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-muted);cursor:pointer;font-size:var(--text-body);background:0 0;justify-content:center;align-items:center;display:flex}.help-modal__close:hover{border-color:var(--accent);color:var(--text-primary)}.help-modal__body{scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent;flex:1;overflow-y:auto}.help-modal__body::-webkit-scrollbar{width:6px}.help-modal__body::-webkit-scrollbar-track{background:0 0}.help-modal__body::-webkit-scrollbar-thumb{background:var(--bg-input)!important;border-radius:3px!important}.help-modal__body::-webkit-scrollbar-button:single-button{display:none}.help-modal__section{margin-bottom:var(--space-lg)}.help-modal__subtitle{margin:0 0 calc(var(--space-xs) / 2);font-size:var(--text-body);color:var(--accent);font-weight:600}.help-modal__text{font-size:var(--text-subtitle);color:var(--text-muted);margin:0;line-height:1.5}.help-modal__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.help-modal__btn{padding:calc(var(--space-xs) / 1.5) 1rem;font-size:var(--text-body);border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);color:var(--accent);cursor:pointer;background:0 0;font-weight:500}.help-modal__btn:hover{border-color:var(--accent);background:var(--bg-hover)}.search-modal{z-index:9998;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#0f172ab3;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.search-modal__card{width:min(600px,100vw - 32px);max-height:70vh;padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-sm);gap:var(--space-sm);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #0006}.search-modal__header{align-items:center;gap:var(--space-sm);display:flex}.search-modal__input{min-width:0;padding:var(--space-sm) var(--space-md);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);outline:none;flex:1}.search-modal__input:focus{border-color:var(--accent)}.search-modal__empty{padding:var(--space-sm) var(--space-xs);font-size:var(--text-subtitle);color:var(--text-muted);margin:0}.search-modal__results{margin:0;padding:0;list-style:none;overflow-y:auto}.search-modal__result{gap:2px var(--space-sm);width:100%;padding:var(--space-sm);text-align:left;border-radius:var(--radius-xs);cursor:pointer;color:inherit;font:inherit;background:0 0;border:1px solid #0000;grid-template-columns:1fr auto;display:grid}.search-modal__result:hover,.search-modal__result:focus-visible{background:var(--bg-hover);border-color:var(--border-muted-md);outline:none}.search-modal__result-title{font-size:var(--text-body);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.search-modal__result-tab{font-size:var(--text-small);color:var(--accent);white-space:nowrap}.search-modal__result-field{font-size:var(--text-small);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.search-modal__mark{color:var(--accent);background:0 0;font-weight:600}.font-size-modal{z-index:9999;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.font-size-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(340px,90vw);padding:1.25rem;display:flex}.font-size-modal__header{justify-content:space-between;align-items:center;display:flex}.font-size-modal__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.font-size-modal__close{border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-muted);cursor:pointer;font-size:var(--text-body);background:0 0;justify-content:center;align-items:center;display:flex}.font-size-modal__close:hover{border-color:var(--accent);color:var(--text-primary)}.font-size-modal__body{gap:var(--space-md);flex-direction:column;display:flex}.font-size-modal__label-row{font-size:var(--text-subtitle);color:var(--text-muted)}.font-size-modal__slider{appearance:none;background:var(--bg-input);border-radius:var(--radius-sm);cursor:pointer;outline:none;width:100%;height:6px}.font-size-modal__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:grab;width:18px;height:18px;transition:box-shadow var(--transition-duration);border-radius:50%}.font-size-modal__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px #6366f140}.font-size-modal__slider::-moz-range-thumb{background:var(--accent);cursor:grab;border:none;border-radius:50%;width:18px;height:18px}.font-size-modal__number-row{align-items:center;gap:var(--space-sm);display:flex}.font-size-modal__number-input{width:72px;padding:calc(var(--space-xs) / 1.5) var(--space-sm);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-xs);text-align:center;transition:border-color var(--transition-duration);outline:none;font-family:inherit}.font-size-modal__number-input:focus{border-color:var(--accent)}.font-size-modal__unit{font-size:var(--text-body);color:var(--text-muted)}.font-size-modal__footer{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle);display:flex}.font-size-modal__btn{padding:calc(var(--space-xs) / 1.5) 1rem;font-size:var(--text-body);border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);color:var(--accent);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration);background:0 0;font-family:inherit;font-weight:500}.font-size-modal__btn:hover{border-color:var(--accent);background:#6366f126}.font-size-modal__btn--primary{color:var(--accent);border-color:var(--accent)}.font-size-modal__btn--primary:hover{color:#fff;background:#6366f140}.theme-modal{z-index:9999;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(380px,90vw);padding:1.25rem;display:flex}.theme-modal__header{justify-content:space-between;align-items:center;display:flex}.theme-modal__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.theme-modal__close{border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-muted);cursor:pointer;font-size:var(--text-body);background:0 0;justify-content:center;align-items:center;display:flex}.theme-modal__close:hover{border-color:var(--accent);color:var(--text-primary)}.theme-modal__body{gap:var(--space-md);display:flex}.theme-card{padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;gap:var(--space-sm);transition:border-color var(--transition-duration), box-shadow var(--transition-duration);border:2px solid #0000;flex-direction:column;flex:1;align-items:center;display:flex}.theme-card:hover{border-color:var(--border-muted-md)}.theme-card--active{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow-light)}.theme-card__preview{aspect-ratio:3;justify-content:center;align-items:center;width:100%;display:flex}.theme-card__label{font-size:var(--text-subtitle);color:var(--text-muted);text-align:center}.theme-modal__footer{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle);display:flex}.theme-modal__btn{padding:calc(var(--space-xs) / 1.5) 1rem;font-size:var(--text-body);border:1px solid var(--border-muted-md);border-radius:var(--radius-xs);color:var(--accent);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration);background:0 0;font-family:inherit;font-weight:500}.theme-modal__btn:hover{border-color:var(--accent);background:var(--bg-accent-hover)}.theme-modal__btn--purple{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow-light)}.theme-modal__btn--purple:hover{background:var(--bg-accent-active);color:var(--accent-light)}.shape-modal{z-index:10000;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shape-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(380px,90vw);padding:1.5rem;display:flex}.shape-modal__header{justify-content:space-between;align-items:center;display:flex}.shape-modal__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.shape-modal__close{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.shape-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.shape-modal__body{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.shape-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-duration), box-shadow var(--transition-duration);background:0 0;flex-direction:column;display:flex}.shape-card:hover{border-color:var(--accent)}.shape-card--active{box-shadow:0 0 8px #a78bfa33;border-color:var(--accent)!important}.shape-card__preview{justify-content:center;align-items:center;width:100%;height:48px;display:flex}.shape-card__label{font-size:var(--text-small);color:var(--text-primary);white-space:nowrap}.shape-modal__footer{gap:var(--space-md);display:flex}.shape-modal__btn{font-size:var(--text-body);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);flex:1;padding:.5rem 1.25rem;font-family:inherit;font-weight:500}.shape-modal__btn:hover{background:var(--bg-hover);border-color:var(--border-muted-md)}.shape-modal__btn--active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow-light)}.shape-modal__btn--active:hover{color:var(--accent-light);background:#6366f126}.connections-modal{z-index:10000;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connections-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(380px,90vw);padding:1.5rem;display:flex}.connections-modal__body{gap:var(--space-md);flex-direction:column;display:flex}.connections-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-duration), box-shadow var(--transition-duration);background:0 0;display:flex}.connections-card:hover{border-color:var(--accent)}.connections-card--active{box-shadow:0 0 8px #a78bfa33;border-color:var(--accent)!important}.connections-card__preview{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.connections-card__info{gap:var(--space-xs);text-align:left;flex-direction:column;display:flex}.connections-card__desc{font-size:var(--text-subtitle);color:var(--text-muted)}.dropdown{outline:none;flex:1;min-width:0;position:relative}.dropdown__trigger{align-items:center;gap:var(--space-sm);font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-duration), box-shadow var(--transition-duration);-webkit-user-select:none;user-select:none;background:0 0;padding:.5rem .75rem;font-family:inherit;display:flex}.dropdown__trigger:hover,.dropdown[aria-expanded=true] .dropdown__trigger{border-color:var(--accent)}.dropdown:focus-visible .dropdown__trigger{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.dropdown--compact .dropdown__trigger{padding:.4rem .55rem}.dropdown--invalid .dropdown__trigger{border-color:var(--error)}.dropdown--disabled .dropdown__trigger{opacity:.5;cursor:not-allowed}.dropdown--disabled .dropdown__trigger:hover{border-color:var(--border-card)}.dropdown__chevron{color:var(--accent);pointer-events:none;transition:transform var(--transition-duration);flex-shrink:0}.dropdown[aria-expanded=true] .dropdown__chevron{transform:rotate(180deg)}.dropdown__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dropdown__list{z-index:100;scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent;background:var(--bg-panel);border:1px solid var(--border-card);border-radius:var(--radius-sm);max-height:240px;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.dropdown__list--up{top:auto;bottom:calc(100% + 4px)}.dropdown__list::-webkit-scrollbar{width:6px}.dropdown__list::-webkit-scrollbar-track{background:0 0}.dropdown__list::-webkit-scrollbar-thumb{background:var(--bg-input)!important;border-radius:3px!important}.dropdown__list::-webkit-scrollbar-button:single-button{display:none}.dropdown__group{margin:0;padding:0;list-style:none}.dropdown__group-label{font-size:var(--text-small);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.45rem .75rem .2rem;font-weight:600;overflow:hidden}.dropdown__item{font-size:var(--text-body);color:var(--text-primary);cursor:pointer;overflow-wrap:anywhere;transition:background var(--transition-duration), color var(--transition-duration);padding:.4rem .75rem;font-family:inherit}.dropdown__item--active{background:var(--bg-btn-base);color:var(--accent)}.dropdown__item--selected,.dropdown__item--selected.dropdown__item--active{background:var(--accent);color:#fff;font-weight:500}.dropdown__item--disabled{color:var(--text-disabled);cursor:default;font-style:italic}.account-page{flex-direction:column;height:100dvh;min-height:100vh;display:flex}.account-toolbar{gap:var(--space-xs);background:var(--bg-panel);border-bottom:1px solid var(--border-card);width:100%;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));z-index:10;box-sizing:border-box;flex-direction:column;flex-shrink:0;padding:.6rem 1.25rem;display:flex}.account-toolbar-row{align-items:center;gap:var(--space-lg);padding-inline-start:var(--space-xl);display:flex}.account-toolbar__logo{color:var(--accent);letter-spacing:.06em;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:700}.account-toolbar__btn{align-items:center;gap:var(--space-sm);font-size:var(--text-subtitle);color:var(--text-primary);background:var(--bg-btn-base);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);padding:.4rem .9rem;font-weight:500;display:inline-flex}.account-toolbar__btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.account-toolbar__btn--warning{color:var(--error)}.account-content{padding:var(--space-xl);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-input) transparent;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex;overflow-y:auto}.account-content::-webkit-scrollbar{width:6px}.account-content::-webkit-scrollbar-track{background:0 0}.account-content::-webkit-scrollbar-thumb{background:var(--bg-input)!important;border-radius:3px!important}.account-layout{align-items:start;gap:var(--space-2xl);grid-template-columns:minmax(300px,400px) 1fr;width:100%;display:grid}.account-sidebar,.account-main{gap:var(--space-2xl);flex-direction:column;min-width:0;display:flex}@media (width<=860px){.account-layout{grid-template-columns:1fr}}.account-card{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:100%;padding:2rem;display:flex}.account-card__heading{align-items:center;gap:var(--space-md);display:flex}.account-card__heading h1{margin:0}.account-card__avatar{width:2.5rem;height:2.5rem;font-size:var(--text-title);flex-shrink:0}.account-card__label{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.account-card__value{font-size:var(--text-body);color:var(--text-primary);margin:0}.account-support-fab{right:var(--space-2xl);bottom:var(--space-2xl);z-index:20;color:#fff;background:var(--accent-dark);cursor:pointer;width:3.5rem;height:3.5rem;transition:background var(--transition-duration), transform var(--transition-duration);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;box-shadow:0 6px 20px #00000059}.account-support-fab:hover{background:var(--accent);transform:translateY(-2px)}.account-support-fab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-modal{z-index:10000;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#05070eb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-modal__card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);gap:var(--space-lg);flex-direction:column;width:min(420px,90vw);padding:1.5rem;display:flex}.account-modal__title{font-size:var(--text-title);color:var(--text-primary);text-align:center;margin:0;font-weight:600}.account-projects__title{margin:0 0 var(--space-lg) 0;font-size:var(--text-subtitle);color:var(--text-primary);font-weight:600}.account-projects__file-card{padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.account-projects__file-name{font-family:inherit;font-size:var(--text-body);color:var(--text-muted);overflow-wrap:anywhere;min-width:0}.account-projects__shared{font-size:var(--text-small);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);margin-inline-end:auto;padding:.1rem .5rem}.account-projects__options-btn{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.account-projects__options-btn:hover,.account-projects__options-btn[aria-expanded=true]{color:var(--accent);background:var(--bg-hover);border-color:var(--border-card)}.account-projects__options-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-projects__file-card .toolbar-menu{flex-shrink:0}.account-projects__status{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.account-projects__label{font-size:var(--text-subtitle);color:var(--text-primary);margin:0}.account-projects__not-subscribed{color:var(--error)}.account-projects__subscribed{color:var(--success-text)}.account-projects__file-list{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.account-modal__input{width:100%;font-size:var(--text-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color var(--transition-duration);outline:none;margin-bottom:10px;padding:.5rem .75rem;font-family:inherit}.account-modal__input:focus{border-color:var(--accent)}.account-modal__input::placeholder{color:var(--text-disabled)}.account-modal__error{font-size:var(--text-small);color:var(--error);text-align:center;margin:0}.account-modal__actions{gap:var(--space-md);justify-content:center;display:flex}.stripe-redirect{z-index:10000;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));cursor:progress;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stripe-redirect__card{align-items:center;gap:var(--space-sm);text-align:center;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-sm);flex-direction:column;width:min(360px,100%);padding:1.75rem 1.5rem;display:flex;box-shadow:0 8px 30px #0006}.stripe-redirect__spinner{width:32px;height:32px;margin-bottom:var(--space-xs);border:3px solid var(--bg-pressed);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite stripe-redirect-spin}.stripe-redirect__title{font-size:var(--text-title);color:var(--text-primary);margin:0;font-weight:600}.stripe-redirect__text{font-size:var(--text-subtitle);color:var(--text-muted);margin:0}@keyframes stripe-redirect-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stripe-redirect__spinner{border-color:var(--accent);animation:1.6s ease-in-out infinite stripe-redirect-pulse}@keyframes stripe-redirect-pulse{50%{opacity:.35}}}.account-projects__header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.account-projects__editors{gap:var(--space-sm);flex-wrap:wrap;display:flex}.account-projects__usage{color:var(--text-muted)}.account-projects__tags{gap:var(--space-xs);flex-wrap:wrap;margin-inline-end:auto;display:flex}.account-projects__tags .account-projects__shared{margin-inline-end:0}.account-projects__kind{font-size:var(--text-small);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.1rem .5rem}.account-projects__kind--software{color:var(--accent-light);border-color:var(--border-card)}.context-menu__wrapper{z-index:9997;position:fixed;inset:0}.context-menu{z-index:9998;padding:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-sm);min-width:160px;max-width:280px;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));flex-direction:column;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}.context-menu__item{align-items:center;gap:var(--space-sm);width:100%;padding:.45rem var(--space-md);font-size:var(--text-body);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background var(--transition-duration), color var(--transition-duration);background:0 0;border:none;font-family:inherit;display:flex}.context-menu__item:hover{background:var(--bg-hover)}.context-menu__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.context-menu__label--danger{color:var(--error)}.import-toast{border-radius:var(--radius-md);z-index:100;padding:.6rem 1.25rem;font-size:.875rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.import-toast--success{background:var(--success-bg);color:#fff}.import-toast--error{background:var(--error);color:#fff}