/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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,ui-sans-serif, system-ui, 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{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}}@layer components;@layer utilities{.fixed{position:fixed}.block{display:block}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);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,)}.filter{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,)}}:root{color:#e9ecf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0d0f14;--surface:#12151c;--surface-2:#171a22;--surface-3:#1c202a;--border:#272c38;--border-soft:#20242e;--text:#e9ecf3;--muted:#8f98aa;--faint:#636c7e;--purple:#8b5cf6;--purple-bright:#a78bfa;--purple-soft:#8b5cf621;--danger:#ef6464;background:#0d0f14;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1080px;height:100%;min-height:680px;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,[draggable=true]{-webkit-user-select:none;user-select:none}::selection{color:#fff;background:#8b5cf673}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#303644 padding-box padding-box;border:2px solid #0000;border-radius:10px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{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}.button{color:#dfe3ec;background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{background:#232834;border-color:#373e4d}.button:active{transform:translateY(1px)}.button.primary{color:#fff;background:linear-gradient(#9064f4,#7545df);border-color:#9b74f2;box-shadow:inset 0 1px #ffffff29,0 5px 18px #562db440}.button.primary:hover{background:linear-gradient(#9d76f5,#8052e5)}.button:disabled,.icon-button:disabled{opacity:.35;pointer-events:none}.button.ghost{box-shadow:none;background:0 0}.button.danger{color:#ff8c8c;border-color:#ef646433}.icon-button{color:#9da5b6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:34px;height:34px;transition:all .14s;display:inline-grid}.icon-button:hover{color:#eef0f5;background:#1c2029;border-color:#292e3a}.icon-button.small{width:28px;height:28px}.context-menu{z-index:100;background:#1a1e27;border:1px solid #303644;border-radius:10px;padding:6px;position:absolute;box-shadow:0 18px 50px #0000006b}.context-menu button{color:#cdd2dd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12px;display:flex}.context-menu button:hover{color:#fff;background:#252a35}.context-menu button.danger{color:#f27c7c}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:radial-gradient(circle at 30% 20%,#b49aff,#0000 48%),linear-gradient(145deg,#8b5cf6,#6030ce);border:1px solid #ffffff24;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 7px 20px #6232cd4d}.brand-name{color:#f4f5f8;letter-spacing:-.5px;font-size:18px;font-weight:750}.dashboard-shell{width:100%;height:100%;color:var(--text);background:radial-gradient(circle at 80% -20%,#6441be14,#0000 30%),#0d0f14;grid-template-columns:220px minmax(0,1fr);display:grid}.dashboard-sidebar{background:#111319;border-right:1px solid #20232c;flex-direction:column;padding:22px 15px 16px;display:flex}.dashboard-sidebar>.brand{padding:0 8px 26px}.dashboard-nav{gap:4px;display:grid}.dashboard-nav-item{color:#818a9c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.dashboard-nav-item:hover{color:#dce0e9;background:#181b23}.dashboard-nav-item.active{color:#e7e2ff;background:#8b5cf61f;border-color:#8b5cf62e}.dashboard-nav-item>span{color:#70658d;margin-left:auto;font-size:10px}.dashboard-sidebar-bottom{margin-top:auto}.account-row{border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin-top:14px;padding:15px 8px 3px;display:flex}.avatar{color:#e9e2ff;background:#292139;border:1px solid #41345a;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.account-row>span:last-child{min-width:0;display:grid}.account-row strong{color:#d7dbe4;font-size:11px;font-weight:650}.account-row small{color:#697284;margin-top:2px;font-size:9px}.dashboard-main{min-width:0;overflow:auto}.dashboard-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0f14db;border-bottom:1px solid #272c38b3;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.dashboard-top-actions{align-items:center;gap:8px;display:flex}.search-box{color:#697286;background:#14171e;border:1px solid #252a34;border-radius:8px;align-items:center;gap:9px;width:min(360px,36vw);height:34px;padding:0 10px;display:flex}.search-box:focus-within{color:#a48ada;border-color:#4f3c78;box-shadow:0 0 0 3px #8b5cf614}.search-box input{color:#d9dde6;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}kbd{color:#6c7485;text-align:center;background:#1e222b;border:1px solid #2c313c;border-radius:4px;min-width:19px;padding:2px 5px;font-family:inherit;font-size:8px}.dashboard-content{max-width:1240px;margin:0 auto;padding:54px 38px 80px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:38px;display:flex}.eyebrow,.panel-kicker{color:#8f72da;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 8px;font-size:9px;font-weight:750}.page-heading h1{color:#f3f4f8;letter-spacing:-1.1px;margin:0;font-size:31px;font-weight:720}.page-heading>div:first-child>p:last-child{color:#7f889a;margin:9px 0 0;font-size:13px}.dashboard-stat{align-items:baseline;gap:8px;padding-bottom:2px;display:flex}.dashboard-stat strong{color:#cbc1ef;font-size:22px}.dashboard-stat span{color:#687184;font-size:10px}.project-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px;display:grid}.new-project-card,.project-card{background:#13161d;border:1px solid #252a34;border-radius:12px;min-height:262px;overflow:hidden}.new-project-card{color:#737d90;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;transition:all .16s;display:flex}.new-project-card:hover{color:#b9aadf;background:#161923;border-color:#594681;transform:translateY(-2px)}.new-project-icon{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.new-project-card strong{color:#cdd2dc;font-size:12px}.new-project-card small{margin-top:6px;font-size:10px}.project-card{transition:border-color .16s,transform .16s,box-shadow .16s;position:relative}.project-card:hover{border-color:#3b4050;transform:translateY(-2px);box-shadow:0 18px 45px #0000002e}.project-open{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-preview{background:#10131a;border-bottom:1px solid #242934;height:162px;position:relative;overflow:hidden}.project-preview svg{opacity:.86;width:100%;height:100%}.project-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0b0d12b8);position:absolute;inset:0}.project-preview-empty{color:#535d70;background-image:linear-gradient(#222733 1px,#0000 1px),linear-gradient(90deg,#222733 1px,#0000 1px);background-size:20px 20px;place-items:center;font-size:10px;display:grid}.preview-pill{z-index:2;color:#9ba4b5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12151ccc;border:1px solid #464c5aa6;border-radius:5px;padding:4px 7px;font-size:8px;position:absolute;bottom:10px;left:12px}.project-card-copy{justify-content:space-between;align-items:center;gap:10px;min-height:67px;padding:13px 14px 10px;display:flex}.project-card-copy h2{color:#e3e6ed;margin:0;font-size:12px;font-weight:650}.project-card-copy p{color:#717b8e;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin:5px 0 0;font-size:9px;overflow:hidden}.project-card-copy svg{color:#5f687b;flex:none}.project-card-meta{border-top:1px solid #20242e;justify-content:space-between;align-items:center;height:33px;padding:0 9px 0 14px;display:flex;position:relative}.project-card-meta>span{color:#606a7c;align-items:center;gap:5px;font-size:8px;display:flex}.project-menu{width:135px;top:29px;right:8px}.empty-state{color:#5f687a;border:1px dashed #2a2f3a;border-radius:12px;place-items:center;padding:80px;display:grid}.empty-state h2{color:#aeb5c2;margin:14px 0 5px;font-size:14px}.empty-state p{margin:0;font-size:11px}.editor-shell{background:#0d1016;grid-template-rows:55px minmax(0,1fr) 25px;width:100%;height:100%;display:grid}.editor-header{z-index:60;border-bottom:1px solid var(--border);background:#12151b;grid-template-columns:auto minmax(180px,1fr) auto minmax(250px,1fr);align-items:center;gap:10px;padding:0 10px;display:grid;position:relative}.header-brand-button{cursor:pointer;background:0 0;border:0;padding:0}.header-project{align-items:center;gap:3px;min-width:0;display:flex}.project-name-input{color:#e4e7ee;background:0 0;border:1px solid #0000;border-radius:6px;outline:0;width:min(250px,100%);height:30px;padding:0 7px;font-size:12px;font-weight:650}.project-name-input:hover{background:#181b22}.project-name-input:focus{background:#1a1d25;border-color:#443464}.header-project>svg{color:#5f6878}.view-switcher{background:#0d1015;border:1px solid #252a34;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.view-switcher button{color:#7f899a;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;height:31px;padding:0 11px;font-size:10px;font-weight:650;display:flex}.view-switcher button:hover{color:#c4cad6}.view-switcher button.active{color:#e8e5f2;background:#23202d;box-shadow:inset 0 0 0 1px #3f3555}.view-switcher button.active svg{color:#a78bfa}.view-switcher kbd{margin-left:3px}.header-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.history-actions{border-right:1px solid #282d37;margin-right:5px;padding-right:7px;display:flex}.export-wrap{margin-left:5px;position:relative}.export-button{min-height:33px;padding:0 10px;font-size:10px}.export-menu{width:218px;top:40px;right:0}.export-menu .menu-heading{color:#727c8f;letter-spacing:1px;text-transform:uppercase;padding:6px 10px 8px;font-size:8px;font-weight:700}.export-menu button{align-items:flex-start}.export-menu button>svg{color:#9b82d7;margin-top:2px}.export-menu button span{gap:3px;display:grid}.export-menu button strong{font-size:10px;font-weight:650}.export-menu button small{color:#717a8c;font-size:8px}.menu-divider{background:#2b303b;height:1px;margin:5px 4px}.editor-workspace{grid-template-columns:var(--library-width,205px) 4px minmax(0, 1fr) 4px var(--inspector-width,270px);min-height:0;display:grid}.editor-workspace.inspector-closed{grid-template-columns:var(--library-width,205px) 4px minmax(0, 1fr)}.panel-resizer{z-index:35;cursor:col-resize;touch-action:none;background:#171a21;position:relative}.panel-resizer:after{content:"";inset-block:0;background:#272c38;width:1px;transition:width .12s,left .12s,background .12s;position:absolute;left:50%}.panel-resizer:hover:after,body.is-panel-resizing .panel-resizer:after{background:#8b5cf6;width:2px;left:calc(50% - 1px)}body.is-panel-resizing,body.is-panel-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.editor-canvas{background:#11141b;min-width:0;min-height:0;position:relative;overflow:hidden}.element-library,.inspector{background:#13161d;min-height:0}.element-library{z-index:20;border-right:0;flex-direction:column;display:flex}.panel-heading{justify-content:space-between;align-items:center;min-height:66px;padding:14px 14px 10px;display:flex}.panel-heading .panel-kicker{margin-bottom:3px}.panel-heading h2,.inspector-title h2{color:#e5e8ef;margin:0;font-size:13px;font-weight:650}.panel-heading>svg{color:#626c7f}.library-hint{color:#646e81;margin:-2px 14px 12px;font-size:9px}.library-sections{padding:0 9px;overflow-y:auto}.library-section{border-top:1px solid #222731;padding:13px 0 10px}.library-section h3,.inspector-section h3{color:#697386;letter-spacing:1.05px;text-transform:uppercase;margin:0 5px 8px;font-size:8px;font-weight:750}.library-items{gap:3px;display:grid}.library-item{color:#bbc1cd;text-align:left;cursor:grab;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px;transition:all .13s;display:flex}.library-item:hover{background:#1a1e27;border-color:#292e39;transform:translate(1px)}.library-item.tool-item.active{background:#6366f11a;border-color:#6366f14d}.architecture-section{padding-top:8px}.architecture-note{color:#646e81;margin:8px 6px 0;font-size:8px;line-height:1.45}.library-item:active{cursor:grabbing}.library-icon{width:32px;height:32px;color:var(--item-color);background:color-mix(in srgb, var(--item-color) 10%, #151820);border:1px solid color-mix(in srgb, var(--item-color) 23%, #252a34);border-radius:8px;flex:none;place-items:center;display:grid}.library-item>span:last-child{gap:2px;min-width:0;display:grid}.library-item strong{color:#cdd1da;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:620;overflow:hidden}.library-item small{color:#626c7d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.library-tip{color:#79699d;background:#8b5cf60d;border:1px solid #8b5cf621;border-radius:8px;gap:8px;margin:auto 10px 10px;padding:10px;display:flex}.library-tip svg{flex:none}.library-tip p{color:#756f83;gap:2px;margin:0;font-size:8px;line-height:1.4;display:grid}.library-tip strong{color:#a99bc9;font-size:9px}.canvas-wrap{background:radial-gradient(circle at 50% 45%,#533d840a,#0000 38%),#11141b;width:100%;height:100%;position:relative;overflow:hidden}.canvas-wrap canvas{outline:0}.canvas-wrap.tool-connect canvas,.canvas-wrap.tool-wall canvas,.canvas-wrap.tool-door canvas{cursor:crosshair!important}.canvas-wrap.is-panning canvas{cursor:grabbing!important}.canvas-toolbar,.zoom-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151921eb;border:1px solid #313744;border-radius:9px;align-items:center;padding:4px;display:flex;position:absolute;box-shadow:0 10px 28px #00000040}.canvas-toolbar{top:13px;left:50%;transform:translate(-50%)}.canvas-toolbar button,.zoom-controls button{color:#808a9d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:28px;display:grid}.canvas-toolbar button:disabled{cursor:not-allowed;opacity:.35}.canvas-toolbar button:disabled:hover{color:#808a9d;background:0 0}.canvas-toolbar button:hover,.zoom-controls button:hover,.canvas-toolbar button.active{color:#e5e8ee;background:#282d38}.canvas-toolbar button.active{color:#b8a4ef}.canvas-toolbar>span{background:#303541;width:1px;height:19px;margin:0 3px}.toolbar-letter{letter-spacing:.02em;font-size:11px;font-weight:800;background:0 0!important;width:auto!important;height:auto!important;margin:0!important}.canvas-context-menu{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#151921f5;border:1px solid #313744;border-radius:11px;gap:3px;min-width:172px;padding:7px;display:grid;position:fixed;box-shadow:0 18px 44px #0000004d}.canvas-context-menu span{color:#798399;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px 6px;font-size:10px;font-weight:800}.canvas-context-menu button{color:#dce1ea;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;height:30px;padding:0 9px}.canvas-context-menu button:hover{color:#fff;background:#8b5cf629}.zoom-controls{bottom:14px;right:14px}.scale-badge{z-index:8;color:#778194;letter-spacing:.35px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151921e0;border:1px solid #303642;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:650;position:absolute;bottom:14px;left:13px}.map-settings-popover{z-index:30;color:#aeb5c3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161921f7;border:1px solid #343a47;border-radius:10px;gap:12px;width:220px;padding:12px;font-size:9px;display:grid;position:absolute;top:58px;left:50%;transform:translate(20px);box-shadow:0 18px 45px #0000004d}.map-settings-popover>div:first-child{justify-content:space-between;align-items:center;display:flex}.map-settings-popover strong{color:#e7eaf0;font-size:10px}.map-settings-popover button{color:#778194;cursor:pointer;background:0 0;border:0}.map-settings-popover label{gap:5px;display:grid}.settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.map-settings-popover input[type=number]{color:#dce0e8;background:#101319;border:1px solid #303642;border-radius:6px;outline:0;width:100%;height:30px;padding:0 8px}.input-with-unit{position:relative}.input-with-unit>span{color:#687285;position:absolute;top:8px;right:8px}.map-settings-popover .check-row{align-items:center;gap:8px;display:flex}.map-settings-popover .check-row input{accent-color:#8b5cf6}.zoom-controls span{color:#9aa3b3;text-align:center;width:45px;font-size:9px}.connection-toast{z-index:12;color:#d8d2e8;background:#211c2e;border:1px solid #564274;border-radius:8px;align-items:center;gap:8px;padding:8px 9px 8px 11px;font-size:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.connection-toast svg{color:#a78bfa}.connection-toast button{color:#8d829f;cursor:pointer;background:#16131d;border:1px solid #40344f;border-radius:4px;margin-left:6px;padding:3px 6px;font-size:8px}.inspector{z-index:20;border-left:0;flex-direction:column;display:flex;position:relative}.inspector-close{z-index:5;color:#687286;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:9px}.inspector-close:hover{color:#d9dde6;background:#232833}.inspector-reopen{z-index:18;color:#9ca5b5;cursor:pointer;background:#151921eb;border:1px solid #313744;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:9px;font-weight:650;display:flex;position:absolute;top:13px;right:13px;box-shadow:0 8px 24px #0003}.inspector-reopen:hover{color:#e6e9ef;border-color:#524071}.inspector-title{border-bottom:1px solid #222731;align-items:center;gap:10px;min-height:66px;padding:11px 13px;display:flex}.inspector-type-icon{width:34px;height:34px;color:var(--item-color);background:color-mix(in srgb, var(--item-color) 10%, #13161d);border:1px solid color-mix(in srgb, var(--item-color) 35%, #242934);border-radius:9px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.inspector-type-icon.beat{border-radius:50%;font-size:11px}.inspector-title .panel-kicker{margin-bottom:3px}.inspector-scroll{min-height:0;overflow-y:auto}.inspector-section{border-bottom:1px solid #222731;gap:10px;padding:14px 13px;display:grid}.inspector-section h3{align-items:center;gap:6px;margin:0 0 1px;display:flex}.inspector-section label{gap:6px;display:grid}.inspector-section label>span{color:#778194;font-size:9px;font-weight:600}.inspector input,.inspector textarea,.inspector select{color:#cfd4de;background:#0f1218;border:1px solid #292e39;border-radius:7px;outline:0;width:100%;font-size:10px;transition:all .13s}.inspector input,.inspector select{height:32px;padding:0 9px}.inspector textarea{resize:vertical;min-height:80px;padding:9px;line-height:1.5}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-color:#59427f;box-shadow:0 0 0 3px #8b5cf612}.field-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.inspector .inspector-check-row{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px;display:flex}.inspector .inspector-check-row input{accent-color:#8b5cf6;width:14px;height:14px;padding:0}.inspector .inspector-check-row span{color:#788295;font-size:9px}.beat-link-list{gap:7px;display:grid}.inspector .beat-link-row{background:#10141c;border:1px solid #252b36;border-radius:8px;grid-template-columns:14px 8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.inspector .beat-link-row input{accent-color:#8b5cf6;width:14px;height:14px;padding:0}.beat-link-row i{border-radius:999px;width:8px;height:8px}.beat-link-row span{color:#cfd4de;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:700;overflow:hidden}.beat-link-row small{color:#778194;font-size:9px;font-weight:700}.range-field>span{justify-content:space-between;display:flex}.range-field strong{color:#b9a6ed;font-weight:650}.inspector input[type=range]{appearance:none;background:linear-gradient(#8b5cf6, #8b5cf6) 0 / var(--range) 100% no-repeat, #292e39;border:0;border-radius:5px;height:4px;padding:0}.inspector input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#c4b5fd;border:3px solid #5b36ac;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 3px #8b5cf61f}.connection-list{gap:4px;display:grid}.metric-readout{color:#758094;background:#101319;border:1px solid #282d38;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:9px;display:flex}.metric-readout strong{color:#c7b7f2;font-size:10px}.connection-row{background:#101319;border:1px solid #282d38;border-radius:7px;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;gap:2px;padding:4px 4px 4px 8px;display:grid}.connection-row>span{color:#9da5b5;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.connection-row button{color:#687285;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.connection-row button:hover,.connection-row button.active{color:#a78bfa;background:#252131}.inspector-footer{border-top:1px solid #252a34;margin-top:auto;padding:10px 12px}.inspector-footer .button{width:100%;min-height:32px;font-size:9px}.empty-inspector{text-align:center;justify-content:center;align-items:center;padding:25px}.empty-inspector-art{color:#756592;background:#1b1922;border:1px solid #312a40;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.empty-inspector h2{color:#aeb5c2;margin:14px 0 6px;font-size:12px}.empty-inspector p{color:#687284;max-width:170px;margin:0;font-size:9px;line-height:1.5}.shortcut-hint{color:#555f70;margin-top:18px;font-size:8px}.multi-selection-summary{gap:5px;padding:6px 13px;display:grid}.multi-selection-summary span{color:#a7afbd;background:#101319;border:1px solid #252a34;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:9px;display:flex}.multi-selection-summary i{border-radius:50%;width:6px;height:6px}.pacing-canvas{background:radial-gradient(circle at 50% 30%,#6647b00f,#0000 38%),#10131a;flex-direction:column;gap:12px;width:100%;height:100%;padding:15px;display:flex;overflow:auto}.pacing-overview{background:#151820;border:1px solid #292e39;border-radius:10px;grid-template-columns:145px 115px 1fr;align-items:center;min-height:65px;display:grid;overflow:hidden}.pacing-overview>div:not(.pacing-legend){border-right:1px solid #292e39;align-items:baseline;gap:5px;height:100%;padding:15px 17px;display:flex}.pacing-overview>div>span:first-child{color:#697386;letter-spacing:.8px;font-size:7px;font-weight:750;position:absolute}.pacing-overview strong{color:#eceef3;margin-top:15px;font-size:20px;font-weight:680}.pacing-overview small{color:#667084;font-size:8px}.pacing-legend{justify-content:flex-end;gap:12px;padding:0 15px;display:flex}.pacing-legend span{color:#778194;align-items:center;gap:5px;font-size:8px;display:inline-flex}.pacing-legend i{border-radius:50%;width:6px;height:6px}.graph-card{background:#14171e;border:1px solid #292e39;border-radius:10px;flex-direction:column;flex:1;min-height:460px;display:flex;position:relative}.graph-card-heading{color:#afb6c3;border-bottom:1px solid #262b35;flex:none;justify-content:space-between;align-items:center;height:43px;padding:0 13px;font-size:9px;font-weight:650;display:flex}.graph-card-heading>div,.drag-tip{align-items:center;gap:7px;display:flex}.graph-card-heading>div svg{color:#9b7de3}.drag-tip{color:#657084;font-size:8px;font-weight:500}.graph-card>svg{touch-action:none;flex:1;width:100%;min-height:0;overflow:visible}.graph-card>svg.is-dragging{cursor:grabbing}.graph-grid-line{stroke:#282d38;stroke-width:1px}.graph-axis-label{fill:#687286;font-size:11px}.graph-axis-title{fill:#707a8d;letter-spacing:1.4px;font-size:9px;font-weight:700}.pacing-curve,.pacing-curve-glow{fill:none;stroke:url(#curve-gradient);stroke-linecap:round;stroke-linejoin:round}.pacing-curve{stroke-width:4px}.pacing-curve-glow{stroke-width:8px;opacity:.28}.beat-point{cursor:grab}.beat-point:active{cursor:grabbing}.beat-point>circle{transition:r .13s,stroke-width .13s}.beat-point:hover>circle:first-of-type,.beat-point.selected>circle:first-of-type{filter:drop-shadow(0 0 6px #a78bfa59)}.beat-label rect{fill:#1c2029;stroke:#313744;stroke-width:1px}.beat-label text{fill:#d5d9e1;pointer-events:none;font-size:10px;font-weight:650}.graph-empty{color:#667084;text-align:center;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.graph-empty>span{color:#9c83d8;background:#1f1b29;border:1px solid #3c3150;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.graph-empty h3{color:#bbc1cc;margin:12px 0 5px;font-size:11px}.graph-empty p{margin:0;font-size:9px}.status-bar{z-index:40;color:#687285;background:#101218;border-top:1px solid #232832;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.status-bar>div,.save-status{align-items:center;gap:6px;display:flex}.save-status.saved{color:#63a98a}.status-separator{background:#303541;width:1px;height:10px;margin:0 4px}.saving-dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:.9s infinite alternate pulse}@keyframes pulse{to{opacity:.3;transform:scale(.7)}}.missing-project{background:var(--bg);place-content:center;place-items:center;gap:16px;width:100%;height:100%;display:grid}.app-loading{color:#8d82a7;background:#0d0f14;place-items:center;width:100%;height:100%;font-size:11px;display:grid}.missing-project h1{margin:0;font-size:22px}@media (width<=1280px){.project-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.pacing-legend span{font-size:0}}[data-theme=light]{--bg:#f4f6f9;--surface:#fff;--surface-2:#f7f8fb;--surface-3:#eef1f5;--border:#dfe3ea;--border-soft:#e7eaf0;--text:#252b36;--muted:#667085;--faint:#8c95a5;--purple:#7651df;--purple-bright:#7048dc;--purple-soft:#7651df1a;background:#f4f6f9}[data-theme=light] .dashboard-shell{color:#252b36;background:radial-gradient(circle at 80% -20%,#7651df14,#0000 32%),#f4f6f9}[data-theme=light] .dashboard-sidebar,[data-theme=light] .editor-header,[data-theme=light] .element-library,[data-theme=light] .inspector{background:#fff}[data-theme=light] .dashboard-sidebar,[data-theme=light] .dashboard-topbar,[data-theme=light] .editor-header,[data-theme=light] .status-bar{border-color:#dfe3ea}[data-theme=light] .dashboard-topbar{background:#f8f9fce6}[data-theme=light] .brand-name,[data-theme=light] .page-heading h1,[data-theme=light] .project-card-copy h2,[data-theme=light] .panel-heading h2,[data-theme=light] .inspector-title h2{color:#202631}[data-theme=light] .dashboard-nav-item{color:#697386}[data-theme=light] .dashboard-nav-item:hover,[data-theme=light] .icon-button:hover{color:#293140;background:#f0f2f6;border-color:#dfe3ea}[data-theme=light] .account-row,[data-theme=light] .library-section,[data-theme=light] .inspector-title,[data-theme=light] .inspector-section,[data-theme=light] .inspector-footer{border-color:#e6e9ef}[data-theme=light] .account-row strong,[data-theme=light] .project-card-copy h2,[data-theme=light] .library-item strong{color:#303745}[data-theme=light] .search-box,[data-theme=light] .view-switcher,[data-theme=light] .inspector input,[data-theme=light] .inspector textarea,[data-theme=light] .inspector select{color:#303745;background:#f7f8fa;border-color:#dce1e8}[data-theme=light] .search-box input,[data-theme=light] .project-name-input{color:#252b36}[data-theme=light] .inspector .beat-link-row{background:#f7f8fa;border-color:#dce1e8}[data-theme=light] .beat-link-row span{color:#303745}[data-theme=light] kbd{color:#747d8d;background:#eef1f5;border-color:#dce1e8}[data-theme=light] .new-project-card,[data-theme=light] .project-card,[data-theme=light] .pacing-overview,[data-theme=light] .graph-card{background:#fff;border-color:#dfe3ea}[data-theme=light] .project-preview{background:#f6f8fb;border-color:#e2e6ed}[data-theme=light] .project-preview:after{background:linear-gradient(#0000 58%,#eff2f7b8)}[data-theme=light] .preview-pill{color:#596375;background:#ffffffdb;border-color:#d7dce5}[data-theme=light] .project-card-meta,[data-theme=light] .graph-card-heading{border-color:#e5e8ee}[data-theme=light] .context-menu{background:#fff;border-color:#d7dce5;box-shadow:0 18px 50px #232b3929}[data-theme=light] .context-menu button{color:#424b5b}[data-theme=light] .context-menu button:hover{color:#202631;background:#f0f2f6}[data-theme=light] .editor-shell,[data-theme=light] .editor-canvas,[data-theme=light] .canvas-wrap,[data-theme=light] .pacing-canvas{background:#f2f4f7}[data-theme=light] .project-name-input:hover,[data-theme=light] .project-name-input:focus,[data-theme=light] .view-switcher{background:#f1f3f6}[data-theme=light] .view-switcher button{color:#6c7586}[data-theme=light] .view-switcher button.active{color:#392b61;background:#fff;box-shadow:inset 0 0 0 1px #cfc5ea}[data-theme=light] .panel-resizer{background:#f5f6f8}[data-theme=light] .panel-resizer:after{background:#dfe3ea}[data-theme=light] .library-item{color:#4b5565}[data-theme=light] .library-item:hover{background:#f5f6f9;border-color:#e2e6ed}[data-theme=light] .library-item.tool-item.active{background:#efedfb;border-color:#cfc8ef}[data-theme=light] .architecture-note{color:#7a8495}[data-theme=light] .library-item small,[data-theme=light] .library-hint,[data-theme=light] .panel-kicker,[data-theme=light] .inspector-section label>span{color:#778194}[data-theme=light] .canvas-toolbar,[data-theme=light] .zoom-controls,[data-theme=light] .inspector-reopen,[data-theme=light] .scale-badge{background:#ffffffed;border-color:#d4dae4;box-shadow:0 10px 28px #2a33421f}[data-theme=light] .map-settings-popover{color:#606a7b;background:#fffffff7;border-color:#d5dbe4;box-shadow:0 18px 45px #2a334224}[data-theme=light] .map-settings-popover strong{color:#293140}[data-theme=light] .map-settings-popover input[type=number]{color:#303745;background:#f7f8fa;border-color:#dce1e8}[data-theme=light] .canvas-context-menu{background:#fffffff7;border-color:#d5dbe4;box-shadow:0 18px 45px #2a334224}[data-theme=light] .canvas-context-menu span{color:#778194}[data-theme=light] .canvas-context-menu button{color:#303745}[data-theme=light] .canvas-context-menu button:hover,[data-theme=light] .canvas-toolbar button:hover,[data-theme=light] .zoom-controls button:hover,[data-theme=light] .canvas-toolbar button.active{color:#49327e;background:#eeeaf8}[data-theme=light] .canvas-toolbar>span,[data-theme=light] .status-separator{background:#d8dde6}[data-theme=light] .connection-row,[data-theme=light] .multi-selection-summary span,[data-theme=light] .metric-readout{background:#f7f8fa;border-color:#dfe3ea}[data-theme=light] .connection-row>span,[data-theme=light] .multi-selection-summary span{color:#515b6c}[data-theme=light] .metric-readout strong{color:#5d4598}[data-theme=light] .empty-inspector-art{background:#f1edf9;border-color:#ded5f0}[data-theme=light] .empty-inspector h2{color:#4a5362}[data-theme=light] .inspector-close:hover{color:#353d4b;background:#f0f2f6}[data-theme=light] .pacing-overview,[data-theme=light] .pacing-overview>div:not(.pacing-legend){border-color:#dfe3ea}[data-theme=light] .pacing-overview strong{color:#2b3240}[data-theme=light] .graph-grid-line{stroke:#dfe4eb}[data-theme=light] .graph-axis-label,[data-theme=light] .graph-axis-title{fill:#7a8495}[data-theme=light] .beat-label rect{fill:#fff;stroke:#d7dce5}[data-theme=light] .beat-label text{fill:#364052}[data-theme=light] .status-bar{color:#747e8f;background:#fff}[data-theme=light] .app-loading,[data-theme=light] .missing-project{color:#66548f;background:#f4f6f9}