.accent-picker{border-top:1px solid var(--line);padding:16px 12px}.accent-picker>p{color:var(--text-secondary,#746c7e);max-width:56ch;margin:8px 0 16px;font-size:13px;line-height:1.6}.accent-picker .accent-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.accent-options .accent-option-card{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text-strong,#34313d);border-radius:10px;transition:background-color .12s,border-color .12s}.accent-options .accent-option-card:hover{background:var(--surface-muted,#f3f1f5);border-color:var(--line-strong,#b6afc0)}.accent-options .accent-option-card[data-selected]{border-color:color-mix(in srgb, var(--accent-ink) 60%, var(--line));background:var(--accent-light)}.accent-option-label{cursor:pointer;align-items:center;gap:12px;min-height:64px;margin:0;padding:14px;display:flex}.accent-option-name{min-width:0;color:var(--text-strong,#34313d);overflow-wrap:anywhere;flex:1;font-size:13px;font-weight:600}.accent-swatch{border-radius:7px;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff24}.accent-option-label .accent-option-radio{border:1px solid var(--line-strong,#b6afc0);width:18px;height:18px;min-height:0;color:var(--accent-ink);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.accent-option-label .accent-option-radio[data-state=checked]{border-color:var(--accent-ink)}.accent-option-radio>span>span{background:currentColor;border-radius:50%;width:8px;height:8px;display:block}.accent-option-card:has(:focus-visible){outline:2px solid var(--accent-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.accent-options .accent-option-card{transition:none}}.changelog-page{background:var(--canvas,#f8f7fa);height:100dvh;color:var(--text-strong,#34313d);overflow:auto}.changelog-page a{text-decoration:none}.changelog-page a:focus-visible{outline:2px solid var(--accent-ink,#963e5c);outline-offset:4px;border-radius:6px}.changelog-header{border-bottom:1px solid var(--line);background:var(--navigation-bar);justify-content:space-between;align-items:center;gap:16px;padding:20px max(24px,50vw - 600px);display:flex}.changelog-brand{color:inherit;align-items:center;gap:10px;font-size:20px;font-weight:750;display:flex}.changelog-brand span{border-left:1px solid var(--line);color:var(--muted);padding-left:12px;font-size:13px;font-weight:500}.changelog-shell{max-width:1200px;margin:auto;padding:0 24px}.changelog-intro{max-width:700px;padding:70px 0 56px}.changelog-eyebrow{color:var(--accent-ink,#963e5c);font-size:13px;font-weight:650}.changelog-intro h1{font:750 clamp(32px, 4.5vw, 54px)/1.1 var(--heading);letter-spacing:-1.8px;margin:18px 0}.changelog-intro p{max-width:550px;color:var(--text-secondary,#625d69);margin-bottom:24px;font-size:17px;line-height:1.7}.changelog-layout{grid-template-columns:200px minmax(0,1fr);gap:56px;display:grid}.changelog-index{align-self:start;font-size:13px;position:sticky;top:28px}.changelog-index nav{gap:16px;display:grid}.changelog-index a{color:var(--text-secondary,#625d69);line-height:1.6}.changelog-index a:hover{color:var(--accent-ink,#963e5c)}.changelog-index p{color:var(--muted);margin-top:32px;line-height:1.7}.changelog-entry{border-bottom:1px solid var(--line);margin-bottom:44px;padding:0 0 44px;scroll-margin-top:24px}.changelog-date{color:var(--muted);margin-bottom:14px;font-size:12px}.changelog-entry header{justify-content:space-between;align-items:start;gap:12px;display:flex}.changelog-entry h2{font:700 clamp(22px, 2.5vw, 28px)/1.3 var(--heading);margin:0}.changelog-summary{color:var(--text-secondary,#625d69);margin:16px 0 24px;font-size:15px;line-height:1.7}.changelog-entry figure{margin:0 0 24px}.changelog-entry img,.changelog-entry video{border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;width:100%;height:auto;display:block}.changelog-entry figcaption{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.changelog-entry ul{color:var(--text-secondary,#625d69);gap:10px;margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.75;display:grid}.changelog-footer{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:8px 0 32px;display:flex}.changelog-footer>div{flex-wrap:wrap;gap:12px;display:flex}.changelog-skip{z-index:10;background:var(--surface,#fff);color:inherit;padding:12px;position:absolute;top:-100px;left:24px}.changelog-skip:focus{top:10px}@media (width<=760px){.changelog-layout{grid-template-columns:minmax(0,1fr);gap:32px}.changelog-index{position:static}.changelog-index nav{display:none}.changelog-index p{margin:0}.changelog-intro{padding:44px 0 24px}.changelog-shell{padding:0 20px}.changelog-header{padding:16px 20px}.changelog-brand span{display:none}.changelog-entry{margin-bottom:32px;padding-bottom:32px}}.changelog-video-link{color:var(--accent-ink,#963e5c);margin-top:8px;font-size:13px;display:inline-block}.control-presence-overlay{pointer-events:none;z-index:320;position:fixed;inset:0;overflow:hidden}.control-peer-focus{border:2px solid;border-radius:5px;position:absolute}.control-peer-focus>span{white-space:nowrap;background:var(--surface);border-radius:4px;padding:2px 6px;font-size:10px;line-height:16px;position:absolute;bottom:calc(100% + 3px);right:-2px;box-shadow:0 1px 5px #0003}.control-peer-selection{opacity:.22;background:currentColor;position:absolute}.control-presence-overlay .peer-cursor{position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.control-presence-overlay .peer-cursor{transition:none}}.cursor-chat-toggle{z-index:25;background:var(--surface);border:1px solid var(--line);position:fixed;bottom:20px;right:20px}@media (width<=700px){.cursor-chat-toggle{bottom:80px;right:12px}}.self-cursor-message{z-index:30;pointer-events:none;position:fixed}.cursor-chat-composer{z-index:400;background:var(--surface);border:0;border-radius:7px;outline:none;align-items:center;gap:6px;width:auto;min-width:160px;max-width:min(330px,100vw - 16px);padding:7px 10px;font-size:12px;display:flex;position:fixed;box-shadow:0 3px 12px #0003}.cursor-chat-composer strong{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.cursor-chat-composer input,.cursor-chat-composer input:focus,.cursor-chat-composer input:focus-visible{width:170px;min-width:60px;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0}.self-cursor-message{background:var(--surface);max-width:300px;color:var(--text-strong);border:0;border-radius:7px;outline:none;padding:7px 10px;font-size:12px;box-shadow:0 3px 12px #0003}.install-app{color:var(--text-secondary,#746c7e);font-size:12px;display:none}.install-app>summary{cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.install-app>summary::-webkit-details-marker{display:none}.install-app>summary:hover{background:var(--surface-muted,#f7f5f9)}.install-app>summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.install-app>p{max-width:340px;margin:6px 0 12px;padding:0 12px;font-size:12px;line-height:1.6}.workspace-home>.install-app{max-width:400px;margin:12px 0}.boot-screen>.install-app{text-align:left;max-width:360px}@media (hover:none) and (pointer:coarse){.install-app{display:block}}@media (display-mode:standalone){.install-app{display:none}}.account-actions{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.account-actions-buttons{flex-wrap:wrap;gap:8px;display:flex}.account-actions-buttons .button{min-height:40px}.account-actions p{margin:12px 0;font-size:12px;line-height:1.6}.account-actions-confirmation{margin-top:12px}.workspace-account{position:relative}.workspace-account>summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.workspace-account>summary::-webkit-details-marker{display:none}.workspace-account-panel{z-index:20;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;width:min(360px,100vw - 40px);padding:20px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 40px #17102125}.workspace-account-panel .account-connection{border-top:0;margin-top:0;padding-top:0}.compact-collaboration{width:min(340px,100vw - 24px);padding:18px}.compact-profile{align-items:center;gap:12px;padding:4px 0 16px;display:flex}.compact-settings-link{justify-content:flex-start;width:100%}.compact-collaboration .account-actions{margin-top:16px;padding-top:16px}.activity-modal-backdrop{z-index:250;background:#0008;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.activity-modal-backdrop .activity-modal{width:min(680px,100%);max-height:80dvh;position:static;overflow:auto}.collaboration-popover-anchor{pointer-events:none;position:absolute;inset:0}.collaboration-popover-anchor>.collaboration-popover{pointer-events:auto}.federated-signin{width:100%;margin:10px 0}.federated-signin>.button{white-space:normal;overflow-wrap:anywhere;width:100%;min-height:48px;padding:12px 20px;font-size:14px}.federated-signin>.button:focus-visible{outline:2px solid var(--accent-ink,#b34568);outline-offset:3px}.federated-signin>.button:disabled{opacity:.65;cursor:wait}.federated-signin>.form-error{margin-top:10px;font-size:14px;line-height:1.6}.guest-links{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.guest-links h3{margin:0 0 8px;font-size:14px}.guest-links form,.guest-links label{gap:7px;display:grid}.guest-links form{gap:12px}.guest-links input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text-strong);border-radius:7px;padding:9px}.guest-duration{grid-template-columns:1fr 1fr;gap:8px;display:grid}.guest-links small{color:var(--muted)}.guest-link-list{max-height:220px;margin:12px 0 0;padding:0;list-style:none;overflow:auto}.guest-link-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.guest-link-list li>div{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.studio-settings{height:100%;min-height:0;color:var(--text-strong);background:var(--canvas);overflow:hidden}.settings-layout{grid-template-columns:232px minmax(0,1fr);height:100%;min-height:0;display:grid}.settings-sidebar{background:var(--navigation-sidebar,var(--surface));border-right:1px solid var(--line);padding:32px 16px;overflow-y:auto}.settings-heading{margin-bottom:24px;padding:0 12px}.settings-heading h1{margin:0;font-size:18px}.settings-section-heading p,.settings-description{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.settings-navigation{gap:4px;display:grid}.settings-navigation button{white-space:nowrap;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;min-height:44px;padding:12px;display:flex}.settings-navigation button svg{flex-shrink:0}.settings-navigation button:hover{background:var(--surface);color:var(--text-strong)}.settings-navigation button[aria-current]{background:var(--accent-light);color:var(--accent-ink)}.settings-content{scrollbar-gutter:stable;min-width:0;padding:32px clamp(20px,4vw,56px) 64px;overflow-y:auto}.settings-content-inner{max-width:820px}.settings-section-heading{margin-bottom:20px}.settings-section-heading h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:18px}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:20px;padding:20px}.settings-card>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-card h3{margin:0;font-size:13px}.settings-card>header>span{color:var(--muted);font-size:12px}.settings-description{margin-bottom:14px}.settings-member-list{margin:0;padding:0;list-style:none}.settings-member{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.settings-member:last-child{padding-bottom:0}.settings-member-identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.settings-member-identity>div{min-width:0}.settings-member-identity strong{overflow-wrap:anywhere;font-size:13px;display:block}.settings-member-identity small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.settings-member-identity strong small{display:inline}.settings-member-actions{align-items:center;gap:6px;display:flex}.settings-member-actions :is(select,.studio-select){min-width:100px}.settings-role{color:var(--muted);padding:8px;font-size:12px}.settings-remove-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.settings-remove-confirm>span{width:100%}.settings-error{color:var(--accent-ink);align-items:center;gap:12px;margin-block:12px;font-size:13px;display:flex}.settings-profile form{gap:16px;display:grid}.settings-profile label{gap:8px;font-size:12px;display:grid}.settings-profile input{width:100%}.settings-profile form>.button{justify-self:start}.settings-account{border-top:1px solid var(--line);gap:16px;margin-top:24px;padding-top:20px;display:grid}.settings-invitations{gap:12px;display:grid}.settings-preferences{gap:20px;display:grid}.workspace-readonly-notice{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.workspace-access-lost{text-align:center;align-content:center;justify-items:center;gap:16px;height:100%;padding:24px;display:grid}@media (width<=850px){.settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px 12px 8px;overflow:hidden}.settings-heading{margin-bottom:12px;padding-inline:8px}.settings-navigation{gap:4px;display:flex;overflow-x:auto}.settings-navigation button{flex:none;gap:8px;padding:10px}.settings-content{padding:20px 16px 40px}.settings-card{padding:16px}.settings-member-actions{margin-left:auto}.settings-member-identity{min-width:140px}}.edit-fields{border:0;min-width:0;margin:0}.board-picker-popover{flex-direction:column;max-height:min(520px,100dvh - 170px);display:flex;overflow-y:auto}.board-picker-popover.is-searchable{width:380px}.board-picker-popover .board-picker-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.board-picker-popover .board-picker-options{flex-shrink:0}.board-picker-search{border:1px solid var(--line);color:var(--muted);background:var(--canvas);border-radius:6px;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;margin:4px 4px 10px;padding:0 10px;display:flex}.board-picker-search:focus-within{outline:2px solid var(--accent-ink);outline-offset:1px}.board-picker-search svg{flex-shrink:0}.board-picker-popover .board-picker-search input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:none;padding:10px 0}.board-picker-empty{color:var(--muted);margin:12px;font-size:12px}@media (width<=700px){.board-picker-popover{max-height:calc(100dvh - 270px)}}.board-type-choices{border:0;min-width:0;margin:20px 0 0;padding:0}.board-type-choices legend{margin-bottom:10px;font-size:12px;font-weight:600}.board-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.modal .board-type-card{border:1px solid var(--line);background:var(--canvas);cursor:pointer;border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:12px 10px;display:flex;position:relative}.board-type-card input{opacity:0;width:1px;height:1px;position:absolute}.board-type-card:has(input:checked){border-color:var(--accent);background:var(--accent-light)}.board-type-card:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:3px}.board-type-card:hover{border-color:var(--accent)}.board-type-visual{height:42px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.board-type-card:has(input:checked) .board-type-visual{color:var(--accent-ink)}.board-type-check{visibility:hidden}.board-type-card:has(input:checked) .board-type-check{visibility:visible}.board-type-card strong{color:var(--text-strong);font-size:12px}.board-type-card small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}@media (width<=420px){.board-type-grid{grid-template-columns:1fr}.modal .board-type-card{grid-template-columns:40px 1fr;gap:2px 10px;padding:10px 12px;display:grid}.board-type-visual{grid-row:span 2}.board-type-check{display:none}}.workspace-session{height:100dvh;min-height:0}.workspace-session[hidden]{display:none!important}.workspace-session>.studio-shell{height:100%}.demo-mode>.workspace-session{height:calc(100dvh - var(--demo-banner-height));flex:1;min-height:0}.editor-shell.studio-shell{grid-template:"tabs tabs"46px"navigation content"minmax(0,1fr)/176px minmax(0,1fr);gap:0;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1);display:grid}.editor-shell.nav-collapsed{grid-template-columns:52px minmax(0,1fr)}.editor-shell>.main-area{grid-area:content;width:auto;min-width:0;min-height:0;overflow:hidden}.editor-shell.studio-shell>.topbar{background:var(--navigation-bar);border-bottom:1px solid var(--line);grid-area:tabs;gap:8px;height:46px;min-height:46px;padding:0 8px}.studio-workspace-tabs{flex:1;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.workspace-tab-list{align-self:stretch;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.workspace-tab{border-inline:1px solid #0000;border-bottom:2px solid #0000;align-items:center;min-width:130px;max-width:230px;display:flex}.workspace-tab.active{background:var(--surface,#fff);border-inline-color:var(--line);border-bottom-color:var(--accent)}.workspace-tab>[role=tab]{min-width:0;height:100%;color:var(--text-strong,#423a4c);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.workspace-tab>[role=tab] img{width:17px;height:17px}.workspace-tab>[role=tab] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-tab-close{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;width:28px;height:30px}.workspace-tab-close:hover{color:var(--text-strong);background:var(--accent-light)}.editor-shell .topbar-actions{flex-shrink:0;gap:3px;margin-left:auto}.editor-shell .save-indicator>span,.editor-shell .profile-button>span:last-child:not(.person-avatar){display:none}.studio-navigation-sidebar{border-right:1px solid var(--line);background:var(--navigation-sidebar);min-width:0;min-height:0;color:var(--text-strong,#423a4c);z-index:20;flex-direction:column;grid-area:navigation;display:flex}.studio-navigation-sidebar>header{align-items:center;gap:8px;padding:16px 12px;font-size:12px;display:flex;overflow:hidden}.studio-navigation-sidebar>header img{flex-shrink:0;width:20px;height:20px}.studio-navigation-sidebar>header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-navigation-sidebar .header-navigation{border:0;flex-direction:column;flex:1;align-items:stretch;gap:12px;min-height:0;padding:0 6px;display:flex}.studio-navigation-sidebar .desktop-page-nav{flex-direction:column;gap:3px;min-height:0;display:flex;overflow-y:auto}.studio-navigation-sidebar .desktop-page-nav>button{white-space:nowrap;flex-shrink:0;gap:9px;width:100%;min-height:40px;padding:8px;transition:gap .22s,padding .22s,background-color .15s;display:flex;overflow:hidden}.studio-navigation-sidebar .desktop-page-nav>button>span{text-align:left;flex:1}.studio-navigation-sidebar .desktop-page-nav>button>svg{flex-shrink:0}.studio-navigation-sidebar .workspace-actions-menu{align-self:flex-start;margin-top:auto}.studio-navigation-sidebar .workspace-actions-popover{width:244px;max-height:calc(100dvh - 130px);inset:auto auto 0 calc(100% + 8px);overflow:auto}.sidebar-collapse-control{color:var(--muted);border:0;border-top:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:14px;font-size:11px;display:flex;overflow:hidden}.sidebar-collapse-control>svg{flex-shrink:0}.studio-navigation-sidebar>header strong,.studio-navigation-sidebar .desktop-page-nav>button>span,.studio-navigation-sidebar .sidebar-collapse-control span{opacity:1;max-width:150px;transition:opacity .14s,max-width .22s}.studio-navigation-sidebar.collapsed>header strong,.studio-navigation-sidebar.collapsed .desktop-page-nav>button>span,.studio-navigation-sidebar.collapsed .sidebar-collapse-control span{opacity:0;pointer-events:none;max-width:0}.studio-navigation-sidebar.collapsed .desktop-page-nav .tab-presence{display:none}.studio-navigation-sidebar.collapsed .desktop-page-nav>button{gap:0;padding-inline:10px}@media (prefers-reduced-motion:reduce){.editor-shell.studio-shell,.studio-navigation-sidebar>header strong,.studio-navigation-sidebar .desktop-page-nav>button,.studio-navigation-sidebar .desktop-page-nav>button>span,.studio-navigation-sidebar .sidebar-collapse-control span{transition:none}}@media (width<=1024px),(pointer:coarse) and (width<=1366px){.editor-shell.studio-shell{grid-template:"tabs"50px"content"minmax(0,1fr)/minmax(0,1fr)}.editor-shell.studio-shell>.topbar{height:50px;min-height:50px;padding:0 6px}.editor-shell .topbar-actions>.icon-button,.editor-shell .topbar-actions>.toolbar-divider,.editor-shell .topbar-actions>.save-indicator{display:none}.workspace-tab{min-width:100px;max-width:190px}.workspace-tab>[role=tab]{padding-inline:8px;font-size:11px}.studio-workspace-tabs>.icon-button{width:32px;min-width:32px}.editor-shell .workspace-more-sheet{background:var(--surface,#fff);color:var(--text-strong)}}.editor-shell.studio-shell>.topbar,.editor-shell .topbar-actions,.editor-shell .collaboration-bar{align-items:center}.workspace-tab-list{height:100%}.workspace-tab{border-bottom:0;position:relative}.workspace-tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.workspace-tab-close{place-items:center;padding:0;line-height:1;display:grid}.workspace-tab>[role=tab]{align-self:stretch;line-height:1.2}.editor-shell .topbar .icon-button{justify-content:center;align-items:center;padding-block:0;line-height:1;display:flex}.studio-navigation-sidebar .desktop-page-nav>button{align-items:center}.sidebar-collapse-control[aria-current]{color:var(--accent-ink);background:var(--accent-light)}.board-section-add{position:relative}.board-section-add summary{cursor:pointer;padding:10px;list-style:none;display:flex}.board-section-add>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:150px;padding:6px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0003}.board-section-add>div button{width:100%}.board-design-navigation{z-index:10;position:absolute;top:16px;left:18px}.board-design-navigation .floating-board-navigation{position:static}.workspace-picker-results{flex-direction:column;gap:6px;max-height:50vh;margin:16px 0;display:flex;overflow:auto}.workspace-picker-results button{justify-content:flex-start}.workspace-picker-results button span{text-align:start;flex:1}@media (width<=700px){.board-design-navigation{max-width:calc(100% - 24px);top:12px;left:12px}.board-design-navigation .floating-board-navigation{max-width:100%}}.board-design-navigation{width:calc(100% - 180px)}.board-design-navigation .floating-board-navigation{width:fit-content;max-width:100%}.board-design-actions .button span{display:none}@media (width<=700px){.board-design-navigation{width:calc(100% - 16px)}.board-design-actions,.design-canvas-surface .design-canvas-actions.board-design-actions{top:114px;right:8px}}.workspace-home.workspace-library{flex-direction:column;width:100%;max-width:none;height:100dvh;margin:0;padding:0;display:flex;overflow:auto}.workspace-library-header{border-bottom:1px solid var(--line);background:var(--surface,#fff);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:20px max(32px,50vw - 590px);display:flex}.workspace-library-header .brand{color:var(--text-strong,#34313d);margin:0;font-size:20px}.workspace-library-header .brand img{width:34px;height:34px}.workspace-library-header .brand>span{letter-spacing:-.9px;font-size:26px}.workspace-library-header .workspace-account>summary{min-height:44px}.workspace-library .workspace-account-panel{max-height:calc(100dvh - 110px);overflow:auto}.workspace-library .workspace-account-panel .theme-picker{padding:8px 0}.workspace-library .workspace-account-panel .account-connection{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.workspace-library-content{flex:1;width:100%;max-width:1244px;margin:0 auto;padding:36px 32px 56px}.workspace-toolbar{align-items:center;gap:12px;margin-bottom:26px;display:flex}.workspace-toolbar h1{font-family:var(--heading);letter-spacing:-.8px;white-space:nowrap;flex:1;margin:0 16px 0 0;font-size:28px}.workspace-toolbar h1>span{color:var(--muted);margin-left:6px;font-size:22px;font-weight:500}.workspace-search{border:1px solid var(--line);width:clamp(190px,23vw,300px);height:42px;color:var(--muted);background:var(--surface,#fff);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.workspace-search:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.workspace-search input{width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:0;padding:0}.workspace-search>svg{flex-shrink:0}.workspace-search .icon-button{flex-shrink:0;width:24px;height:30px}.workspace-sort{width:auto;min-height:42px;padding:10px 28px 10px 12px;font-size:12px}.workspace-toolbar .button{min-height:42px}.workspace-library .workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-library .workspace-card{background:var(--surface,#fff);width:100%;min-width:0;color:var(--text-strong,#34313d);border:1px solid var(--line);text-align:left;box-shadow:none;border-radius:11px;flex-direction:column;padding:0;display:flex;overflow:hidden}.workspace-library .workspace-card:hover{border-color:var(--accent);box-shadow:0 5px 18px #302b3b08}.workspace-library .workspace-card:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.workspace-preview{background-color:var(--canvas,#f8f7fa);background-image:radial-gradient(var(--canvas-dot,#ddd4e7) .8px, transparent .8px);border-bottom:1px solid var(--line);background-size:18px 18px;width:100%;height:220px;padding:20px;overflow:hidden}.workspace-preview svg{width:100%;height:100%;display:block}.workspace-preview-edge{stroke:var(--diagram-edge,#bca9ca);stroke-width:2px;fill:none}.workspace-preview-node rect{fill:var(--surface-muted,#eee7f4);stroke:var(--line-strong,#b8a2c7);stroke-width:2px}.workspace-preview-node text{fill:var(--text-strong,#4a3b59);font:19px DM Sans Variable,sans-serif}.workspace-preview-node.preview-layer rect{fill:var(--accent-light);stroke:var(--accent)}.workspace-preview-node.preview-instance rect{fill:var(--success-soft,#e7f1ed);stroke:var(--success-ink,#6d9e89)}.workspace-preview-node.preview-database rect{fill:var(--info-soft,#e9eff7);stroke:var(--info-ink,#719bc4)}.workspace-preview-empty{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.workspace-preview-empty svg{width:32px;height:32px}.workspace-card-content{width:100%;min-width:0;padding:18px 20px}.workspace-card-title{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.workspace-library .workspace-card h2{font-size:17px;font-family:var(--heading);overflow-wrap:anywhere;min-width:0;max-width:100%;margin:0;line-height:1.45}.workspace-role{color:var(--text-secondary,#746c7e);background:var(--surface-muted,#f1eef5);border-radius:20px;padding:4px 10px;font-size:10px;line-height:1.3}.workspace-role.role-owner{background:var(--accent-light);color:var(--accent-ink,#963e5c)}.workspace-open-icon{color:var(--muted);flex-shrink:0;margin-left:auto}.workspace-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;min-height:26px;margin-top:14px;font-size:11px;display:flex}.workspace-members{flex-shrink:0;padding-left:6px;display:inline-flex}.workspace-members .person-avatar,.workspace-member-more{border:2px solid var(--surface,#fff);width:27px;height:27px;margin-left:-6px;font-size:9px}.workspace-member-more{background:var(--surface-raised,#e9e1ee);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.workspace-library-footer{width:100%;max-width:1244px;margin:0 auto;padding:0 32px 24px}.workspace-library-footer .workspace-create-mobile{display:none}.workspace-library-footer .install-app{max-width:380px}.workspace-list-empty{text-align:center;padding:60px 20px}.workspace-list-empty h2{font-family:var(--heading);margin:0 0 12px;font-size:20px}.workspace-list-empty p{color:var(--muted);font-size:13px}.workspace-list-error{border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:16px}.workspace-list-error p{margin:0 0 12px}.workspace-notice{color:var(--text-secondary,#746c7e);margin:0 0 20px;font-size:13px}.workspace-create-dialog{border:1px solid var(--line);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text-strong,#34313d);background:var(--surface,#fff);border-radius:12px;margin:auto;padding:24px;overflow:auto;box-shadow:0 20px 80px #17102130}.workspace-create-dialog::backdrop{background:#17102180}.workspace-create-dialog>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.workspace-create-dialog h2{font-family:var(--heading);margin:0;font-size:20px}.workspace-create-dialog .workspace-create{background:0 0;border:0;max-width:none;margin:0;padding:0}.workspace-create-dialog .form-error{margin-top:14px;font-size:12px;line-height:1.6}@media (width<=900px) and (width>=651px){.workspace-toolbar{flex-wrap:wrap}.workspace-toolbar h1{flex-basis:100%}.workspace-search{flex:1}}@media (width<=650px){.workspace-library-header{min-height:72px;padding:max(16px, env(safe-area-inset-top)) 20px 16px}.workspace-library-header .brand{font-size:18px}.workspace-library-header .workspace-account>summary>span:not(.person-avatar),.workspace-library-header .workspace-account>summary>svg{display:none}.workspace-library .workspace-account-panel{width:auto;position:fixed;top:72px;left:16px;right:16px}.workspace-library-content{padding:28px 20px 20px}.workspace-toolbar{grid-template-columns:1fr auto;gap:16px 10px;margin-bottom:20px;display:grid}.workspace-toolbar h1{margin:0;font-size:24px}.workspace-toolbar h1>span{font-size:18px}.workspace-sort{grid-area:1/2;max-width:160px;min-height:44px}.workspace-search{grid-area:2/1/auto/-1;width:100%;height:44px}.workspace-search input{font-size:16px}.workspace-toolbar .workspace-create-desktop{display:none}.workspace-library .workspace-grid{grid-template-columns:minmax(0,1fr);gap:12px}.workspace-library .workspace-card{flex-direction:row;align-items:center;gap:14px;padding:12px}.workspace-library .workspace-preview{border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:76px;height:80px;padding:3px}.workspace-preview-empty>span,.workspace-preview-node text{display:none}.workspace-card-content{padding:0}.workspace-card-title{gap:7px}.workspace-library .workspace-card h2{flex-basis:100%;font-size:14px}.workspace-card-title .workspace-open-icon{display:none}.workspace-card-meta{min-height:0;margin-top:9px;font-size:10px;line-height:1.5}.workspace-members .person-avatar,.workspace-member-more{width:23px;height:23px;font-size:8px}.workspace-library-footer{padding:12px 20px max(20px, env(safe-area-inset-bottom));background:var(--canvas,#f8f7fa);border-top:1px solid var(--line);flex-shrink:0;position:sticky;bottom:0}.workspace-library-footer .workspace-create-mobile{justify-content:center;width:100%;min-height:48px;display:flex}.workspace-library-footer .install-app{margin:0 auto 10px}.workspace-library-footer .install-app>summary{justify-content:center}.workspace-create-dialog input{font-size:16px}}@media (width<=380px){.workspace-toolbar{grid-template-columns:minmax(0,1fr) 112px}.workspace-toolbar h1{grid-column:1/-1}.workspace-search{grid-column:1}.workspace-sort{grid-row:2;width:112px;padding-left:8px;padding-right:20px}}.workspace-toolbar .workspace-sort{flex-shrink:0;width:auto}.workspace-toolbar .workspace-join{white-space:normal;min-width:0}@media (width<=760px){.workspace-toolbar h1{white-space:normal;min-width:0}}.workspace-card-shell{min-width:0}.workspace-card-shell>.workspace-card{width:100%}.workspace-card-actions{justify-content:flex-end;gap:8px;padding:10px 0;display:flex}.workspace-delete{color:var(--danger,#c84464)}.workspace-manage-dialog{width:min(480px,100vw - 32px)}.workspace-manage-dialog form,.workspace-manage-dialog label{gap:14px;display:grid}.workspace-manage-dialog p{color:var(--text-secondary,#77717f);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}.workspace-manage-dialog input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:inherit;border-radius:7px;padding:12px}.workspace-manage-buttons{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.landing-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-backdrop>svg{width:max(100%,1440px);height:auto;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-wave{transform-origin:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.landing-backdrop[data-playing=true] .landing-wave{animation-play-state:running}.landing-wave-left{animation-name:landing-wave-left;animation-duration:18s;animation-delay:-4s}.landing-wave-right{animation-name:landing-wave-right;animation-duration:22s;animation-delay:-9s}.landing-wave-left-trail{animation-name:landing-wave-trail;animation-duration:15s;animation-delay:-6s}.landing-wave-right-trail{animation-name:landing-wave-trail;animation-duration:20s;animation-direction:reverse;animation-delay:-2s}.landing-motion-control{border:1px solid var(--home-line);width:36px;height:36px;color:var(--home-muted);cursor:pointer;background:#18181ad9;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:max(24px,50% - 592px)}.landing-motion-control:hover{color:var(--home-text);border-color:var(--home-accent)}@keyframes landing-wave-left{0%,to{transform:translate(0)rotate(-2deg)}50%{transform:translate(28px,-55px)rotate(3deg)}}@keyframes landing-wave-right{0%,to{transform:translate(0)rotate(2deg)}50%{transform:translate(-38px,-65px)rotate(-3deg)}}@keyframes landing-wave-trail{0%,to{transform:translateY(18px)scale(1)}50%{transform:translate(18px,-65px)scale(1.035,.96)}}@supports (d:path('M0 0C0 0 0 0 0 0')){.landing-wave-left{animation-name:landing-wave-left,landing-ribbon-left}.landing-wave-right{animation-name:landing-wave-right,landing-ribbon-right}}@keyframes landing-ribbon-left{0%,to{d:path("M-290 810C650 340-320 20 50-140C400-280 620 40 230 200C-160 360 30 540-180 690")}50%{d:path("M-290 810C500 460-120 80 110-140C480-210 500 160 290 250C-70 410-80 470-180 690")}}@keyframes landing-ribbon-right{0%,to{d:path("M1840-110C1120 0 1660 360 1310 490C1000 610 1300 930 1710 660C2070 420 1610 230 1740 90")}50%{d:path("M1840-110C1300 80 1450 300 1250 540C1120 750 1430 850 1690 610C1900 400 1530 210 1740 90")}}@media (width<=760px){.landing-backdrop{opacity:.65}.landing-backdrop>svg{width:900px;left:-100px;transform:none}.landing-motion-control{width:44px;height:44px;top:8px;right:14px}}@media (prefers-reduced-motion:reduce){.landing-wave{animation:none}.landing-motion-control{display:none}}.landing-page{--home-bg:#18181a;--home-line:#343237;--home-text:#f5f0f3;--home-muted:#b5adb4;--home-accent:#d8839e;background:var(--home-bg);height:100dvh;color:var(--home-text);scroll-behavior:smooth;scroll-padding-top:28px;font-size:16px;overflow:auto}.landing-stage{max-width:1920px;margin:auto}.landing-page a{color:inherit;text-decoration:none}.landing-page :is(a,button,summary,video):focus-visible{outline:2px solid var(--home-accent);outline-offset:6px}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--heading);text-wrap:balance}.landing-page h2{letter-spacing:-1.7px;font-size:clamp(32px,3.5vw,48px);font-weight:650;line-height:1.18}.landing-page p{line-height:1.75}.landing-skip{z-index:10;background:var(--home-bg);padding:12px 20px;position:absolute;transform:translateY(-150%)}.landing-skip:focus{transform:translateY(8px)}.landing-header{align-items:center;gap:48px;width:min(1184px,100% - 80px);min-height:88px;margin:0 auto;padding:16px 0;display:flex}.landing-brand{font-family:var(--heading);letter-spacing:-1px;flex-shrink:0;align-items:center;gap:9px;font-size:28px;font-weight:750;display:inline-flex}.landing-brand img{display:block}.landing-navigation{color:var(--home-muted);align-items:center;gap:28px;font-size:14px;display:flex}.landing-navigation a{align-items:center;gap:4px;padding:8px 0;display:inline-flex}.landing-navigation a:hover,.landing-text-link:hover{color:var(--home-accent)}.landing-header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.landing-header .theme-picker{padding:0}.landing-header .theme-picker>span{display:none}.landing-header .studio-select{background:var(--home-bg);color:var(--home-muted);border-color:var(--home-line)}.landing-button{background:#302329;border:1px solid #704351;border-radius:5px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:14px 22px;font-size:14px;font-weight:550;transition:background .14s;display:inline-flex}.landing-button:hover{background:#46303a}.landing-button-small{min-height:44px;padding:9px 14px;font-size:14px}.landing-button-primary{color:#fff;background:#b34568;border-color:#c05e7c;box-shadow:inset 0 1px #ffffff15}.landing-button-primary:hover{background:#c35377}.landing-page .landing-text-link{text-underline-offset:5px;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #70616a;text-decoration:underline #70616a;display:inline-flex}.landing-hero{isolation:isolate;border-top:1px solid #ffffff08;padding:88px 40px 0;position:relative;overflow:hidden}.landing-hero-copy{text-align:center;max-width:880px;margin:0 auto}.landing-hero h1{letter-spacing:-3.6px;text-wrap:balance;margin:0 0 22px;font-size:clamp(42px,5.2vw,72px);font-weight:650;line-height:1.08}.landing-hero-copy>p{max-width:560px;color:var(--home-muted);text-wrap:pretty;margin:0 auto;font-size:16px}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin-top:30px;display:flex}.landing-hero-copy>.landing-demo-note{color:#9f969f;margin-top:16px;font-size:14px}.landing-preview{background:#1e1e1e;border:1px solid #494147;border-radius:9px 9px 0 0;max-width:1080px;margin:52px auto 0;overflow:hidden;box-shadow:0 22px 80px #0005}.landing-preview-bar{min-height:48px;color:var(--home-muted);background:#232124;border-bottom:1px solid #393239;align-items:center;padding:12px 20px;font-size:14px;display:flex}.landing-preview video{aspect-ratio:1440/900;background:#1e1e1e;width:100%;display:block}.landing-preview figcaption{text-align:center;color:var(--home-muted);border-top:1px solid var(--home-line);padding:12px 20px;font-size:14px;line-height:1.5}.landing-features{width:min(1184px,100% - 80px);margin:auto;padding:100px 0 96px}.landing-section-heading{justify-content:space-between;align-items:center;gap:60px;display:flex}.landing-section-heading p{color:var(--home-muted);max-width:450px;font-size:15px}.landing-feature-grid{border-bottom:1px solid var(--home-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:44px 0 72px;display:grid}.landing-feature-grid h3{letter-spacing:-.3px;margin-bottom:12px;font-size:18px;font-weight:600}.landing-feature-grid p{color:var(--home-muted);font-size:15px}.landing-design-feature{grid-template-columns:.85fr 1.5fr;align-items:center;gap:70px;padding-top:80px;display:grid}.landing-design-feature h2{margin:0 0 22px}.landing-design-feature p{color:var(--home-muted);max-width:350px;margin-bottom:20px;font-size:16px}.landing-design-image{border:1px solid #494147;border-radius:8px;display:block;overflow:hidden;box-shadow:0 12px 48px #0003}.landing-design-image img{width:100%;height:auto;display:block}.landing-access{border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);background:#1d1b1e;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:80px max(40px,50% - 540px);display:grid}.landing-access-copy>p{max-width:370px;color:var(--home-muted);margin:22px 0;font-size:16px}.landing-access-form{border:1px solid var(--line);color:var(--text-strong,#34313d);background:var(--surface,#fff);border-radius:8px;min-width:0;padding:32px}.landing-access-form .login-auth :is(h1,h2){letter-spacing:-.7px;font-size:25px}.landing-footer{width:calc(100% - 80px);max-width:1184px;margin:auto;padding:36px 0}.landing-footer-top,.landing-footer-bottom{align-items:center;gap:24px;display:flex}.landing-footer-top>p{color:var(--home-muted);font-size:14px}.landing-footer-top .project-links{color:var(--home-muted);margin-left:auto}.landing-footer-top .project-links a{color:var(--home-muted)}.landing-footer-bottom{border-top:1px solid var(--home-line);justify-content:space-between;margin-top:24px;padding-top:22px}.landing-footer-bottom>p{color:#9f969f;font-size:14px}.landing-footer-preferences{color:var(--home-muted);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-footer-preferences .theme-picker{padding:0}.landing-footer-preferences .studio-select{background:var(--home-bg);color:var(--home-muted);border-color:var(--home-line)}.landing-page .theme-picker,.landing-page .theme-picker .studio-select,.landing-page .project-links a,.landing-page .install-app,.landing-page .install-app p,.landing-page .login-auth p,.landing-page .login-auth .button,.landing-page .login-auth summary,.landing-page .login-divider{font-size:14px}body:has(.landing-page) .studio-select-menu{font-size:14px}.landing-page .studio-select{min-height:44px}body:has(.landing-page) .studio-select-option{min-height:44px}.landing-page .login-auth input{font-size:16px}@media (width<=1080px){.landing-header{gap:28px}.landing-navigation{gap:18px}.landing-feature-grid{gap:24px}.landing-access{gap:48px}.landing-design-feature{gap:40px}.landing-footer-top{flex-wrap:wrap}}@media (width<=760px){.landing-header{flex-wrap:wrap;gap:16px;width:calc(100% - 40px);min-height:76px;padding:16px 0}.landing-brand{font-size:25px}.landing-header-actions{gap:10px}.landing-header .studio-select{min-width:0;max-width:none}.landing-navigation{border-top:1px solid var(--home-line);flex-wrap:wrap;order:3;justify-content:center;gap:12px 24px;width:100%;padding-top:8px}.landing-hero{padding:64px 20px 0}.landing-hero h1{letter-spacing:-1.8px;margin-top:26px;font-size:clamp(38px,8.8vw,60px)}.landing-hero-copy>p{max-width:440px;font-size:16px}.landing-hero-actions{flex-direction:column;gap:12px;margin-top:24px}.landing-preview{margin-top:36px}.landing-preview-bar{padding:12px 14px}.landing-preview figcaption{padding:10px 14px}.landing-features{width:calc(100% - 40px);padding:64px 0}.landing-section-heading{display:block}.landing-section-heading p{margin-top:22px;font-size:16px}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding:36px 0 44px}.landing-feature-grid h3{font-size:18px}.landing-design-feature{grid-template-columns:1fr;gap:28px;padding-top:44px}.landing-design-feature p{max-width:440px}.landing-access{grid-template-columns:1fr;gap:36px;padding:48px 20px}.landing-access-form{width:100%;max-width:460px;padding:24px}.landing-footer{width:calc(100% - 40px);padding-bottom:max(28px, env(safe-area-inset-bottom))}.landing-footer-top{gap:16px}.landing-footer-top .project-links{flex-wrap:wrap;width:100%;margin:4px 0 0}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.landing-page h2{letter-spacing:-1.2px;font-size:36px}}@media (width<=380px){.landing-header{gap:10px}.landing-header-actions{gap:6px}.landing-header .studio-select{gap:6px;padding:7px}.landing-button-small{gap:8px;padding:8px 10px}.landing-feature-grid{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-button{transition:none}}.login-screen{background:var(--canvas,#f8f7fa);flex-direction:column;height:100dvh;padding:0 max(28px,50vw - 660px);display:flex;overflow:auto}.login-header{justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.login-brand{font-family:var(--heading);letter-spacing:-.9px;align-items:center;gap:12px;font-size:26px;font-weight:750;display:flex}.login-brand img{width:35px;height:35px}.login-preferences{gap:8px;display:flex}.login-preferences .theme-picker{padding:0}.login-preferences .theme-picker>span{display:none}.login-preferences :is(select,.studio-select){background:0 0;min-height:36px}.login-layout{flex:1;grid-template-columns:minmax(320px,400px) minmax(420px,650px);justify-content:space-between;align-items:center;gap:clamp(40px,7vw,100px);width:100%;max-width:1180px;margin:auto;padding:48px 0;display:grid}.login-auth{min-width:0}.login-auth :is(h1,h2){font-family:var(--heading);letter-spacing:-1.1px;margin:0 0 16px;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1.22}.login-description{color:var(--text-secondary,#746c7e);margin-bottom:24px;font-size:14px;line-height:1.7}.login-auth .google-signin{max-width:400px;margin-top:0}.login-auth .google-signin p{margin:0 0 12px}.login-auth .google-signin p:empty{display:none}.login-divider{color:var(--muted);align-items:center;gap:16px;margin:22px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-invitation{border:1px solid var(--line);background:0 0;border-radius:8px}.login-invitation summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:13px;list-style:none;display:flex}.login-invitation summary:hover{background:var(--surface-muted,#f5f1f7);border-radius:8px}.login-invitation summary:focus-visible{outline:2px solid var(--accent-ink,#b34568);outline-offset:3px;border-radius:8px}.login-invitation summary::-webkit-details-marker{display:none}.login-invitation summary>span{flex:1}.login-invitation summary>svg{color:var(--text-muted,#898491);flex-shrink:0}.login-invitation[open] summary>svg:last-child{transform:rotate(180deg)}.login-invitation .join-form{width:100%;max-width:none;padding:4px 16px 18px}.login-invitation .join-form p{color:var(--text-secondary,#746c7e);font-size:12px;line-height:1.6}.login-invitation input{width:100%;min-height:44px}.login-invitation .button{white-space:normal;min-height:44px}.login-help{color:var(--text-muted,#898491);margin-top:20px;font-size:12px;line-height:1.7}.login-auth>.form-error{overflow-wrap:anywhere;margin:16px 0;font-size:13px;line-height:1.6}.login-footer{width:100%;padding:24px 0 30px}.login-footer .install-app{max-width:400px}.login-footer .project-links{margin-bottom:16px}.login-blueprint{border:1px solid var(--line);background:var(--surface,#fff);border-radius:14px;align-self:center;overflow:hidden;box-shadow:0 18px 60px #1710210a}.login-blueprint-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 20px;font-size:12px;display:flex}.login-blueprint-heading>svg{color:var(--accent-ink,#b34568)}.login-blueprint-heading>span{color:var(--muted);margin-left:auto;font-size:10px}.login-blueprint-canvas{aspect-ratio:600/470;background-color:var(--canvas,#f8f7fa);background-image:radial-gradient(var(--canvas-dot,#e2dae9) .8px, transparent .8px);background-size:18px 18px;position:relative}.login-blueprint-links{width:100%;height:100%;stroke:var(--diagram-edge,#b49dc4);stroke-width:1.6px;position:absolute;inset:0}.login-blueprint-card{border:1px solid var(--line);background:var(--surface,#fff);border-radius:9px;width:35%;padding:16px;position:absolute;box-shadow:0 4px 15px #17102106}.login-blueprint-card h2{font-size:clamp(12px,1.3vw,16px);font-family:var(--heading);margin:12px 0 8px;line-height:1.3}.login-blueprint-card p{color:var(--text-secondary,#746c7e);font-size:clamp(10px,1vw,12px);line-height:1.6}.login-node-kind{color:var(--accent-ink,#a24e70);align-items:center;gap:7px;font-size:9px;display:flex}.login-node-tag{color:var(--text-muted,#898491);background:var(--surface-muted,#f5f1f7);border-radius:4px;margin-top:12px;padding:4px 6px;font-size:9px;display:inline-block}.login-runtime{top:10%;left:8%}.login-game{top:32%;left:56%}.login-server{border-color:var(--line-strong,#c6aecf);top:58%;left:8%}@media (width<=1000px){.login-layout{grid-template-columns:minmax(300px,360px) minmax(350px,1fr);gap:32px}.login-blueprint-card{padding:12px}.login-node-tag{display:none}}@media (width<=760px){.login-screen{padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left))}.login-header{padding:max(24px, env(safe-area-inset-top)) 0 20px;flex-wrap:wrap;gap:18px}.login-brand{gap:9px;font-size:24px}.login-brand img{width:30px;height:30px}.login-preferences{gap:6px}.login-preferences :is(select,.studio-select){min-width:0;max-width:100px;padding:7px}.login-layout{align-items:center;max-width:400px;padding:44px 0;display:flex}.login-auth{width:100%}.login-auth :is(h1,h2){font-size:32px}.login-blueprint{display:none}.login-invitation input{font-size:16px}.login-footer{max-width:400px;padding-bottom:max(24px, env(safe-area-inset-bottom));margin:0 auto}}.login-brand{min-width:0}.login-brand img{flex-shrink:0}.login-brand span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.login-preferences{flex-shrink:0}.demo-entry{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.demo-mode .peer-cursor{transition:translate 45ms linear}@media (prefers-reduced-motion:reduce){.demo-mode .peer-cursor{transition:none}}.demo-entry .button{width:100%;min-height:48px;color:var(--accent-ink);background:var(--accent-light);border-color:#0000;justify-content:center;text-decoration:none}.demo-entry .button>span{text-align:left;flex:1}.demo-entry p{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.6}.demo-mode{--demo-banner-height:42px;flex-direction:column;height:100dvh;display:flex}.demo-mode>.studio-shell,.demo-mode>.workspace-home{height:calc(100dvh - var(--demo-banner-height));flex:1;min-height:0}.demo-banner{z-index:80;min-height:var(--demo-banner-height);background:var(--accent-light);color:var(--accent-ink);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 18px;font-size:11px;display:flex;position:relative}.demo-banner-label,.demo-banner-actions{align-items:center;gap:12px;display:flex}.demo-banner-label>svg{flex-shrink:0}.demo-banner-actions>button,.demo-banner-actions>a,.demo-guide>summary{min-height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;font-size:11px;text-decoration:none;display:flex}.demo-banner-actions>button:hover,.demo-banner-actions>a:hover,.demo-guide>summary:hover{background:var(--surface)}.demo-guide>summary{list-style:none}.demo-guide>summary::-webkit-details-marker{display:none}.demo-guide nav{background:var(--surface);border:1px solid var(--line);width:min(360px,100vw - 24px);max-height:70dvh;color:var(--text);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);right:12px;overflow:auto;box-shadow:0 12px 40px #0003}.demo-guide nav a{color:inherit;border-radius:6px;flex-direction:column;gap:5px;padding:12px;line-height:1.5;text-decoration:none;display:flex}.demo-guide nav a:hover{background:var(--surface-muted)}.demo-guide nav span,.demo-guide nav p{color:var(--text-secondary);font-size:12px}.demo-guide nav p{padding:8px 12px;line-height:1.6}@media (width<=760px){.demo-mode{--demo-banner-height:48px}.demo-banner{gap:4px;padding:2px 10px}.demo-banner-label{gap:5px}.demo-banner-label>span,.demo-banner-actions>button>span,.demo-banner-actions>a>span{display:none}.demo-banner-actions{gap:2px}.demo-banner-actions>button,.demo-banner-actions>a,.demo-guide>summary{min-width:44px;min-height:44px}}.studio-shell .canvas-tool-dock>.button,.studio-shell .canvas-tool-dock .add-node-wrap>.button,.studio-shell .design-tool-dock>button,.studio-shell .design-tool-dock>details>summary{flex-shrink:0;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.studio-shell .canvas-tool-dock>.button>span{display:none}.studio-shell .canvas-tool-dock,.studio-shell .design-tool-dock{background:var(--surface,#fff);box-shadow:0 8px 24px #0003}@media (width<=1024px),(pointer:coarse){.studio-shell .canvas-tool-dock>.button,.studio-shell .canvas-tool-dock .add-node-wrap>.button,.studio-shell .design-tool-dock>button,.studio-shell .design-tool-dock>details>summary{width:44px;min-width:44px;height:44px;min-height:44px}.studio-shell .canvas-tool-dock{width:max-content;max-width:calc(100% - 16px);left:50%;right:auto;transform:translate(-50%)}}:root{--scroll-indicator:#0006;--scroll-indicator-hover:#0009}:root[data-theme=dark]{--scroll-indicator:#fff6;--scroll-indicator-hover:#fff9}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:where([data-scroll-active],:focus-visible,:has(>:focus-visible)){scrollbar-color:var(--scroll-indicator) transparent}@media (hover:hover){:where(:hover){scrollbar-color:var(--scroll-indicator) transparent}}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:999px;min-width:28px;min-height:28px}[data-scroll-active]::-webkit-scrollbar-thumb{background-color:var(--scroll-indicator)}:focus-visible::-webkit-scrollbar-thumb{background-color:var(--scroll-indicator)}:has(>:focus-visible)::-webkit-scrollbar-thumb{background-color:var(--scroll-indicator)}@media (hover:hover){:hover::-webkit-scrollbar-thumb{background-color:var(--scroll-indicator)}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-indicator-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-indicator-hover)}}}@media (forced-colors:active){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:auto;height:auto}::-webkit-scrollbar-thumb{background-color:canvastext!important}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-xl:36rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--type-body);--default-mono-font-family:var(--type-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}body{background:var(--background);color:var(--foreground);font-family:var(--type-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}small,kbd,code{font-size:.875rem}h1,h2,h3,h4{font-family:var(--type-heading)}[data-brand]{font-family:var(--type-body);color:var(--foreground)}button,a,input,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),[role=switch]:not(:disabled){cursor:pointer}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:4px}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--primary) 25%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,input,textarea,:is(select,.studio-select){font:inherit}button,a,input,textarea,:is(select,.studio-select){-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-ink,#a777bd);outline-offset:3px}button{transition:background .15s,border-color .15s}}@layer components{.ui-action-bar-positioner{pointer-events:none;z-index:40;justify-content:center;width:100%;padding:16px;display:flex}.ui-action-bar-positioner[data-position=fixed]{padding-bottom:calc(16px + env(safe-area-inset-bottom));inset-inline:0;position:fixed;bottom:0}.ui-action-bar-positioner[data-position=sticky]{padding-bottom:calc(16px + env(safe-area-inset-bottom));position:sticky;bottom:0}.ui-action-bar-positioner[data-align=start]{justify-content:flex-start}.ui-action-bar-positioner[data-align=end]{justify-content:flex-end}.ui-action-bar-positioner[data-variant=docked]{padding:0}.ui-action-bar{border:1px solid var(--border-strong);border-radius:calc(var(--radius-panel) + 4px);background:var(--surface);width:fit-content;max-width:min(64rem,100%);color:var(--foreground);pointer-events:auto;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 8px 32px #0003,0 2px 6px #0002}.ui-action-bar[data-variant=docked]{width:100%;max-width:none;padding:16px clamp(16px,3vw,32px);padding-bottom:max(16px, env(safe-area-inset-bottom));border-inline:0;border-bottom:0;border-radius:0}.ui-action-bar-label{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:14px;line-height:1.5}.ui-action-bar-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ui-action-bar [data-slot=button]{min-width:44px;min-height:44px}.ui-drawer-panel[data-direction=bottom]{border-bottom:0;border-radius:20px 20px 0 0;width:min(44rem,100%);max-height:min(90dvh,52rem);margin-inline:auto;inset:auto 0 0}.ui-drawer-panel[data-direction=right]{border-block:0;border-right:0;border-radius:16px 0 0 16px;width:min(30rem,100% - 12px);height:100dvh;inset:0 0 0 auto}.ui-drawer-handle[data-direction=bottom]{flex-shrink:0;justify-content:center;align-items:center;height:36px;display:flex}.ui-drawer-handle[data-direction=bottom]>span{background:var(--border-strong);border-radius:999px;width:48px;height:5px}.ui-drawer-handle[data-direction=right]{z-index:1;border:1px solid var(--border-strong);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;width:24px;height:64px;display:flex;position:absolute;top:calc(50% - 32px);left:-12px}.ui-drawer-handle[data-direction=right]>span{background:var(--border-strong);border-radius:999px;width:4px;height:28px}.ui-drawer-handle[data-enabled=true]{cursor:grab}.ui-drawer-handle[data-enabled=true]:active{cursor:grabbing}.ui-drawer-handle[data-enabled=true]:hover>span{background:var(--accent-ink)}.ui-drawer-panel[data-direction=bottom][data-handle=true] .ui-drawer-close{top:40px}.ui-drawer-panel[data-direction=right]>[data-slot=drawer-header]{padding-top:28px}.ui-drawer-footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}.select-tree-content{animation:.12s ease-out backdrop-in}.select-tree-row{cursor:pointer;transition:background-color .12s ease-out}.select-tree-node[data-active=true]>.select-tree-row,.select-tree-node>.select-tree-row:hover{background:var(--surface-raised)}.select-tree-node[data-selected=true]>.select-tree-row{background:var(--accent-soft);color:var(--accent-ink)}.select-tree-node:focus-visible>.select-tree-row{box-shadow:inset 0 0 0 2px var(--ring)}.select-tree-node[data-disabled=true]>.select-tree-row{cursor:not-allowed}.select-tree-footer>p{overflow-wrap:anywhere}.dialog-overlay{animation:.16s ease-out backdrop-in}.dialog-content{animation:.12s ease-out backdrop-in}[data-slot=button]{transition:background-color .15s,color .15s,border-color .15s,transform .15s}[data-slot=button]:active:not(:disabled){transform:translateY(1px)}.ui-panel-enter[data-state=active]{animation:ui-panel-in .22s var(--ease-out)}.ui-popover-enter[data-state=open]{animation:ui-popover-in .16s var(--ease-out);transform-origin:var(--radix-dropdown-menu-content-transform-origin,center)}.ui-accordion-content[data-state=open]{animation:ui-accordion-open .24s var(--ease-out)}.ui-accordion-content[data-state=closed]{animation:.2s ease-in-out ui-accordion-close}.ui-sheet-content{--sheet-start:100%}.ui-sheet-content[data-side=left]{--sheet-start:-100%}.ui-sheet-content[data-state=open]{animation:ui-sheet-in .28s var(--ease-out)}.ui-sheet-content[data-state=closed]{animation:.2s ease-in ui-sheet-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ui-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes ui-popover-in{0%{opacity:0;transform:scale(.97)translateY(-3px)}to{opacity:1;transform:none}}@keyframes ui-accordion-open{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes ui-accordion-close{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@keyframes ui-sheet-in{0%{transform:translateX(var(--sheet-start))}to{transform:translate(0)}}@keyframes ui-sheet-out{0%{transform:translate(0)}to{transform:translateX(var(--sheet-start))}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-1{margin-block:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-72{height:calc(var(--spacing) * 72)}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height)}.min-h-0{min-height:0}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-24{min-height:calc(var(--spacing) * 24)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-72{width:calc(var(--spacing) * 72)}.w-\[max\(var\(--radix-popover-trigger-width\)\,18rem\)\]{width:max(var(--radix-popover-trigger-width), 18rem)}.w-\[min\(400px\,calc\(100\%-1rem\)\)\]{width:min(400px,100% - 1rem)}.w-full{width:100%}.w-px{width:1px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.rotate-90{rotate:90deg}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-\[var\(--radius-panel\)\]{border-radius:var(--radius-panel)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--info\)\]\/20{border-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--info\)\]\/20{border-color:color-mix(in oklab, var(--info) 20%, transparent)}}.border-\[var\(--warning\)\]\/20{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--warning\)\]\/20{border-color:color-mix(in oklab, var(--warning) 20%, transparent)}}.border-border{border-color:var(--border)}.border-danger\/20{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/20{border-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.border-danger\/30{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/30{border-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.border-danger\/40{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/40{border-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.border-primary{border-color:var(--primary)}.border-success\/20{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-success\/20{border-color:color-mix(in oklab, var(--success) 20%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--border-strong\)\]{background-color:var(--border-strong)}.bg-\[var\(--info\)\]\/10{background-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--info\)\]\/10{background-color:color-mix(in oklab, var(--info) 10%, transparent)}}.bg-\[var\(--warning\)\]\/10{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--warning\)\]\/10{background-color:color-mix(in oklab, var(--warning) 10%, transparent)}}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-background{background-color:var(--background)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.bg-border{background-color:var(--border)}.bg-current{background-color:currentColor}.bg-danger\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-raised{background-color:var(--surface-raised)}.bg-success\/10{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/10{background-color:color-mix(in oklab, var(--success) 10%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-heading{font-family:var(--type-heading)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-accent-foreground{color:var(--accent-foreground)}.text-accent-ink{color:var(--accent-ink)}.text-danger{color:var(--danger)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-success{color:var(--success)}.underline-offset-4{text-underline-offset:4px}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-\[-3px\]{outline-offset:-3px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-muted::placeholder{color:var(--muted)}@media (hover:hover){.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:bg-danger\/20:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/20:hover{background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.hover\:bg-raised:hover,.hover\:bg-raised\/50:hover{background-color:var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-raised\/50:hover{background-color:color-mix(in oklab, var(--surface-raised) 50%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.aria-invalid\:border-danger[aria-invalid=true]{border-color:var(--danger)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-40[data-disabled=true]{opacity:.4}.data-\[highlighted\]\:bg-raised[data-highlighted]{background-color:var(--surface-raised)}.data-\[orientation\=horizontal\]\:h-2[data-orientation=horizontal]{height:calc(var(--spacing) * 2)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-48[data-orientation=vertical]{height:calc(var(--spacing) * 48)}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-2[data-orientation=vertical]{width:calc(var(--spacing) * 2)}.data-\[orientation\=vertical\]\:w-8[data-orientation=vertical]{width:calc(var(--spacing) * 8)}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted[data-placeholder]{color:var(--muted)}.data-\[selected\=true\]\:bg-raised[data-selected=true]{background-color:var(--surface-raised)}.data-\[state\=active\]\:text-accent-ink[data-state=active]{color:var(--accent-ink)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:border-transparent[data-state=checked]{border-color:#0000}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--primary)}.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--primary-foreground)}.data-\[state\=on\]\:border-border[data-state=on]{border-color:var(--border)}.data-\[state\=on\]\:bg-accent-soft[data-state=on]{background-color:var(--accent-soft)}.data-\[state\=on\]\:bg-raised[data-state=on]{background-color:var(--surface-raised)}.data-\[state\=on\]\:text-accent-ink[data-state=on]{color:var(--accent-ink)}.data-\[state\=on\]\:text-foreground[data-state=on]{color:var(--foreground)}.data-\[state\=selected\]\:bg-raised[data-state=selected]{background-color:var(--surface-raised)}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 3)}.\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:text-sm [cmdk-group-heading]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading]{color:var(--muted)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>span\:first-child\]\:min-w-0>span:first-child{min-width:0}.\[\&\>span\:first-child\]\:truncate>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:mb-3>svg{margin-bottom:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090b;--surface:#101012;--surface-raised:#18181b;--surface-hover:#222225;--foreground:#f4f4f5;--muted:#a1a1aa;--subtle:#85858f;--border:#27272b;--border-strong:#3f3f46;--accent:#d4f5a0;--accent-foreground:#202c12;--success:#99dca7;--danger:#fda4af;--warning:#f2cc8f;--info:#9ebeff;--primary:var(--foreground);--primary-foreground:var(--background);--accent-ink:var(--foreground);--accent-soft:var(--surface-raised);--ring:var(--success);--chart-primary:var(--success);--type-body:"Inter Variable", sans-serif;--type-heading:"Inter Variable", sans-serif;--type-mono:"JetBrains Mono Variable", monospace;--radius-control:6px;--radius-panel:8px;--radius:8px;--ease-out:cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--surface:#fff;--surface-raised:#f0f0f2;--surface-hover:#e7e7eb;--foreground:#18181b;--muted:#62626d;--subtle:#6e6e79;--border:#e0e0e5;--border-strong:#c7c7ce;--accent:#d4f5a0;--accent-foreground:#202c12;--success:#28753a;--danger:#b91c36;--warning:#876020;--info:#335db6;--primary:var(--foreground);--primary-foreground:var(--background);--accent-ink:var(--foreground);--accent-soft:var(--surface-raised);--ring:var(--success);--chart-primary:var(--success)}[data-brand=vagabond]{--type-body:"Inter Variable", sans-serif;--type-heading:"Inter Variable", sans-serif;--type-mono:"JetBrains Mono Variable", monospace;--radius-control:6px;--radius-panel:8px}[data-brand=gilvex]{--background:#141613;--surface:#1b1e19;--surface-raised:#252b21;--surface-hover:#30372b;--foreground:#f0f1e9;--muted:#a9b09f;--subtle:#9ba58e;--border:#32392c;--border-strong:#68735a;--primary:#d6ef9c;--primary-foreground:#202716;--accent:var(--primary);--accent-foreground:var(--primary-foreground);--accent-ink:#d6ef9c;--accent-soft:#283321;--ring:#d6ef9c;--chart-primary:#d6ef9c;--type-body:"DM Sans Variable", sans-serif;--type-heading:"Manrope Variable", sans-serif;--type-mono:"IBM Plex Mono", monospace;--radius-control:7px;--radius-panel:10px}[data-brand=gilvex][data-theme=light]{--background:#f6f7f0;--surface:#eff1e8;--surface-raised:#e4e9da;--surface-hover:#dce3ce;--foreground:#23281e;--muted:#59634f;--subtle:#626b58;--border:#d0d8c4;--border-strong:#7f8d70;--primary:#426126;--primary-foreground:#f9ffe9;--accent-ink:#36551d;--accent-soft:#e1ebd3;--ring:#557636;--chart-primary:#426126;--success:#236735;--warning:#775018;--danger:#9f2038;--info:#2f5399}[data-brand=gilgil]{--background:#121310;--surface:#191a16;--surface-raised:#23251e;--surface-hover:#2d3027;--foreground:#f1f0e9;--muted:#adb0a2;--subtle:#9fa48f;--border:#34362c;--border-strong:#6b705e;--primary:#e7c17c;--primary-foreground:#222117;--accent:var(--primary);--accent-foreground:var(--primary-foreground);--accent-ink:#e7c17c;--accent-soft:#30291d;--ring:#e7c17c;--chart-primary:#e7c17c;--type-body:"DM Sans Variable", sans-serif;--type-heading:"Manrope Variable", sans-serif;--type-mono:"IBM Plex Mono", monospace;--radius-control:4px;--radius-panel:8px}[data-brand=gilgil][data-theme=light]{--background:#faf7ee;--surface:#fffdf7;--surface-raised:#f0ebdf;--surface-hover:#e9e1d1;--foreground:#29271f;--muted:#696353;--subtle:#716b5b;--border:#ddd5c4;--border-strong:#8a7b62;--primary:#896128;--primary-foreground:#fffaf0;--accent-ink:#78511d;--accent-soft:#f1e6cf;--ring:#896128;--chart-primary:#896128;--success:#236735;--warning:#775018;--danger:#9f2038;--info:#2f5399}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}:root{color:var(--text-strong,#34313d);background:var(--canvas,#f8f7fa);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#b34568;--accent-light:#f8edf1;--line:#e8e5ee;--muted:#898491;--sidebar:#302b3b;--heading:"Manrope Variable", sans-serif;font-family:DM Sans Variable,sans-serif}.board-sections{border-bottom:1px solid var(--line);background:var(--surface,#fff);align-items:center;gap:4px;padding:9px 28px;display:flex}.board-sections>button{color:var(--text-secondary,#746c7e);background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.board-sections>button[aria-pressed=true]{background:var(--accent-light);color:var(--accent-ink,#963e5c);font-weight:700}.board-sections>span{color:var(--muted);margin-left:auto;font-size:11px}.wireframe-page .board-heading h1{flex-wrap:wrap}.wire-heading-label{color:var(--text-secondary,#84788e);border-left:1px solid var(--line);padding-left:10px;font-family:DM Sans Variable,sans-serif;font-size:11px;font-weight:500}.wireframe-page .react-flow__node-wireframe{background:0 0;border:none;border-radius:6px;padding:0}.wire-block{border:1px solid var(--line,#bdb5c4);background:var(--surface,#fff);width:100%;height:100%;color:var(--text-strong,#423a4c);border-radius:5px;flex-direction:column;justify-content:center;padding:14px 18px;display:flex;position:relative}.wire-block strong{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:1.35}.wire-block p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;font-size:13px;line-height:1.6}.wire-block>strong,.wire-block>p{overflow:hidden}.wire-block.wire-screen{border-color:var(--line,#c1b8c9);justify-content:flex-start;padding:0;box-shadow:0 6px 24px #302b3b0a}.wire-screen-title{border-bottom:1px solid var(--line,#e8e5ee);height:36px;min-height:36px;color:var(--text-secondary,#756b80);cursor:grab;background:var(--surface-muted,#faf9fb);border-radius:5px 5px 0 0;align-items:center;gap:12px;padding:0 13px;font-size:11px;display:flex}.wire-screen-title>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wire-window-dots{gap:4px;display:flex}.wire-window-dots i{background:var(--surface-raised,#d9d1df);border-radius:50%;width:5px;height:5px}.wire-block.wire-text{background:0 0;border-color:#0000;justify-content:flex-start;padding:4px}.wire-text strong{font-family:var(--heading);font-size:22px}.wire-block.wire-button{text-align:center;align-items:center;padding:8px 12px}.wire-button strong{font-size:13px}.wire-block.wire-tone-soft{background:var(--surface-muted,#f2eef5)}.wire-block.wire-tone-accent{color:#fff;background:#a34d6c;border-color:#a34d6c}.wire-block.wire-input{background:0 0;border:none;gap:7px;padding:0}.wire-input-label{color:var(--text-secondary,#62566b);font-size:11px;font-weight:600}.wire-input-placeholder{border:1px solid var(--line,#bdb5c4);background:var(--surface,white);color:var(--text-muted,#a097a8);border-radius:4px;flex:1;min-height:25px;padding:8px 11px;font-size:12px;overflow:hidden}.wire-block.wire-image{background:var(--surface-muted,#f2eff5);color:var(--text-muted,#9c90a7);border-style:dashed;align-items:center;gap:12px;font-size:12px}.wire-block.wire-navigation{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:8px 16px}.wire-navigation strong{font-size:13px}.wire-navigation>span:not(.wire-avatar-dot){white-space:pre-wrap;margin-left:auto;font-size:10px;overflow:hidden}.wire-avatar-dot{background:var(--surface-raised,#d8cbdc);border-radius:50%;flex-shrink:0;width:21px;height:21px}.wire-skeleton{gap:9px;margin-top:14px;display:grid}.wire-skeleton i{background:var(--surface-raised,#e8e2ed);border-radius:2px;width:90%;height:5px}.wire-skeleton i:last-child{width:60%}.wireframe-page .react-flow__handle{background:var(--surface,#fff);z-index:4;border:2px solid #a34d6c;width:10px;height:10px}.wireframe-page .react-flow__resize-control.handle{z-index:5;border-radius:2px;width:8px;height:8px}.wire-palette>p{color:var(--muted);padding:8px 10px;font-size:11px;line-height:1.5}.wire-kit{grid-template-columns:1fr 1fr;gap:7px;display:grid}.wire-kit>button{border:1px solid var(--line);background:var(--surface,#fff);border-radius:6px;align-items:center;gap:7px;padding:11px 8px;font-size:10px;display:flex}.wire-kit>button:hover{background:var(--accent-light,#f8edf1);border-color:var(--line,#d0a5b6)}.wire-kit>button:first-child{grid-column:1/-1}.wire-kit>button>svg:last-child{margin-left:auto}.wire-interaction{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.wire-interaction h3{align-items:center;gap:7px;font-size:12px;display:flex}.wire-existing-flow,.wire-screen-list>button{background:var(--surface-muted,#f7f3f8);text-align:left;overflow-wrap:anywhere;border:0;border-radius:5px;align-items:center;gap:7px;padding:9px;font-size:11px;display:flex}.wire-screen-list{gap:7px;display:grid}.wire-screen-list>button>svg:last-child{flex-shrink:0;margin-left:auto}.wire-screen-presets{gap:8px;display:flex}.wire-inspector .field-row input{width:100%;min-width:0}.wire-empty-art{color:var(--text-muted,#a58bae);position:relative}.wire-empty-art>svg:last-child{color:var(--accent-ink,#a34d6c);fill:var(--canvas,#f6f5f9);position:absolute;bottom:-2px;right:-5px}.wire-empty{gap:14px}.wire-empty .button+.button{background:0 0;border-color:#0000;margin-top:8px}.wire-hotspot{border-radius:inherit;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.wire-hotspot:hover{outline:2px dashed var(--accent-ink);outline-offset:3px}.wire-flow-link{white-space:normal;text-align:left;overflow-wrap:anywhere}.wire-edge-halo{pointer-events:none}.wire-surface .react-flow__edgelabel-renderer{z-index:5}.wire-edge-label{border:1px solid var(--line,#dfc7d1);background:var(--surface,#fff);color:var(--accent-ink,#74384f);white-space:nowrap;pointer-events:all;transform-origin:0 0;border-radius:6px;align-items:center;gap:7px;padding:5px 9px 5px 5px;font-size:11px;font-weight:600;display:flex;position:absolute;box-shadow:0 2px 5px #302b3b09}.wire-edge-label>span:first-child{background:var(--accent-light,#f8edf1);width:18px;height:18px;color:var(--accent-ink,#a34d6c);border-radius:4px;place-items:center;font-size:10px;display:grid}.wire-edge-label.is-compact{border-radius:5px;padding:2px}.wire-edge-label.is-compact .wire-edge-text{display:none}.wire-flow-index{gap:6px;display:grid}.wire-flow-index h3{text-align:left;font-size:12px}.wire-flow-index button{background:var(--surface,#fff);border:1px solid var(--line);text-align:left;border-radius:6px;gap:8px;padding:8px;display:flex}.wire-flow-index button:hover{border-color:var(--accent);background:var(--surface-muted,#fcf7f9)}.wire-flow-index button>span{background:var(--accent-light,#f8edf1);width:19px;height:19px;color:var(--accent-ink,#a34d6c);border-radius:4px;flex-shrink:0;place-items:center;font-size:10px;display:grid}.wire-flow-index strong{font-size:11px;font-weight:600}.wire-flow-index small{color:var(--text-secondary,#898491);margin-top:3px;font-size:10px;line-height:1.5;display:block}.wire-edge-label.is-active{border-color:#a34d6c;box-shadow:0 0 0 2px #a34d6c1a}.wire-edge-label.is-muted{opacity:.2}.wire-preview .canvas-tip{white-space:normal;text-align:center;max-width:75%;color:var(--accent-ink,#75495f);display:flex}@media (width<=1100px){.board-sections>span,.wire-heading-label{display:none}.wireframe-page .board-heading{flex-wrap:wrap;gap:10px}.wireframe-page .board-heading h1{font-size:18px}}@media (width<=760px){.board-sections{padding:7px 12px}.wireframe-page .board-heading{padding:13px 16px}.wireframe-page .board-heading p{max-width:none}.wireframe-page .canvas-heading-actions{width:100%}.wireframe-page .add-node-wrap{margin-left:auto}.wireframe-page .canvas-layout .wire-inspector{width:min(265px,82vw)}.wireframe-page .empty-canvas{width:90%}.wireframe-page .empty-canvas h2{font-size:20px}.wireframe-page .canvas-caption{top:9px}}*{box-sizing:border-box}body{margin:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}h1{letter-spacing:-.9px;font-size:25px;font-weight:750}h2{letter-spacing:-.5px}input,textarea,:is(select,.studio-select){border:1px solid var(--line,#ded9e5);background:var(--surface,#fff);width:100%;min-width:0;color:var(--text-strong,#34313d);border-radius:7px;outline:none;padding:9px 10px;font-size:12px}input:focus,textarea:focus,:is(select,.studio-select):focus{border-color:var(--line-strong,#aa7795);box-shadow:0 0 0 3px var(--accent-ring)}textarea{resize:vertical;line-height:1.65}input::placeholder,textarea::placeholder{color:var(--text-muted,#aaa4b1)}label{color:var(--text-secondary,#736c7c);flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}code{font-family:ui-monospace,monospace;font-size:11px}.button{border:1px solid var(--line,#e1dce7);background:var(--surface,white);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.button:hover{background:var(--surface-muted,#f7f4f8);border-color:var(--line,#c8bdce)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:color-mix(in srgb, var(--accent) 86%, #000)}.button.destructive{color:#fff;background:#af3750;border-color:#af3750}.icon-button{width:30px;height:30px;color:var(--text-secondary,#8a8292);background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-raised,#eee9f0);color:var(--text-strong,#43364d)}.danger{color:var(--accent-ink,#b14159)}.quiet{opacity:.55}.muted{color:var(--muted);font-size:12px}.small-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);width:224px;color:var(--text-muted,#bdb6c9);z-index:30;flex-direction:column;flex-shrink:0;padding:29px 17px 0;display:flex;position:relative}.sidebar-close{color:var(--text-muted,#bdb6c9);text-align:left;background:0 0;border:0;border-top:1px solid #ffffff10;flex-shrink:0;align-items:center;gap:10px;margin:auto 0 12px;padding:12px 10px;font-size:12px;display:flex}.sidebar-close:hover{color:#fff;background:#ffffff08}.sidebar-close:focus-visible{outline-offset:-2px;outline:2px solid #c7a6da}@media (width>=761px){.sidebar-collapsed .sidebar{display:none}}.brand{color:#fff;align-items:center;gap:11px;padding:0 8px;text-decoration:none;display:flex}.brand img{width:34px;height:34px}.brand>span{font-family:var(--heading);letter-spacing:-.6px;font-size:17px;font-weight:750}.brand small{color:var(--text-muted,#a59aae);letter-spacing:.3px;margin-top:4px;font-family:DM Sans Variable,sans-serif;font-size:10px;font-weight:400;display:block}.workspace-switch{text-align:left;width:100%;color:var(--text-muted,#eee7f3);background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;margin:29px 0 27px;padding:11px 10px;font-size:12px;font-weight:600;display:flex}.workspace-letter{border:1px solid var(--line-strong,#8c7497);background:#66596f;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.workspace-switch>span:nth-child(2){flex:1}.workspace-switch small{color:var(--text-muted,#a99db4);margin-top:3px;font-size:10px;font-weight:400;display:block}.nav-item{width:100%;color:var(--text-muted,#bbb2c8);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;margin:3px 0;padding:11px 12px;font-size:12px;display:flex}.nav-item.active{color:var(--text-muted,#f4d8e4);background:#534255}.nav-item:hover{background:#ffffff09}.nav-item.active:hover{background:#5b465c}.nav-item.active svg{color:var(--text-muted,#e9a9c4)}.nav-count{background:#ffffff0b;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.sidebar-section-heading{color:var(--text-muted,#a497af);justify-content:space-between;align-items:center;margin:29px 9px 8px;font-size:10px;font-weight:500;display:flex}.sidebar .icon-button{color:var(--text-muted,#a497af)}.sidebar .icon-button:hover{color:#fff;background:#ffffff0c}.board-list{min-height:50px;overflow-y:auto}.board-item{text-align:left;width:100%;color:var(--text-muted,#a89db5);background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:10px 12px;font-size:11px;line-height:1.4;display:flex}.board-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-item.active{color:var(--text-muted,#ebe3f2);background:#ffffff06}.board-item:hover{color:#fff;background:#ffffff08}.board-dot{background:#c28a9e;border-radius:2px;flex-shrink:0;width:6px;height:6px}.dot-1{background:#9d8ac5}.dot-2{background:#74a9a3}.dot-3{background:#beab7a}.avatar{background:var(--surface-raised,#e8dce9);width:27px;height:27px;color:var(--text-secondary,#7d547b);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{background:var(--surface,#fff);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:66px;padding:0 26px;display:flex}.breadcrumb{color:var(--text-muted,#aba4b1);white-space:nowrap;align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text-secondary,#625b6a);font-weight:500}.topbar-actions{align-items:center;gap:4px;display:flex}.save-indicator{color:var(--text-secondary,#8b8794);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.save-indicator.saved svg{color:var(--success-ink,#6e9286)}.save-indicator.error{color:var(--accent-ink,#b34256)}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 9px}.export-button{margin-left:12px;padding:7px 12px;font-size:11px}.board-tabs{border-bottom:1px solid var(--line);background:var(--surface,#fff);flex-shrink:0;justify-content:space-between;align-items:stretch;gap:12px;height:47px;padding:0 20px;display:flex}.board-tabs>div{gap:8px;display:flex;overflow-x:auto}.board-tabs>div>button{color:var(--text-secondary,#918995);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.board-tabs>div>button.active{color:var(--accent-ink,#a14464);border-bottom-color:var(--accent);font-weight:600}.board-tabs>div>button:hover{background:var(--surface-muted,#faf7fb)}.delete-board{align-self:center}.canvas-page{flex-direction:column;flex:1;min-height:0;display:flex}.canvas-page.canvas-fullscreen{z-index:100;background:var(--surface,#fff);width:100%;height:100dvh;position:fixed;inset:0}.canvas-heading-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.selected-node-list{overflow-wrap:anywhere;padding-left:18px;font-size:12px;line-height:1.8}@media (width<=760px){.fullscreen-toggle span{display:none}.canvas-heading-actions{gap:5px}}.board-heading{background:var(--surface,#fff);justify-content:space-between;align-items:center;gap:14px;padding:12px 28px;display:flex}.board-heading h1{align-items:center;gap:9px;font-size:23px;display:flex}.board-heading p{color:var(--text-secondary,#928996);margin-top:7px;font-size:11px;line-height:1.5}.board-heading .primary{padding:10px 13px;font-size:11px}.add-node-wrap{position:relative}.node-palette{background:var(--surface,#fff);border:1px solid var(--line);z-index:20;border-radius:10px;width:232px;padding:8px;position:absolute;top:45px;right:0;box-shadow:0 12px 40px #33233920}.canvas-insert-menu{z-index:25;background:var(--surface,#fff);border:1px solid var(--line);border-radius:9px;width:220px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);padding:6px;position:absolute;overflow-y:auto;box-shadow:0 8px 28px #33233924}.canvas-insert-heading{color:var(--muted);padding:8px 10px;font-size:11px}.canvas-insert-menu>button{width:100%;color:var(--text-strong,#514758);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.canvas-insert-menu>button:hover,.canvas-insert-menu>button:focus-visible{background:var(--accent-light);color:var(--accent-ink,var(--accent));outline:1px solid #d8b1bf}.canvas-insert-menu>p{color:var(--muted);padding:8px 10px;font-size:11px}.node-palette>button{background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;display:flex}.node-palette>button:hover{background:var(--surface-muted,#f5edf3)}.node-palette>button svg:last-child{color:var(--text-muted,#a9a0ae);margin-left:auto}.popover-heading{color:var(--text-secondary,#94849a);justify-content:space-between;align-items:center;padding-left:9px;font-size:10px;display:flex}.canvas-layout{border-top:1px solid var(--line);flex:1;min-height:0;display:flex}.canvas-surface{background:var(--canvas,#f6f5f9);flex:1;min-width:0;position:relative}.canvas-caption{z-index:5;border:1px solid var(--line,#e9e5ee);color:var(--text-muted,#9990a4);pointer-events:none;background:#f6f5f9e8;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;display:flex;position:absolute;top:18px;left:22px}.caption-separator{background:var(--surface-raised,#ddd5e4);width:1px;height:10px;margin:0 3px}.canvas-tip{color:var(--text-muted,#9c94a6);white-space:nowrap;border:1px solid var(--line,#e6e0ec);pointer-events:none;background:#f6f5f9eb;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.inspector{background:var(--surface,#fff);border-left:1px solid var(--line);flex-shrink:0;width:265px;overflow-y:auto}.inspector-heading{border-bottom:1px solid var(--line);min-height:50px;color:var(--text-secondary,#8e8497);justify-content:space-between;align-items:center;padding:15px 18px;font-size:10px;display:flex}.inspector.resizable-inspector{flex-direction:column;display:flex;overflow:hidden}.inspector-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.inspector-resize-handle{z-index:5;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:8px;position:absolute;inset:0 auto 0 0}.inspector-resize-handle:after{content:"";background:0 0;width:3px;transition:background .12s;position:absolute;top:0;bottom:0;left:0}.inspector-resize-handle:hover:after,.inspector-resize-handle:focus-visible:after,.is-resizing>.inspector-resize-handle:after{background:var(--accent)}.inspector-resize-handle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.inspector.is-resizing{-webkit-user-select:none;user-select:none}.inspector-body{flex-direction:column;gap:17px;padding:20px 18px;display:flex}.inspector-body h2{font-size:19px;line-height:1.5}.inspector-body>p{color:var(--text-muted,#9b92a2);font-size:11px;line-height:1.75}.overview-body{gap:20px}.overview-art{text-align:center;margin:10px 0 -3px}.overview-body>h2{text-align:center;font-size:18px;font-weight:650}.overview-body>p{text-align:center;font-size:10px;line-height:1.8}.overview-body>label{margin-top:5px}.overview-body textarea{background:var(--surface-muted,#fcfbfd);font-size:10px}.board-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:13px;margin:1px 0;padding:16px 0;display:flex}.board-facts>div{color:var(--text-muted,#9b91a4);justify-content:space-between;font-size:10px;display:flex}.board-facts strong{color:var(--text-secondary,#615568);font-size:11px;font-weight:600}.inspector-hint{color:var(--text-muted,#a49bad);gap:9px;display:flex}.inspector-hint svg{flex-shrink:0;margin-top:2px}.inspector-hint p{font-size:10px;line-height:1.8}.detail-kind{background:var(--surface-muted,#f2ecf6);color:var(--text-secondary,#8a63a7);border-radius:5px;align-self:flex-start;align-items:center;gap:7px;padding:5px 8px;font-size:10px;display:inline-flex}.field-row{gap:8px;display:flex}.field-row>label{flex:1;min-width:0}.field-row :is(select,.studio-select){font-size:10px}.field-label{color:var(--text-secondary,#736c7c);justify-content:space-between;font-size:11px;display:flex}.linked-list{flex-direction:column;gap:5px;display:flex}.linked-list:empty{display:none}.linked-requirement{border:1px solid var(--line);background:var(--surface-muted,#fdfbfe);border-radius:6px;align-items:center;display:flex}.linked-requirement>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:8px;font-size:9px;line-height:1.4;display:flex}.linked-requirement>button>span{color:var(--text-muted,#ad7c98);font-size:8px}.linked-requirement>button>svg{color:var(--text-muted,#ac9ab6);flex-shrink:0;margin-left:auto}.linked-requirement .icon-button{width:20px}.inspector-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:7px;padding-top:15px;display:flex}.inspector-actions .button{font-size:10px}.inline-name{display:flex}.inline-name input{font-family:var(--heading);width:300px;padding:4px 5px;font-size:20px;font-weight:700}.idea-node{background:var(--surface,#fff);border:1px solid var(--line,#ddd8e7);width:214px;color:var(--text-strong,#4c4259);border-radius:11px;overflow:visible;box-shadow:0 3px 4px #31233f04,0 5px 15px #31233f03}.idea-node.is-selected{border-color:var(--accent-ink,#a47fbb);box-shadow:0 0 0 3px var(--accent-ring)}.node-heading{align-items:center;gap:9px;padding:14px 14px 10px;display:flex}.node-icon{width:31px;height:31px;color:var(--text-secondary,#9c6b9f);background:var(--surface-muted,#f3eaf3);border-radius:8px;place-items:center;display:grid}.node-kind{color:var(--text-muted,#a192ad);font-size:10px}.status-dot{background:var(--surface-raised,#c7bfce);border-radius:50%;width:5px;height:5px;margin-left:auto}.status-dot.decided{background:#6b9d8b}.status-dot.question{background:#c79562}.node-title{font-family:var(--heading);letter-spacing:-.3px;padding:0 14px;font-size:15px;font-weight:750}.idea-node p{color:var(--text-secondary,#8f849c);min-height:56px;padding:7px 14px 15px;font-size:11px;line-height:1.65}.node-footer{border-top:1px solid var(--line,#eeeaf2);color:var(--text-muted,#afa3b8);justify-content:space-between;padding:9px 14px;font-size:9px;display:flex}.node-footer span:last-child{align-items:center;gap:4px;display:flex}.kind-layer .node-icon{background:var(--accent-light,#f7eaf0);color:var(--text-secondary,#b6698b)}.kind-instance .node-icon{background:var(--success-soft,#e9f2ed);color:var(--success-ink,#61957e)}.kind-database .node-icon{background:var(--info-soft,#eaf0f7);color:var(--info-ink,#6b8ab1)}.kind-person .node-icon{background:var(--warning-soft,#f8eee2);color:var(--warning-ink,#b99367)}.kind-note .node-icon{background:var(--warning-soft,#fbf3da);color:var(--warning-ink,#ad9a55)}.react-flow__handle{background:var(--surface,#fff)!important;border:2px solid var(--line,#c3b6d0)!important;width:9px!important;height:9px!important}.react-flow__handle:hover{background:var(--accent)!important;border-color:var(--accent)!important}.react-flow__edge-path{stroke:var(--edge-selection-color,var(--diagram-edge,#c7bed2))!important;stroke-width:var(--edge-selection-width,1.5)!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--edge-selection-color,#aa719d)!important;stroke-width:var(--edge-selection-width,2)!important}.react-flow__edge-text{fill:var(--text-muted,#a497b0);font-family:DM Sans Variable,sans-serif;font-size:9px}.react-flow__edge-textbg{fill:var(--canvas,#f6f5f9)}.react-flow__controls{border:1px solid var(--line,#e0d9e8);border-radius:7px;bottom:14px;left:10px;overflow:hidden;box-shadow:0 2px 6px #31233f08!important}.react-flow__controls-button{width:28px;height:28px;border-color:var(--line,#eeeaf2)!important;color:var(--text-secondary,#8b7c99)!important}.react-flow__controls-button svg{fill:var(--text-secondary,#8b7c99)}.react-flow__minimap{border:1px solid var(--line,#e3dce9);border-radius:8px;bottom:7px;overflow:hidden;background:var(--surface,#fff)!important;right:7px!important}.react-flow__attribution{color:var(--text-muted,#aaa0b5)!important;background:0 0!important;font-size:7px!important}.empty-canvas{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.empty-canvas>*{pointer-events:auto}.empty-canvas h2{font-size:19px}.empty-canvas p{color:var(--muted);font-size:12px}.empty-symbol{border:1px dashed var(--line,#c5b3ce);width:64px;height:64px;color:var(--text-muted,#b39bbe);background:#fff8;border-radius:20px;place-items:center;display:grid}.statusbar{background:var(--surface,#fff);border-top:1px solid var(--line);height:30px;color:var(--text-muted,#aaa1b2);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 23px;font-size:9px;display:flex}.statusbar>span:first-child{align-items:center;gap:7px;display:flex}.statusbar>span:first-child>.small-dot{color:var(--text-muted,#91a793)}.status-separator{padding:0 8px}.mobile-menu,.sidebar-backdrop{display:none}.content-page{background:var(--surface-muted,#fcfbfd);flex:1;min-height:0;padding:35px 38px;overflow-y:auto}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:var(--text-muted,#b2768e);margin-bottom:10px;font-size:10px}.page-heading h1{font-size:28px}.page-heading p{color:var(--text-muted,#93889d);margin-top:8px;font-size:12px;line-height:1.6}.requirements-summary{border-bottom:1px solid var(--line);align-items:center;gap:45px;margin-bottom:25px;padding:25px 0 29px;display:flex}.requirements-summary>div{flex-direction:column;gap:6px;display:flex}.requirements-summary strong{font-family:var(--heading);color:var(--text-secondary,#68526e);font-size:28px;font-weight:600}.requirements-summary span{color:var(--text-muted,#9d91a6);font-size:11px}.requirements-summary p{text-align:right;color:var(--text-muted,#a093a9);margin-left:auto;font-size:12px;line-height:1.7}.requirements-toolbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.search-field{background:var(--surface,#fff);border:1px solid var(--line);border-radius:7px;flex-direction:row;flex:1;align-items:center;gap:10px;max-width:370px;padding:0 12px;display:flex}.search-field input{box-shadow:none;background:0 0;border:0;padding-left:0;font-size:11px}.search-field svg{color:var(--text-muted,#a294ab);flex-shrink:0}.filter-field{flex-direction:row;align-items:center;gap:5px;display:flex}.filter-field :is(select,.studio-select){background:0 0;border:0;width:auto;padding:5px;font-size:11px}.requirements-toolbar>.muted{margin-left:auto;font-size:10px}.requirements-layout{align-items:flex-start;gap:22px;display:flex}.requirements-list{border:1px solid var(--line);background:var(--surface,#fff);border-radius:9px;flex:1;min-width:0;overflow:hidden}.requirement-table-head{background:var(--surface-muted,#f7f5fa);color:var(--text-muted,#a396ae);grid-template-columns:1fr 115px 90px;gap:12px;padding:12px 17px;font-size:10px;display:grid}.requirement-row{border:0;border-top:1px solid var(--line,#eeeaf2);text-align:left;background:0 0;grid-template-columns:1fr 115px 90px;align-items:center;gap:12px;width:100%;padding:16px 17px;display:grid}.requirement-row:hover{background:var(--surface-muted,#fcf9fc)}.requirement-row.active{background:var(--accent-light,#f7eef4)}.requirement-main{align-items:center;gap:15px;min-width:0;display:flex}.requirement-id{color:var(--text-muted,#ac98b6);min-width:23px;font-size:9px}.requirement-main strong{color:var(--text-secondary,#5d5269);font-size:11px;font-weight:550;line-height:1.6;display:block}.requirement-main small{color:var(--text-muted,#a99db2);margin-top:3px;font-size:9px;display:block}.priority{color:var(--text-muted,#9b8ba4);align-items:center;gap:5px;font-size:9px;display:flex}.priority>span{background:var(--surface-raised,#c6bbc9);border-radius:50%;width:4px;height:4px}.priority.must{color:var(--text-secondary,#b96d88)}.priority.must>span{background:#cb8ba5}.requirement-status{color:var(--text-muted,#9a8ca5);border:1px solid var(--line,#eee9f2);background:var(--surface-muted,#fcfafd);border-radius:5px;justify-self:start;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.requirement-status.ready{color:var(--success-ink,#618b79);background:var(--success-soft,#edf5ef)}.requirement-status.designing{color:var(--text-muted,#9471b1);background:var(--surface-muted,#f2ebfa)}.requirement-detail{background:var(--surface,#fff);border:1px solid var(--line);border-radius:9px;flex-shrink:0;width:295px;overflow:hidden}.requirement-detail .inspector-body{gap:18px}.board-link{background:var(--surface-muted,#faf7fc);border:1px solid var(--line);color:var(--text-secondary,#897298);border-radius:6px;justify-content:space-between;align-items:center;padding:10px;font-size:11px;display:flex}.empty-message{text-align:center;color:var(--text-muted,#b4a5bf);padding:55px 20px}.empty-message h3{color:var(--text-secondary,#776181);margin:15px 0 9px;font-size:15px}.empty-message p{font-size:11px}.concept-badge{background:var(--surface-muted,#f1edf7);color:var(--text-muted,#9680aa);border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.design-intro{border-bottom:1px solid var(--line);margin-bottom:31px;padding:10px 0 32px}.design-intro h2{color:var(--text-secondary,#6f587a);letter-spacing:-.6px;font-size:23px;font-weight:600;line-height:1.5}.design-intro p{color:var(--text-muted,#a296ac);margin-top:13px;font-size:11px;line-height:1.8}.design-grid{grid-template-columns:240px 1fr;gap:45px;display:grid}.design-settings>section{margin-bottom:28px}.design-settings h3{color:var(--text-muted,#b49ec3);margin-bottom:12px;font-size:10px;font-weight:400}.design-settings h3 span{color:var(--text-secondary,#74627f);margin-left:10px;font-size:12px;font-weight:600}.design-settings p{color:var(--text-muted,#a799b1);margin:10px 0;font-size:10px;line-height:1.8}.swatches{gap:10px;margin:19px 0;display:flex}.swatches button{border:3px solid var(--line,white);border-radius:50%;outline:1px solid #e1d7e8;place-items:center;width:33px;height:33px;display:grid}.swatches button:hover{outline-color:#947f9f}.color-picker{color:var(--text-muted,#9b8ba7);flex-direction:row;align-items:center;gap:7px;font-size:10px;display:flex}.color-picker input{background:0 0;border:0;width:25px;height:24px;padding:0}.color-picker code{color:var(--text-muted,#9f8daa);font-size:9px}.type-sample{font-family:var(--heading);color:var(--text-secondary,#6d5779);align-items:center;gap:17px;font-size:48px;font-weight:600;display:flex}.type-sample span{font-family:DM Sans Variable,sans-serif;font-size:11px;font-weight:500;line-height:1.8}.type-sample small{color:var(--text-muted,#a69aae);font-size:9px;font-weight:400}.body-sample{color:var(--text-secondary,#91819d);margin:10px 0;font-size:12px}.body-sample small{color:var(--text-muted,#b2a3bc);margin-top:6px;font-size:9px;display:block}.preview-label{color:var(--text-muted,#9b8ba5);align-items:center;gap:7px;margin-bottom:12px;font-size:10px;display:flex}.preview-label>span:last-child{margin-left:auto;font-size:9px}.product-preview{background:var(--surface,#fff);border:1px solid var(--line,#e2d9e9);border-radius:11px;overflow:hidden;box-shadow:0 12px 40px #523c6909}.preview-top{border-bottom:1px solid var(--line,#eee8f3);justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.preview-brand{font-family:var(--heading);letter-spacing:-.5px;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.preview-brand img{width:24px;height:24px}.preview-nav{color:var(--text-muted,#ab9eb5);align-items:center;gap:7px;padding:20px 22px;font-size:9px;display:flex}.preview-title{justify-content:space-between;align-items:center;gap:10px;padding:1px 22px 24px;display:flex}.preview-title h2{color:var(--text-strong,#514357);font-size:19px;font-weight:700}.preview-title p{color:var(--text-muted,#ac9cb4);margin-top:6px;font-size:10px}.preview-health{white-space:nowrap;color:var(--success-ink,#769683);align-items:center;gap:5px;font-size:8px;display:flex}.preview-health span{background:#88b195;border-radius:50%;width:4px;height:4px}.preview-tabs{border-bottom:1px solid var(--line,#eee7f4);gap:25px;padding:0 22px;display:flex}.preview-tabs button{color:var(--text-muted,#a493af);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 12px;font-size:10px}.preview-tabs button.active{border-color:var(--preview-accent);color:var(--preview-accent)}.preview-list-toolbar{color:var(--text-muted,#ae9eb8);justify-content:space-between;padding:20px 22px 12px;font-size:9px;display:flex}.preview-list-toolbar>span:first-child{align-items:center;gap:7px;display:flex}.preview-service{border-bottom:1px solid var(--line,#f3edf7);flex-direction:row;align-items:center;gap:10px;padding:17px 22px;font-weight:400;display:flex}.preview-service input{width:12px;height:12px;accent-color:var(--preview-accent)}.preview-service-icon{background:color-mix(in srgb, var(--preview-accent), white 92%);width:30px;height:30px;color:var(--preview-accent);border-radius:6px;place-items:center;display:grid}.preview-service>span:nth-of-type(2){flex:1}.preview-service strong{color:var(--text-secondary,#6f5b7b);font-size:10px;font-weight:550;display:block}.preview-service small{color:var(--text-muted,#b09ebc);margin-top:4px;font-size:8px;display:block}.preview-running{color:var(--success-ink,#70a085);background:var(--success-soft,#eef6f0);border:1px solid var(--line,#e5f0e7);border-radius:4px;padding:4px 6px;font-size:8px}.preview-port{color:var(--text-muted,#b4a2bf);font-size:9px}.preview-footnote{color:var(--text-muted,#b29cbc);align-items:center;gap:7px;padding:22px;font-size:9px;display:flex}.product-preview.compact .preview-service{padding-top:10px;padding-bottom:10px}.preview-selection{background:var(--surface-muted,#f7f1fa);color:var(--text-secondary,#90769f);padding:10px 22px;font-size:9px;line-height:1.7}.design-principles{justify-content:space-between;gap:15px;margin:27px 0;display:flex}.design-principles span{color:var(--text-secondary,#8b7598);font-size:11px;font-weight:600}.design-principles p{color:var(--text-muted,#b1a0bb);margin-top:7px;font-size:9px;line-height:1.6}.study-note{color:var(--text-muted,#b8a8c2);font-size:9px;line-height:1.8}.preview-events{min-height:235px;padding:23px}.preview-events h3{color:var(--text-secondary,#8d729d);align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.preview-events>div{color:var(--text-secondary,#8d779c);align-items:center;gap:11px;margin:19px 0;font-size:10px;display:flex}.preview-events small{color:var(--text-muted,#b7a6c2);margin-top:5px;font-size:8px;display:block}.event-bullet{background:var(--preview-accent);border-radius:50%;width:5px;height:5px;margin-left:5px}.preview-events p{color:var(--text-muted,#b5a4c0);align-items:center;gap:7px;margin-top:25px;font-size:9px;line-height:1.8;display:flex}.notes-layout{grid-template-columns:1fr 235px;gap:32px;display:grid}.notes-editor{width:100%;height:calc(100dvh - 240px);min-height:600px;color:var(--text-secondary,#786483);background:var(--surface,#fff);resize:vertical;border-color:var(--line,#e8dfed);border-radius:10px;padding:27px;font-size:12px;line-height:2}.notes-aside{padding:15px 0}.notes-aside h3{color:var(--text-secondary,#7e638d);margin-bottom:14px;font-size:12px}.notes-aside p{color:var(--text-muted,#a696b0);font-size:11px;line-height:1.9}.notes-aside a{color:var(--text-muted,#977aa6);justify-content:space-between;margin-top:18px;font-size:10px;text-decoration:none;display:flex}.notes-aside small{color:var(--text-muted,#b39cbd);font-size:10px}.note-divider{background:var(--line);height:1px;margin:25px 0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2d203758;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface,#fff);border:1px solid var(--line,#e7dcea);border-radius:15px;width:460px;max-width:100%;max-height:90dvh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 22px 80px #20152535}.modal-close{position:absolute;top:12px;right:13px}.modal h2{margin:13px 0;font-size:23px;font-weight:700;line-height:1.4}.modal p{color:var(--text-muted,#9e8faa);margin-bottom:23px;font-size:12px;line-height:1.9}.modal-symbol{background:var(--accent-light,#f6eaf1);width:47px;height:47px;color:var(--text-muted,#b87a99);border-radius:12px;place-items:center;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.snapshot-list{max-height:330px;overflow-y:auto}.snapshot-list>div:not(.loading-status):not(.loading-skeleton){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.snapshot-list strong{color:var(--text-secondary,#8a7197);font-size:12px;font-weight:500}.snapshot-list small{color:var(--text-muted,#b1a0bc);margin-top:5px;font-size:10px;display:block}.snapshot-list button{font-size:10px}.notice{background:var(--surface-muted,#f5eef9);border-bottom:1px solid var(--line,#e4d8ed);color:var(--text-secondary,#9472a4);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:11px;display:flex}.error-banner{background:var(--accent-light,#fff0f1);border-bottom:1px solid var(--line,#efcad0);color:var(--accent-ink,#ab455e);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;font-size:11px;line-height:1.7;display:flex}.error-banner>span{flex:1}.error-banner button{border:1px solid var(--line,#e6b6c3);background:var(--surface,#fff);color:var(--accent-ink,#ae4361);border-radius:5px;padding:6px 8px;font-size:10px}.boot-screen{background:var(--surface-muted,#f8f5fb);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;display:flex}.boot-screen>img{width:55px;height:55px}.boot-screen h1{color:var(--text-secondary,#6c5479);font-size:24px}.boot-screen p{color:var(--text-muted,#a28cad);font-size:12px}.spinning{animation:1.5s linear infinite spin}@media (width>=1600px){.sidebar{width:242px;padding-top:32px}.inspector{width:300px}.inspector-body{padding:25px}.board-heading{padding-top:12px;padding-bottom:12px}.content-page{padding:40px 50px}.design-grid{grid-template-columns:270px 1fr;gap:65px}.node-title{font-size:16px}}@media (width<=1250px){.sidebar{width:202px;padding-left:12px;padding-right:12px}.brand{gap:9px;padding:0 5px}.brand>span{font-size:16px}.brand img{width:30px;height:30px}.inspector{width:240px}.topbar{padding:0 18px}.save-indicator{font-size:9px}.toolbar-divider{margin:0 5px}.content-page{padding:28px}.requirements-layout{gap:15px}.requirement-detail{width:265px}.requirement-table-head,.requirement-row{grid-template-columns:1fr 85px 76px;gap:6px;padding-left:12px;padding-right:12px}.requirement-main{gap:8px}.requirement-main strong{font-size:10px}.priority,.requirement-status{font-size:8px}.design-grid{grid-template-columns:215px 1fr;gap:25px}.preview-port{display:none}}@media (width<=1000px){.sidebar{width:190px}.sidebar .brand>span{font-size:14px}.sidebar .brand img{width:27px}.nav-item{padding:10px 9px;font-size:11px}.board-item{padding-left:10px;font-size:10px}.inspector{width:225px}.board-heading{padding:12px 20px}.board-heading h1{font-size:20px}.board-heading p{font-size:10px}.board-tabs{padding:0 12px}.board-tabs>div>button{font-size:9px}.save-indicator>span{display:none}.content-page{padding:25px}.requirements-layout{flex-direction:column}.requirement-detail,.requirements-list{width:100%}.requirement-table-head,.requirement-row{grid-template-columns:1fr 100px 90px}.requirements-summary{gap:24px}.requirements-summary p{display:none}.design-grid{grid-template-columns:1fr}.design-settings{grid-template-columns:1fr 1fr;gap:15px 25px;display:grid}.design-settings>section{margin-bottom:10px}.notes-layout{grid-template-columns:1fr}.notes-aside,.canvas-tip{display:none}.overview-body{gap:14px}}@media (width<=760px){.sidebar{visibility:hidden;z-index:50;width:224px;transition:left .2s;position:fixed;top:0;bottom:0;left:-250px}.sidebar.open{visibility:visible;left:0}.sidebar-backdrop{z-index:40;background:#2f233666;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:inline-flex}.desktop-sidebar-toggle{display:none}.topbar{gap:5px;height:58px;padding:0 10px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span{display:none}.topbar-actions{gap:0}.toolbar-divider{display:none}.export-button{margin-left:5px;padding:7px}.export-button span{display:none}.topbar-actions>.icon-button{width:28px}.board-tabs{height:43px;padding:0 10px}.board-heading{padding:12px 16px}.board-heading h1{font-size:19px}.board-heading .primary{padding:9px 10px;font-size:10px}.board-heading p{max-width:250px}.inspector{z-index:10;width:220px;position:absolute;top:201px;bottom:30px;right:0;box-shadow:-6px 0 30px #3822450c}.canvas-layout{position:relative}.canvas-layout .inspector{top:0;bottom:0}.canvas-caption{font-size:8px;top:15px;left:15px}.statusbar{padding:0 12px;font-size:8px}.content-page{padding:24px 17px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .button{padding:9px;font-size:10px}.page-heading p{font-size:11px}.requirements-summary{gap:22px;padding-top:5px}.requirements-summary strong{font-size:24px}.requirements-summary span{font-size:9px}.requirements-toolbar{gap:8px}.requirements-toolbar>.muted{display:none}.filter-field{gap:0}.filter-field :is(select,.studio-select){font-size:10px}.search-field{padding:0 8px}.search-field input{font-size:10px}.requirement-table-head,.requirement-row{grid-template-columns:1fr 80px;gap:8px}.requirement-table-head>span:nth-child(2),.requirement-row>.priority{display:none}.requirement-main strong{font-size:11px}.requirement-status{font-size:8px}.design-intro h2{font-size:20px}.concept-badge{white-space:nowrap;font-size:8px}.design-settings{grid-template-columns:1fr 1fr;gap:20px}.design-settings>label{grid-column:1/-1}.preview-title{align-items:flex-start}.preview-health{display:none}.preview-top{padding:16px}.preview-nav,.preview-title,.preview-service{padding-left:16px;padding-right:16px}.notes-editor{padding:18px;font-size:11px}.modal{padding:25px}.modal h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.export-json{resize:vertical;width:100%;height:220px;font:12px/1.5 monospace}.node-kind,.idea-node p{color:var(--text-secondary,#786a83)}.node-footer{color:var(--text-secondary,#8b7a95)}.board-heading p,.page-heading p{color:var(--text-secondary,#807286)}.inspector-body>p,.overview-body>p,.inspector-hint{color:var(--text-secondary,#82718e)}.board-facts>div{color:var(--text-secondary,#857290)}.canvas-tip,.canvas-caption{color:var(--text-secondary,#867293)}.requirement-main small{color:var(--text-secondary,#8b7598)}.requirement-id{color:var(--text-secondary,#93749f)}.requirements-summary span,.design-settings p,.design-intro p,.notes-aside p{color:var(--text-secondary,#887093)}.design-principles p,.study-note{color:var(--text-secondary,#92769e)}.preview-service small,.preview-title p,.preview-events small,.preview-footnote,.preview-port{color:var(--text-secondary,#8c739a)}.preview-label{color:var(--text-secondary,#846a93)}.node-palette>button:hover{color:var(--accent-ink,#7b3d67)}.collaboration-bar{border-left:1px solid var(--line);align-items:center;gap:8px;margin-left:8px;padding-left:12px;display:flex;position:relative}.connection-dot{background:#b8954a;border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-dot.online{background:#39826b}.person-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.person-avatar img{object-fit:cover;width:100%;height:100%}.profile-button,.people-button{background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:3px;font-size:11px;display:flex}.profile-button>span:last-child:not(.person-avatar){text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.collaboration-popover{z-index:80;border:1px solid var(--line);background:var(--surface,#fff);width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);color:var(--text-strong,#4b3d54);text-align:left;border-radius:12px;padding:20px;position:absolute;top:44px;right:0;overflow:auto;box-shadow:0 16px 50px #2b20322b}.collaboration-popover-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:16px;display:flex}.collaboration-popover form{flex-direction:column;gap:14px;display:flex}.collaboration-popover label,.join-form label{flex-direction:column;gap:7px;font-size:12px;display:flex}.collaboration-hint{color:var(--text-secondary,#786780);margin:12px 0;font-size:12px;line-height:1.6}.profile-picture-editor{align-items:center;gap:10px;display:flex}.profile-picture-editor .person-avatar{width:54px;height:54px;font-size:17px}.profile-picture-editor .button{cursor:pointer}.text-button{color:var(--accent-ink,#8d4162);background:0 0;border:0;padding:0;font-size:11px}.people-list>div{align-items:center;gap:10px;margin:14px 0;display:flex}.people-list strong{font-size:12px;display:block}.people-list small{color:var(--text-secondary,#807087);margin-top:4px;font-size:11px;display:block}.invite-output{margin-top:16px}.team-activity-list>div{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 0;font-size:12px;display:flex}.team-activity-list p{margin:5px 0}.team-activity-list small{color:var(--text-secondary,#84768b);font-size:10px}.activity-seed{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.form-error{color:var(--accent-ink,#a22e50);margin-top:12px;font-size:12px;line-height:1.5}.join-form{text-align:left;flex-direction:column;gap:16px;width:340px;max-width:calc(100vw - 36px);display:flex}.join-form p{line-height:1.6}.legacy-json{width:600px;max-width:calc(100vw - 36px);height:180px;margin:16px 0;font-size:11px}.peer-cursor,.peer-node-label{pointer-events:none;transform-origin:0 0;z-index:1100;position:absolute}.peer-cursor{align-items:flex-start;gap:3px;transition:translate .12s cubic-bezier(.22,1,.36,1);display:flex;top:0;left:0}.peer-cursor span,.peer-node-label{color:#fff;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:11px;box-shadow:0 2px 6px #0002}.peer-cursor span{align-items:center;gap:5px;margin-top:16px;display:flex}.peer-cursor img{object-fit:cover;border-radius:50%;width:20px;height:20px}@media (width<=1100px){.profile-button>span:last-child:not(.person-avatar){display:none}.topbar-actions{gap:5px}.save-indicator span{display:none}}@media (width<=760px){.collaboration-bar{gap:3px;margin-left:2px;padding-left:5px}.collaboration-bar .person-avatar{width:25px;height:25px}.topbar .breadcrumb{display:none}.topbar:has(.collaboration-bar) .breadcrumb{display:flex}.topbar:has(.collaboration-bar) .breadcrumb>strong{display:none}.connection-dot{display:none}.topbar-actions{flex:1;justify-content:flex-end}}.tab-presence{flex-shrink:0;align-items:center;margin-left:auto;padding-left:3px;display:inline-flex}.tab-presence .person-avatar,.tab-presence-more{border:2px solid var(--line,#fff);box-sizing:content-box;width:20px;height:20px;margin-left:-4px;font-size:8px}.sidebar .tab-presence .person-avatar,.sidebar .tab-presence-more{border-color:#312b3e}.tab-presence-more{background:var(--surface-raised,#e9e2ec);color:var(--text-strong,#59445f);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.board-tabs .tab-presence{margin-left:4px}.nav-item:has(.tab-presence) .nav-count{margin-left:0}.nav-item>svg{flex-shrink:0}.node-selection-presence,.edge-selection-presence{pointer-events:none;transform-origin:0 0;z-index:1100;position:absolute}.selection-badges{flex-wrap:wrap;gap:4px;width:max-content;max-width:280px;display:flex}.selection-person{color:var(--text-strong,#40354c);background:var(--surface,#fff);overflow-wrap:anywhere;border:1.5px solid;border-radius:7px;align-items:center;gap:5px;max-width:100%;padding:3px 7px 3px 3px;font-size:11px;line-height:18px;display:inline-flex;box-shadow:0 2px 6px #0002}.selection-person .person-avatar{flex-shrink:0;width:20px;height:20px;font-size:8px}.requirement-people{flex-wrap:wrap;grid-column:1/-1;gap:5px;min-width:0;display:flex}.requirement-person{background:var(--surface,#fff);text-align:left;border:1px solid;border-radius:7px;align-items:center;gap:6px;max-width:100%;padding:4px 7px;display:inline-flex}.requirement-person>span:last-child{overflow-wrap:anywhere;min-width:0}.requirement-person .person-avatar{flex-shrink:0;width:22px;height:22px;font-size:9px}.requirement-person strong{color:var(--text-strong,#493b53);font-size:10px;display:block}.requirement-person small{color:var(--text-secondary,#786a83);margin-top:1px;font-size:10px;display:block}.requirement-field-presence{color:var(--text-secondary,#665173);margin-top:6px;font-size:10px;line-height:1.5;display:block}.requirement-detail .requirement-people{margin-bottom:18px}.workspace-home{max-width:1120px;margin:0 auto;padding:32px 40px 80px}.workspace-home-header,.workspace-home-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.workspace-home-header{margin-bottom:78px}.workspace-home-header .brand{margin:0}.workspace-home-title{margin-bottom:38px}.workspace-home-title h1{letter-spacing:-1.8px;margin:12px 0;font-family:Manrope Variable,sans-serif;font-size:clamp(32px,4vw,48px)}.workspace-home-title p{color:var(--muted,#77717f);max-width:490px;line-height:1.6}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.workspace-card{text-align:left;border:1px solid var(--line);background:var(--surface,white);border-radius:18px;padding:24px;transition:border-color .16s,box-shadow .16s}.workspace-card:hover{border-color:var(--accent);box-shadow:0 8px 28px #4830490a}.workspace-card-icon{color:var(--accent-ink,var(--accent));background:var(--accent-light);border-radius:14px;margin-bottom:24px;padding:13px;display:inline-flex}.workspace-card-role{float:right;color:var(--text-secondary,#77717f);margin-top:16px;font-size:11px}.workspace-card h2{overflow-wrap:anywhere;margin:0 0 30px;font-size:20px}.workspace-card-footer{color:var(--text-secondary,#77717f);justify-content:space-between;font-size:12px;display:flex}.workspace-create{background:var(--surface,white);border:1px solid var(--line);border-radius:16px;max-width:520px;margin-bottom:28px;padding:24px}.workspace-create label{gap:10px;font-weight:600;display:grid}.workspace-create input{border:1px solid var(--line);border-radius:8px;padding:12px}.workspace-create p{color:var(--text-secondary,#77717f);font-size:13px;line-height:1.6}@media (width<=650px){.workspace-home{padding:24px 20px}.workspace-home-header{margin-bottom:40px}.workspace-home-title{flex-direction:column;align-items:start}}.account-connection{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.account-connection p,.google-signin p{color:var(--text-secondary,#77717f);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.google-signin{flex-shrink:0;width:100%;min-width:0;max-width:none;margin:10px 0}.boot-screen>.google-signin{width:340px;max-width:calc(100vw - 36px)}.google-signin-control{--google-button-scale:1.2;border-radius:7px;width:100%;height:48px;overflow:hidden}.google-signin-button{width:calc(100% / var(--google-button-scale));min-height:40px;transform:scale(var(--google-button-scale));transform-origin:0 0}.google-signin-button iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.google-signin-control:focus-within{outline:2px solid var(--accent-ink,#b34568);outline-offset:3px}.workspace-home-header .brand{color:var(--text-strong,#34313d)}.workspace-home-header .brand small{color:var(--text-secondary,#77717f)}.workspace-hosted{border:1px solid var(--line,#dfccd3);background:var(--accent-light);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:-36px 0 36px;padding:18px 22px;font-size:14px;display:flex}.mobile-bottom-nav,.mobile-sheet-heading,.mobile-workspace-tools,.touch-tool-label,.button.touch-select{display:none}@media (width<=1024px),(pointer:coarse) and (width<=1366px){:root{--mobile-navigation-height:calc(60px + env(safe-area-inset-bottom,0px))}.studio-shell{--bottom-nav-height:var(--mobile-navigation-height)}.main-area{min-height:0}.studio-shell .sidebar{width:min(480px,100%);max-height:calc(100dvh - 16px);padding:12px 20px max(20px, env(safe-area-inset-bottom));z-index:70;visibility:hidden;overscroll-behavior:contain;border-radius:20px 20px 0 0;margin:0 auto;transition:transform .18s;display:flex;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.studio-shell .sidebar.open{visibility:visible;transform:translateY(0)}.sidebar>.brand,.sidebar>nav,.sidebar>.sidebar-close{display:none}.sidebar .workspace-switch{flex-shrink:0;min-height:56px;margin:12px 0 16px}.sidebar .board-list{flex-shrink:0;overflow:visible}.sidebar .board-item{min-height:46px;font-size:13px}.sidebar .sidebar-section-heading{margin-top:0}.sidebar-backdrop{z-index:65;background:#20172870;border:0;display:block;position:fixed;inset:0}.mobile-sheet-heading{color:#fff;justify-content:space-between;align-items:center;font-size:16px;display:flex}.mobile-sheet-heading .icon-button{color:var(--text-muted,#d8d0e1)}.mobile-workspace-tools{gap:2px;padding-top:16px;display:grid}.mobile-workspace-tools>span{color:var(--text-muted,#bcb0c8);border-top:1px solid #ffffff18;padding:10px;font-size:11px}.mobile-workspace-tools button{min-height:46px;color:var(--text-muted,#eee8f4);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:10px;font-size:13px;display:flex}.mobile-workspace-tools button:hover{background:#ffffff10}.mobile-workspace-tools button:disabled{opacity:.4}.desktop-sidebar-toggle,.mobile-menu,.statusbar{display:none}.mobile-bottom-nav{height:var(--bottom-nav-height);padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));background:var(--surface,#fff);border-top:1px solid var(--line);z-index:300;flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.mobile-bottom-nav>button{min-height:48px;color:var(--text-secondary,#796f82);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex;position:relative}.mobile-bottom-nav>button[aria-current=page]{background:var(--accent-light);color:var(--accent-ink,#a33d60);font-weight:650}.mobile-bottom-nav>button{place-self:center;width:48px}.mobile-bottom-nav .tab-presence{position:absolute;top:3px;right:calc(50% - 26px)}.mobile-bottom-nav .person-avatar{width:14px;height:14px;font-size:6px}.mobile-bottom-nav .person-avatar:not(:first-child),.mobile-bottom-nav .tab-presence-more{display:none}.topbar{gap:6px;height:56px;padding:0 12px}.topbar .breadcrumb{min-width:0;display:flex}.topbar .breadcrumb>span{display:none}.topbar:has(.collaboration-bar) .breadcrumb>strong{text-overflow:ellipsis;max-width:125px;font-size:13px;display:block;overflow:hidden}.topbar-actions{flex:none;gap:2px}.topbar-actions>[aria-label=Revision\ history],.topbar-actions>[aria-label=Import\ workspace],.topbar-actions>.export-button,.toolbar-divider{display:none}.topbar-actions .icon-button,.profile-button,.people-button{min-width:44px;min-height:44px}.save-indicator{min-height:44px;padding:4px}.save-indicator>span{display:none}.collaboration-bar{border:0;gap:0;margin-left:2px;padding-left:3px}.profile-button>span:last-child:not(.person-avatar),.connection-dot{display:none}.collaboration-popover{top:auto;bottom:var(--bottom-nav-height);width:min(440px,100vw - 16px);max-width:none;max-height:calc(100dvh - var(--bottom-nav-height) - 24px);margin-left:auto;position:fixed;left:8px;right:8px}.board-tabs{gap:0;height:44px;padding:0 8px}.board-tabs>div{width:100%}.board-tabs>div>button{flex-shrink:0;min-width:44px;font-size:11px}.delete-board{display:none}.board-sections{flex-shrink:0;padding:3px 10px}.board-sections>button{min-height:40px;font-size:12px}.board-sections>span{display:none}.canvas-page{padding-bottom:64px;position:relative}.canvas-page.canvas-fullscreen{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.canvas-page .board-heading{flex-shrink:0;gap:0;min-height:42px;padding:8px 14px}.board-heading>div:first-child{min-width:0}.canvas-page .board-heading h1{overflow-wrap:anywhere;flex-wrap:nowrap;font-size:16px}.wire-heading-label{display:none}.canvas-page .canvas-heading-actions{background:var(--surface,#fff);border-top:1px solid var(--line);z-index:25;justify-content:center;gap:6px;width:100%;min-height:64px;padding:8px 12px;position:absolute;inset:auto 0 0}.canvas-fullscreen .canvas-heading-actions{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.canvas-heading-actions>.button{min-width:46px;min-height:46px;padding:5px 8px;font-size:11px}:is(.canvas-heading-actions>.button:has(.touch-tool-label),.canvas-heading-actions>.touch-select,.canvas-heading-actions>.fullscreen-toggle){flex-direction:column;gap:4px;display:flex}.canvas-heading-actions .touch-tool-label,.canvas-heading-actions .fullscreen-toggle span{font-size:10px;display:block}.canvas-heading-actions .fullscreen-toggle span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.touch-select[aria-pressed=true]{background:var(--accent-light);border-color:var(--accent);color:var(--accent-ink,var(--accent))}.canvas-heading-actions .add-node-wrap{margin-left:auto}.canvas-heading-actions .add-node-wrap>.button{white-space:nowrap;min-height:46px;padding:10px 12px;font-size:12px}.canvas-heading-actions .node-palette{width:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 240px);top:auto;bottom:calc(100% + 12px);overflow-y:auto}.node-palette>button{min-height:44px;font-size:13px}.canvas-layout{position:relative}.canvas-layout .inspector,.wireframe-page .canvas-layout .wire-inspector{border:1px solid var(--line);z-index:20;overscroll-behavior:contain;border-radius:16px 16px 0 0;width:min(420px,100%);max-height:min(62dvh,85%);position:absolute;inset:auto 0 0 auto;box-shadow:0 -8px 32px #38224520}.inspector-heading{z-index:2;background:var(--surface,#fff);min-height:54px;padding:5px 14px;font-size:12px;position:sticky;top:0}.inspector-body{padding:16px}.inspector-body label{font-size:13px}.inspector-body input,.inspector-body textarea,.inspector-body :is(select,.studio-select){min-height:44px;font-size:16px}.inspector .icon-button,.inspector .button{min-width:44px;min-height:44px}.react-flow__controls button{width:40px;height:40px}.react-flow__minimap{display:none}.canvas-caption{font-size:10px;top:10px;left:12px}.canvas-tip{display:none}.canvas-surface .touch-selection-hint{border:1px solid var(--line,#d7bdc8);background:var(--surface,#fff);color:var(--accent-ink,#773a52);z-index:10;border-radius:6px;padding:9px 12px;font-size:12px;display:block;position:absolute;bottom:12px;left:62px;right:12px}.content-page{overscroll-behavior:contain;padding:22px 16px}.content-page .button,.content-page .icon-button,.requirements-toolbar input,.requirements-toolbar :is(select,.studio-select),.preview-tabs>button{min-height:44px}.swatches>button{min-width:44px;min-height:44px}.content-page input,.content-page textarea,.content-page :is(select,.studio-select){font-size:16px}.requirement-row{min-height:68px}.requirement-main strong{font-size:13px}.requirement-status{font-size:10px}.requirement-detail{right:0;bottom:var(--bottom-nav-height);z-index:35;border-radius:16px 16px 0 0;width:min(440px,100%);max-height:66dvh;position:fixed;overflow-y:auto;box-shadow:0 -8px 32px #38224520}.modal-backdrop{padding:12px}.modal{width:min(460px,100%);max-height:calc(100dvh - 24px);padding:24px 20px}.modal input,.modal textarea,.modal :is(select,.studio-select){font-size:16px}.modal .button,.modal .icon-button{min-width:44px;min-height:44px}.mobile-sheet-heading .icon-button,.sidebar .icon-button{width:44px;height:44px}.workspace-home{padding:24px 16px}.workspace-home .button,.workspace-card{min-height:48px}}@media (width<=480px){.topbar:has(.collaboration-bar) .breadcrumb>strong{max-width:88px}.canvas-heading-actions{gap:4px}.canvas-page .canvas-heading-actions{gap:4px;padding-left:8px;padding-right:8px}.canvas-heading-actions>.preview-toggle{flex-direction:column;gap:4px;font-size:10px}.canvas-heading-actions .add-node-wrap>.button{padding:8px 10px}.canvas-layout .inspector,.wireframe-page .canvas-layout .wire-inspector{width:100%}.design-settings{grid-template-columns:1fr}.design-intro p br{display:none}.design-principles{flex-wrap:wrap}.preview-nav{white-space:nowrap;overflow-x:auto}.preview-service{gap:8px}.preview-service>span{min-width:0}.preview-running{display:none}.page-heading{gap:12px}.page-heading h1{font-size:22px}.requirements-summary{gap:16px}}@media (pointer:coarse){.react-flow__handle,.wireframe-page .react-flow__handle{width:18px;height:18px}.wireframe-page .react-flow__resize-control.handle{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.studio-shell .sidebar{transition:none}}.canvas-first .topbar{gap:12px;height:56px;min-height:56px;padding:0 18px}.app-workspace-picker{min-width:0;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:6px;font-weight:650;display:flex}.app-workspace-picker img{width:25px;height:25px}.app-workspace-picker span{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.workspace-actions-menu{position:relative}.workspace-actions-menu summary{cursor:pointer;border-radius:7px;place-items:center;width:34px;height:34px;list-style:none;display:grid}.workspace-actions-menu summary::-webkit-details-marker{display:none}.workspace-actions-menu summary:hover{background:var(--surface-muted,#f4f0f5)}.workspace-actions-popover{border:1px solid var(--line);background:var(--surface,#fff);z-index:50;border-radius:10px;width:220px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 28px #30223d18}.workspace-actions-popover button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:12px;font-size:12px;display:flex}.workspace-actions-popover button:hover{background:var(--accent-light)}.canvas-first .canvas-page,.canvas-first .canvas-page.canvas-fullscreen{padding-bottom:0}.canvas-first .canvas-layout{border-top:0}.canvas-first .canvas-surface{container-type:inline-size}.floating-board-navigation{z-index:12;background:var(--surface,#fff);border:1px solid var(--line,#e4deeb);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100% - 170px);padding:4px;display:flex;position:absolute;top:16px;left:18px;box-shadow:0 3px 12px #30223d0b}.board-picker-toggle{min-height:38px;color:var(--text-strong,#34313d);background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;min-width:0;padding:7px 10px;font-size:12px;font-weight:650;display:flex}.board-picker-toggle>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.board-picker-toggle svg{flex-shrink:0}.board-picker-toggle:hover{background:var(--surface-muted,#f6f3f7)}.floating-board-sections{border-left:1px solid var(--line);gap:3px;padding-left:4px;display:flex}.floating-board-sections button{min-height:36px;color:var(--text-secondary,#797084);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.floating-board-sections button[aria-pressed=true]{color:var(--accent-ink,var(--accent));background:var(--accent-light);font-weight:650}.board-picker-popover{background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;width:320px;max-width:calc(100cqw - 36px);padding:7px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 32px #30223d20}.board-picker-list{max-height:min(320px,40dvh);overflow-y:auto}.board-picker-popover button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:11px;font-size:12px;display:flex}.board-picker-popover button>span{overflow-wrap:anywhere;flex:1;min-width:0}.board-picker-popover button:hover,.board-picker-popover button[aria-current=page]{color:var(--accent-ink,var(--accent));background:var(--accent-light)}.board-picker-options{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.board-picker-options form{gap:4px;padding:6px;display:flex}.board-picker-options form input{border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:8px}.board-picker-options form button{flex-shrink:0;width:36px}.board-picker-options button:disabled{opacity:.4;cursor:default}.canvas-top-actions{z-index:11;gap:6px;display:flex;position:absolute;top:16px;right:18px}.canvas-top-actions .button{background:var(--surface,white);min-height:44px;box-shadow:0 3px 12px #30223d0b}.canvas-top-actions .touch-tool-label{display:inline}.canvas-top-actions .fullscreen-toggle span{display:none}.canvas-tool-dock{z-index:12;border:1px solid var(--line,#e4deeb);background:var(--surface,#fff);border-radius:12px;align-items:center;gap:4px;max-width:calc(100% - 125px);padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #30223d12}.canvas-tool-dock>.button{min-height:42px;color:var(--text-secondary,#786c84);background:0 0;border-color:#0000;padding:8px 11px;font-size:12px}.canvas-tool-dock>.button[aria-pressed=true]{background:var(--accent-light);color:var(--accent-ink,var(--accent))}.canvas-tool-dock .add-node-wrap{border-left:1px solid var(--line);margin-left:4px;padding-left:7px}.canvas-tool-dock .add-node-wrap>.button{white-space:nowrap;min-height:42px}.canvas-tool-dock .node-palette{max-height:calc(100dvh - 230px);top:auto;bottom:calc(100% + 14px);right:0;overflow-y:auto}.canvas-first .canvas-caption,.canvas-first .canvas-tip{display:none}.canvas-first .wire-preview .canvas-tip{white-space:normal;text-align:center;max-width:calc(100% - 40px);display:block;bottom:84px}.canvas-first .react-flow__controls{margin:0;bottom:18px;left:18px}.canvas-first .react-flow__minimap{bottom:80px}.canvas-first .touch-selection-hint{bottom:90px}@container (width<=780px){.floating-board-navigation{max-width:calc(100% - 160px)}.board-picker-toggle{width:100%}.floating-board-sections{border-left:0;padding-left:0}.canvas-tool-dock>.button{padding:8px}}@media (width<=1024px),(pointer:coarse) and (width<=1366px){.canvas-first .topbar{gap:4px;padding:0 10px}.canvas-first .breadcrumb{flex:1}.app-workspace-picker{gap:6px;width:100%;padding:4px;font-size:13px}.app-workspace-picker img{width:23px;height:23px}.app-workspace-picker span{max-width:150px}.canvas-first .topbar-actions>[aria-label=Undo],.canvas-first .topbar-actions>[aria-label=Redo]{display:none}.workspace-actions-menu summary{width:36px;min-height:44px}.floating-board-navigation{gap:3px;max-width:calc(100% - 24px);top:12px;left:12px}.board-picker-toggle{width:auto;min-height:40px}.floating-board-sections button{min-height:40px}.canvas-tool-dock{inset:auto 12px max(12px, env(safe-area-inset-bottom,0px));justify-content:center;gap:3px;max-width:none;padding:5px;transform:none}.canvas-tool-dock>.button{flex-direction:column;gap:3px;min-width:42px;min-height:48px;padding:4px 7px;font-size:10px}.canvas-tool-dock .touch-tool-label{font-size:10px;display:block}.canvas-tool-dock .fullscreen-toggle span{white-space:nowrap;text-overflow:ellipsis;max-width:58px;font-size:10px;overflow:hidden}.canvas-tool-dock .add-node-wrap{margin-left:auto;padding-left:5px}.canvas-tool-dock .add-node-wrap>.button{min-height:44px;padding:9px;font-size:11px}.canvas-tool-dock .preview-toggle{max-width:64px}.canvas-tool-dock .node-palette{max-width:calc(100vw - 34px);bottom:calc(100% + 12px)}.canvas-first .react-flow__controls{bottom:88px;left:12px}.canvas-first .canvas-layout .inspector{border-radius:14px 14px 0 0;max-height:min(62dvh,100% - 100px);bottom:80px}.canvas-first .canvas-surface .touch-selection-hint{bottom:86px;left:66px;right:12px}}@media (width<=500px){.floating-board-navigation{flex-direction:column;align-items:stretch;width:fit-content}.board-picker-toggle{width:100%}.floating-board-sections{border-left:0;padding:0}.floating-board-sections button{flex:1;padding:7px 8px;font-size:11px}.app-workspace-picker span{max-width:100px}.app-workspace-picker>svg{display:none}.canvas-first .collaboration-bar{gap:0;margin-left:0;padding-left:0}}@container (width<=500px){.floating-board-navigation{max-width:calc(100% - 36px)}.canvas-top-actions{top:120px}.canvas-tool-dock{max-width:calc(100% - 24px)}.canvas-tool-dock>.button>span{display:none}.canvas-first .react-flow__controls{bottom:88px}}@media (width<=1024px),(pointer:coarse) and (width<=1366px){.canvas-tool-dock>.button>span{display:block}.canvas-first .react-flow__controls-button{width:40px;height:40px}}.people-list>.follow-person{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;margin:3px 0;padding:10px;display:flex}.follow-person>span:nth-child(2){flex:1;min-width:0}.follow-person strong{overflow-wrap:anywhere}.follow-person:not(:disabled):hover,.follow-person[aria-pressed=true]{border-color:var(--line,#e9d6df);background:var(--accent-light)}.follow-person:disabled{cursor:default}.follow-person>small{color:var(--accent-ink,var(--accent))}.follow-status{z-index:18;background:var(--surface,white);border:2px solid;border-radius:10px;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 24px);padding:7px 9px;font-size:12px;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #30223d18}.follow-status>span:not(.person-avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.follow-status .person-avatar{flex-shrink:0;width:26px;height:26px;font-size:10px}.follow-status button{background:var(--accent-light);color:var(--accent-ink,var(--accent));border:0;border-radius:6px;flex-shrink:0;padding:8px;font-size:11px}.is-following .canvas-surface{box-shadow:inset 0 0 0 2px #c49bb5}@media (width<=1024px),(pointer:coarse) and (width<=1366px){.follow-status{gap:6px;font-size:11px;bottom:82px}.follow-status button{min-height:40px}.main-area>.follow-status{bottom:calc(var(--bottom-nav-height) + 12px)}}.top-navigation .main-area{width:100%}.top-navigation .topbar{gap:14px}.top-navigation .breadcrumb{flex:0 auto;min-width:0}.top-navigation .app-workspace-picker{color:var(--text-strong,#423a4c);font-size:13px}.top-navigation .app-workspace-picker span{max-width:200px}.header-navigation{border-left:1px solid var(--line);flex-shrink:0;align-items:center;gap:5px;padding-left:14px;display:flex}.desktop-page-nav{align-items:center;gap:3px;display:flex}.desktop-page-nav>button{min-height:36px;color:var(--text-secondary,#655b70);white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;display:flex;position:relative}.desktop-page-nav>button:hover{background:var(--surface-muted,#f7f3f7)}.desktop-page-nav>button[aria-current=page]{background:var(--accent-light);color:var(--accent-ink,var(--accent));font-weight:650}.desktop-page-nav .tab-presence{margin-left:0}.desktop-page-nav .person-avatar,.desktop-page-nav .tab-presence-more{width:19px;height:19px;font-size:8px}.top-navigation .topbar-actions{margin-left:auto}.header-navigation .workspace-actions-popover{max-height:calc(100dvh - 90px);left:0;right:auto;overflow-y:auto}.overflow-group-label{color:var(--text-muted,#94889e);padding:9px 12px 5px;font-size:10px;display:block}.overflow-group-label:not(:first-child){border-top:1px solid var(--line);margin-top:5px}@media (width>=1025px) and (width<=1279px){.top-navigation .topbar{gap:8px;padding-inline:12px}.top-navigation .app-workspace-picker span{max-width:140px}.top-navigation .profile-button>span:last-child:not(.person-avatar),.top-navigation .save-indicator>span{display:none}.header-navigation{padding-left:8px}.desktop-page-nav>button{padding-inline:8px}}@media (width<=1024px),(pointer:coarse) and (width<=1366px){.top-navigation .breadcrumb{flex:1}.top-navigation .app-workspace-picker span{max-width:min(240px,40vw)}.top-navigation .workspace-more-sheet{background:var(--surface,#fff);color:var(--text);border:1px solid var(--line)}.workspace-more-sheet .mobile-sheet-heading,.workspace-more-sheet .mobile-sheet-heading .icon-button{color:var(--text)}.workspace-more-sheet .workspace-switch{color:var(--text);border-color:var(--line);background:var(--surface-muted,#f7f4f8)}.workspace-more-sheet .workspace-switch small,.workspace-more-sheet .mobile-workspace-tools>span{color:var(--text-secondary,#82758d)}.workspace-more-sheet .workspace-letter{background:var(--accent-light);color:var(--accent-ink,var(--accent))}.workspace-more-sheet .mobile-workspace-tools>span{border-color:var(--line)}.workspace-more-sheet .mobile-workspace-tools button{color:var(--text)}.workspace-more-sheet .mobile-workspace-tools button:hover{background:var(--accent-light)}}.studio-shell.studio-fullscreen{z-index:100;background:var(--canvas,#f8f6fb);width:100%;height:100dvh;position:fixed;inset:0}.studio-fullscreen>.modal-backdrop{z-index:120}.agent-access form,.agent-access label{gap:8px;display:grid}.agent-access form{gap:16px;margin:20px 0}.agent-access label{font-size:13px}.agent-access input,.agent-access :is(select,.studio-select){width:100%;min-width:0}.agent-access-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.agent-secret{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.agent-secret .button{margin-top:10px}.agent-setup{margin:20px 0}.agent-setup summary{cursor:pointer}.agent-setup code{overflow-wrap:anywhere}.agent-credentials{padding:0;list-style:none}.agent-credentials li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.agent-credentials small{margin-top:4px;display:block}.network-node-fields{border:0;gap:12px;min-width:0;margin:16px 0;padding:0;display:grid}.network-node-fields legend{margin-bottom:12px;font-size:12px;font-weight:600}.node-title{min-height:1.3em}.node-palette{max-height:min(680px,100dvh - 180px);overflow-y:auto}.idea-node .network-node-address{overflow-wrap:anywhere;color:var(--text-secondary);font-size:12px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navigation-bar:#eceaf0;--navigation-sidebar:#f5f3f7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navigation-bar:#171717;--navigation-sidebar:#262626;--canvas:#1e1e1e;--surface:#2c2c2c;--surface-muted:#333;--surface-raised:#414141;--text-strong:#f5f5f5;--text-secondary:#d0d0d0;--text-muted:#a6a6a6;--muted:#a6a6a6;--line:#444;--line-strong:#757575;--accent-ink:#f0a1be;--accent-light:#442b3b;--success-ink:#92cbb0;--success-soft:#233b32;--info-ink:#9abde8;--info-soft:#28384c;--warning-ink:#dfbd83;--warning-soft:#413624;--diagram-edge:#a38bb2;--wire-edge:#cc819f;--canvas-dot:#363636;--minimap-node:#8c858e;--minimap-mask:#1e1e1ebb;--xy-background-color:var(--canvas);--xy-node-background-color:var(--surface);--xy-node-color:var(--text-strong);--xy-edge-stroke:#a38bb2;--xy-edge-label-color:var(--text-secondary);--xy-edge-label-background-color:var(--canvas);--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--surface-raised);--xy-controls-button-color:var(--text-secondary);--xy-controls-button-color-hover:var(--text-strong);--xy-controls-button-border-color:var(--line);--xy-minimap-background-color:var(--surface);--xy-attribution-background-color:var(--surface)}.theme-picker{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.theme-picker>span{align-items:center;gap:8px;display:inline-flex}.theme-picker :is(select,.studio-select){width:auto;min-width:86px;padding:7px 9px;font-size:12px}.workspace-actions-popover:has(.theme-picker){width:260px}.workspace-home-preferences{flex-wrap:wrap;align-items:center;gap:16px;display:flex}[data-theme=dark] .canvas-caption,[data-theme=dark] .canvas-tip{background:#2c2c2ceb}[data-theme=dark] .react-flow__edge-textbg{fill:var(--canvas)}[data-theme=dark] .react-flow__edge-text{fill:var(--text-secondary)}[data-theme=dark] .react-flow__handle{border-color:var(--line-strong)}[data-theme=dark] .react-flow__attribution{color:var(--text-muted)}[data-theme=dark] .node-icon{color:#c29cd6;background:#3c2c46}[data-theme=dark] .kind-layer .node-icon{color:#eda1c1;background:#442b3b}[data-theme=dark] .kind-instance .node-icon{color:#92cbb0;background:#233b32}[data-theme=dark] .kind-database .node-icon{color:#9abde8;background:#28384c}[data-theme=dark] .kind-person .node-icon,[data-theme=dark] .kind-note .node-icon{color:#dfbd83;background:#413624}[data-theme=dark] .wire-block.wire-tone-accent{color:#fff;background:#a34d6c}[data-theme=dark] .wire-edge-label{border-color:#87556e}[data-theme=dark] .modal-backdrop{background:#08060cb3}[data-theme=dark] .wire-window-dots i,[data-theme=dark] .wire-skeleton i{background:var(--line-strong)}[data-theme=dark] .idea-node,[data-theme=dark] .modal,[data-theme=dark] .board-picker-popover,[data-theme=dark] .workspace-actions-popover{box-shadow:0 8px 28px #0004}@media (width<=760px){.workspace-home-header{flex-wrap:wrap;gap:12px}.workspace-home-preferences{justify-content:space-between;gap:8px;width:100%}.workspace-home-preferences .theme-picker{padding-inline:0}.theme-picker :is(select,.studio-select){min-height:44px;font-size:16px}}[data-theme=dark] .preview-tabs button.active,[data-theme=dark] .preview-service-icon{color:color-mix(in oklab, var(--preview-accent), white 45%)}[data-theme=dark] .preview-tabs button.active{border-color:color-mix(in oklab, var(--preview-accent), white 45%)}[data-theme=dark] .preview-service-icon{background:color-mix(in oklab, var(--preview-accent) 20%, var(--surface))}:root[data-accent]{accent-color:var(--accent);--accent:var(--accent-fill,#b34568);--accent-ink:var(--accent-fill,#b34568);--accent-light:var(--accent-soft-light,#f8edf1);--accent-ring:color-mix(in srgb, var(--accent) 18%, transparent);--primary:var(--accent);--primary-foreground:#fff;--accent-foreground:#fff;--accent-soft:var(--accent-light)}:root[data-accent][data-theme=dark]{--accent-ink:var(--accent-text-dark,#f0a1be);--accent-light:var(--accent-soft-dark,#372e33)}:root[data-accent=blue]{--accent-fill:#3568c9;--accent-soft-light:#eaf0fc;--accent-text-dark:#9abcfb;--accent-soft-dark:#2c323c}:root[data-accent=violet]{--accent-fill:#7952b3;--accent-soft-light:#f1ebfa;--accent-text-dark:#c4a9ec;--accent-soft-dark:#332f3a}:root[data-accent=teal]{--accent-fill:#25786b;--accent-soft-light:#e6f3ef;--accent-text-dark:#86d4c1;--accent-soft-dark:#293833}:root[data-accent=amber]{--accent-fill:#895b1b;--accent-soft-light:#faf0dd;--accent-text-dark:#e8c17e;--accent-soft-dark:#383329}:root[data-theme]{--background:var(--canvas,#f8f7fa);--foreground:var(--text-strong,#34313d);--border:var(--line);--border-strong:var(--line-strong,#bcb5c7);--surface-hover:var(--surface-muted,#f2eef5);--ring:var(--accent-ink);--type-body:"DM Sans Variable", sans-serif;--type-heading:"Manrope Variable", sans-serif}:root[data-theme=light]{--surface:#fff;--surface-raised:#f0edf3;--muted:#898491}@media (pointer:coarse){[data-studio-toggle-group]>button{min-height:44px}}