@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-italic.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-italic.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-normal.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/source-serif-4-latin-600-normal.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/source-serif-4-latin-700-normal.woff2)format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tasa-explorer-latin-500-normal.woff2)format("woff2")}@font-face{font-family:TASA Explorer;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tasa-explorer-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/work-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/work-sans-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/work-sans-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/work-sans-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400-normal.woff2)format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-ext-500-normal.woff2)format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext-600-normal.woff2)format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-ext-700-normal.woff2)format("woff2");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}
:root{--sky-deep-cyan:#4fb3ce;--sky-steel-blue:#6a9fc9;--sky-deep-lavender:#9a8ac8;--sky-mauve-rose:#c490b0;--sky-warm-peach:#e8a99a;--sky-golden-hour:#f0d98a;--sky-return:#6ec5d8;--sky-gradient:linear-gradient(90deg, #4fb3ce 0%, #6a9fc9 18%, #9a8ac8 32%, #c490b0 48%, #e8a99a 62%, #f0d98a 78%, #6ec5d8 100%);--sky-gradient-diagonal:linear-gradient(135deg, #4fb3ce 0%, #9a8ac8 50%, #e8a99a 100%);--bg:#f8fafc;--bg-alt:#fff;--panel:#fff;--canvas-bg:#fff;--grid-line:#e2e8f0;--grid-line-major:#cbd5e1;--text:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--border:#e2e8f0;--border-subtle:#f1f5f9;--accent:#4fb3ce;--accent-hover:#3da0bb;--accent-ink:#17728c;--accent-soft:#4fb3ce1f;--accent-rgb:79, 179, 206;--accent-text:#fff;--accent-secondary:#6a9fc9;--accent-secondary-hover:#5a8fb9;--accent-secondary-soft:#6a9fc91f;--selection:#4fb3ce;--selection-soft:#4fb3ce26;--success:#10b981;--success-soft:#10b9811a;--warning:#f59e0b;--warning-soft:#f59e0b1a;--error:#ef4444;--error-soft:#ef44441a;--info:#3b82f6;--info-soft:#3b82f61a;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #0000000f;--shadow-lg:0 12px 24px #00000014;--shadow-xl:0 20px 40px #0000001f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=dark]{--bg:#0f0f1a;--bg-alt:#14142a;--panel:#1a1a2e;--canvas-bg:#1a1a2e;--grid-line:#2a2a45;--grid-line-major:#3a3a55;--text:#f1f5f9;--text-muted:#94a3b8;--text-light:#64748b;--border:#2a2a45;--border-subtle:#1e1e35;--accent:#6ec5d8;--accent-hover:#8cd4e5;--accent-ink:#6ec5d8;--accent-soft:#6ec5d833;--accent-rgb:110, 197, 216;--accent-text:#0f172a;--accent-secondary:#8bb6d8;--accent-secondary-hover:#a4c6e3;--accent-secondary-soft:#8bb6d833;--selection:#6ec5d8;--selection-soft:#6ec5d833;--success:#34d399;--success-soft:#34d39926;--warning:#fbbf24;--warning-soft:#fbbf2426;--error:#f87171;--error-soft:#f8717126;--info:#60a5fa;--info-soft:#60a5fa26;--shadow-sm:0 1px 2px #0003;--shadow:0 4px 12px #0000004d;--shadow-lg:0 12px 24px #0006;--shadow-xl:0 20px 40px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.landing-page,.landing-page body,body.landing-page{background:#0d0d1a!important}#__next{height:100%}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.MuiInputBase-input:focus-visible{outline:none}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg);border-color:var(--text-muted);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--sky-deep-cyan) 0%, var(--sky-steel-blue) 100%);color:#fff;border-color:#0000;box-shadow:0 4px 14px #4fb3ce59,inset 0 1px #fff3}.btn-primary:hover{background:linear-gradient(135deg, var(--sky-steel-blue) 0%, var(--sky-deep-cyan) 100%);box-shadow:0 6px 20px #4fb3ce73,inset 0 1px #ffffff40}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}:where(input[type=text],input[type=email],input[type=password],input[type=search],textarea,select):not(.MuiInputBase-input){border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--text);padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}:where(input,textarea,select):not(.MuiInputBase-input):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}:where(input,textarea):not(.MuiInputBase-input)::placeholder{color:var(--text-light)}.badge{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-primary{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s fadeIn}.animate-slide-up{animation:.3s slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=light] .glass{background:#fffc;border:1px solid #0000001a}.app-sidebar{background:var(--panel);border-right:1px solid var(--border);z-index:300;flex-direction:column;flex-shrink:0;height:100%;transition:width .25s cubic-bezier(.16,1,.3,1);display:flex}.app-sidebar.expanded{width:240px}.app-sidebar.collapsed{width:56px}.app-sidebar .sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px;display:flex}.app-sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:8px;padding:12px 8px}.app-sidebar .sidebar-logo{flex-shrink:1;align-items:center;min-width:0;text-decoration:none;display:flex;overflow:hidden}.app-sidebar .sidebar-logo-collapsed{justify-content:center;align-items:center;text-decoration:none;display:flex}.app-sidebar .sidebar-toggle{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.app-sidebar .sidebar-toggle:hover{background:var(--accent-soft);color:var(--accent)}.app-sidebar.collapsed .sidebar-toggle{margin:0}.app-sidebar .sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.app-sidebar .nav-section{margin-bottom:20px}.app-sidebar .nav-section:last-child{margin-bottom:0}.app-sidebar .nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:4px;padding:8px 12px 6px;font-size:11px;font-weight:600}.app-sidebar .nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.app-sidebar.collapsed .nav-item{justify-content:center;padding:10px}.app-sidebar .nav-item:hover{background:var(--accent-soft);color:var(--accent)}.app-sidebar .nav-item.active{background:var(--accent-soft);color:var(--accent-ink)}.app-sidebar .nav-item.create-btn{background:linear-gradient(135deg, var(--sky-deep-cyan) 0%, var(--sky-steel-blue) 100%);color:#fff;margin-top:4px;font-weight:600;box-shadow:inset 0 1px #fff3}.app-sidebar .nav-item.create-btn:hover{background:linear-gradient(135deg, var(--sky-steel-blue) 0%, var(--sky-deep-cyan) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #4fb3ce59,inset 0 1px #ffffff40}.app-sidebar .nav-item .truncate{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-sidebar .sidebar-footer{border-top:1px solid var(--border);padding:12px 8px}.app-sidebar .sidebar-footer .nav-item{margin-bottom:2px}.app-sidebar .sidebar-footer .nav-item:last-child{margin-bottom:0}.dashboard-layout{background:var(--bg);min-height:100vh;display:flex}.dashboard-layout>.app-sidebar{height:100vh;position:sticky;top:0}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dashboard-content{flex:1;padding:32px;overflow:auto}@media (max-width:899.95px){.dashboard-content{padding:16px}}
.ds-stencils,.ds-properties-content,.ds-outline-tab,.frame-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ds-container{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.ds-container.embedded{border:1px solid var(--border);border-radius:8px}.ds-workspace{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ds-main{flex:1;display:flex;position:relative;overflow:hidden}.ds-breadcrumb-sep{color:var(--text-muted);opacity:.5;flex-shrink:0}.ds-doc-title{align-items:center;gap:8px;min-width:0;display:flex}.ds-doc-title input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;min-width:150px;max-width:300px;padding:4px 8px;font-size:15px;font-weight:600}.ds-doc-title input:hover{border-color:var(--border)}.ds-doc-title input:focus{border-color:var(--accent);background:var(--bg);outline:none}.ds-save-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.ds-save-status.dirty{color:var(--accent)}.ds-save-status.saving{color:#f59e0b}.ds-save-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.ds-toolbar-btn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:all .15s;display:flex}.ds-toolbar-btn:hover{background:var(--bg-alt);border-color:var(--border)}.ds-toolbar-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ds-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.ds-toolbar-btn.icon-only{padding:6px}.ds-toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 4px}.ds-zoom-controls{background:var(--bg);border:1px solid var(--border);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.ds-zoom-controls button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .1s;display:flex}.ds-zoom-controls button:hover{background:var(--bg-alt);color:var(--text)}.ds-zoom-controls span{text-align:center;min-width:48px;color:var(--text-muted);font-size:12px}.ds-main{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.ds-resizable-panel{background:var(--panel);flex-direction:column;flex-shrink:0;transition:width .2s,height .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.ds-resizable-panel.collapsed{opacity:0;pointer-events:none}.ds-resizable-panel.resizing{-webkit-user-select:none;user-select:none;transition:none}.ds-resizable-panel-left{border-right:1px solid var(--border)}.ds-resizable-panel-right{border-left:1px solid var(--border)}.ds-resizable-panel-bottom{border-top:1px solid var(--border)}.ds-resizable-panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ds-resize-handle{z-index:10;background:0 0;transition:background .15s;position:absolute}.ds-resize-handle:hover,.ds-resize-handle:focus{background:var(--accent-soft)}.ds-resize-handle:focus{outline:none}.ds-resize-handle-left{cursor:ew-resize;width:4px;height:100%;top:0;right:0}.ds-resize-handle-right{cursor:ew-resize;width:4px;height:100%;top:0;left:0}.ds-resize-handle-bottom{cursor:ns-resize;width:100%;height:4px;top:0;left:0}.ds-resize-handle-indicator{background:var(--border);opacity:0;border-radius:2px;transition:opacity .15s;position:absolute}.ds-resize-handle:hover .ds-resize-handle-indicator,.ds-resize-handle:focus .ds-resize-handle-indicator{opacity:1}.ds-resize-handle-left .ds-resize-handle-indicator,.ds-resize-handle-right .ds-resize-handle-indicator{width:2px;height:32px;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-resize-handle-bottom .ds-resize-handle-indicator{width:32px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-collapse-button{background:var(--panel);border:1px solid var(--border);width:20px;height:40px;color:var(--text-muted);cursor:pointer;z-index:11;border-radius:0 6px 6px 0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.ds-resizable-panel-left .ds-collapse-button{top:50%;right:-20px;transform:translateY(-50%)}.ds-resizable-panel-right .ds-collapse-button{border-radius:6px 0 0 6px;top:50%;left:-20px;transform:translateY(-50%)}.ds-resizable-panel-bottom .ds-collapse-button{border-radius:6px 6px 0 0;width:40px;height:20px;top:-20px;left:50%;transform:translate(-50%)}.ds-collapse-button:hover{background:var(--bg-alt);color:var(--text)}.ds-panel-group{flex:1;display:flex;overflow:hidden}.ds-panel-group-horizontal{flex-direction:row}.ds-panel-group-vertical{flex-direction:column}.ds-palette{flex-direction:column;height:100%;display:flex;overflow:hidden}.ds-palette-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px;display:flex}.ds-palette-title{color:var(--text);font-size:13px;font-weight:600}.ds-mode-selector{border-bottom:1px solid var(--border);padding:8px 12px}.ds-mode-selector select{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px}.ds-mode-selector select:focus{border-color:var(--accent);outline:none}.ds-stencils{flex:1;padding:12px;overflow-y:auto}.ds-stencil-group{margin-bottom:16px}.ds-stencil-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.ds-stencil-list{flex-wrap:wrap;gap:8px;display:flex}.ds-stencil-item{background:var(--bg);border:1px solid var(--border);cursor:grab;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px;transition:all .15s;display:flex}.ds-stencil-item:hover{border-color:var(--accent);background:var(--accent-soft)}.ds-stencil-item:active{cursor:grabbing}.ds-stencil-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ds-stencil-icon svg{width:24px;height:24px}.ds-stencil-label{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:10px;overflow:hidden}.ds-canvas-container{z-index:0;isolation:isolate;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ds-canvas-area{background:var(--canvas-bg,#fff);flex:1;min-height:400px;position:relative;overflow:hidden}.ds-canvas-area.drag-over{outline:3px dashed var(--accent,#6ec5d8);outline-offset:-3px;background:var(--canvas-bg-hover,#6ec5d80d)}.ds-canvas-area.drag-over:after{content:"";pointer-events:none;z-index:9999;background:#6ec5d814;position:absolute;inset:0}.ds-canvas{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ds-canvas-inner{transform-origin:0 0;min-width:100%;min-height:100%;position:relative}.ds-grid{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.ds-connections{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.ds-connection-group{pointer-events:auto;cursor:pointer}.ds-connections path{pointer-events:stroke}.ds-connection-hitarea{cursor:pointer;pointer-events:all!important}.ds-connection-group.selected{filter:drop-shadow(0 0 3px var(--selection,#4fb3ce))}.ds-node{-webkit-user-select:none;user-select:none;cursor:move;z-index:5;isolation:isolate;transition:box-shadow .15s;position:absolute}.ds-node:hover{z-index:10}.ds-node.connect-mode{cursor:crosshair}.ds-node.connect-mode:hover{box-shadow:0 0 0 3px var(--accent)}.ds-node.dragging{opacity:.9;z-index:100;will-change:transform;transition:none!important}.ds-node.locked{cursor:not-allowed}.ds-node.locked .ds-node-content{opacity:.85}.ds-node.locked.selected .ds-node-content{border-style:dashed}.ds-node[data-type=frame]{will-change:auto;z-index:1!important;transition:none!important}.ds-node[data-type=frame] *{transition:none!important}.ds-node[data-type=frame]{cursor:default}.ds-node[data-type=frame].selected{cursor:move}.ds-node[data-type=frame].connect-mode,.ds-node[data-type=frame].connect-mode .ds-node-content{pointer-events:none}.ds-node[data-type=frame].dragging{will-change:transform;pointer-events:none;z-index:50!important}.ds-node[data-type=frame].dragging~.ds-node{transition:none!important}.ds-node-content{background:var(--panel);border:2px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative}.ds-node.selected .ds-node-content{border-color:var(--selection,#4fb3ce)}.ds-node-custom-render.selected{outline:2px solid var(--selection,#4fb3ce);outline-offset:-1px;border-radius:4px}.ds-node-custom-render .ds-node-content{background:0 0!important;border:none!important;padding:0!important}.ds-node-rect .ds-node-content{border-radius:8px}.ds-node-circle .ds-node-content{border-radius:50%}.ds-node-diamond:not(.ds-node-custom-render) .ds-node-content{border-radius:4px;transform:rotate(45deg)}.ds-node-diamond:not(.ds-node-custom-render) .ds-node-inner{transform:rotate(-45deg)}.ds-text{box-sizing:content-box;pointer-events:none;text-align:center;white-space:pre;font-weight:500;position:absolute;overflow:visible}.ds-node .ds-text{-webkit-user-select:text;user-select:text}.ds-text-lh130{line-height:1.3}.ds-text-lh125{line-height:1.25}.ds-text-w400{font-weight:400}.ds-text-w500{font-weight:500}.ds-text-w600{font-weight:600}.ds-text-w700{font-weight:700}.ds-text-start{text-align:start}.ds-text-end{text-align:end}.ds-text-line{white-space:pre;unicode-bidi:plaintext;display:block}.ds-text-badge{pointer-events:auto;cursor:help;color:#fff;letter-spacing:1px;white-space:pre;text-align:center;background:#1f6f89;border-radius:7px;height:13px;padding:0 4px;font-family:inherit;font-size:11px;font-weight:700;line-height:13px;position:absolute;bottom:-8px;right:0}.ds-text-badge:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:1px}.ds-text-badge-pill{right:2px}.erd-row-badge{width:18px;height:100%;position:absolute;top:0}.erd-row-badge .ds-text-badge{top:50%;bottom:auto;right:2px;transform:translateY(-50%)}.ds-svg-text{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre}.ds-conn-label-input{box-sizing:border-box;text-align:center;border:2px solid var(--accent);background:var(--bg);width:100%;height:100%;color:var(--text);border-radius:4px;outline:none;padding:0 4px;font-size:12px}.ds-text-full{z-index:60;color:#fff;letter-spacing:0;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;background:#1f2933;border-radius:6px;min-width:120px;max-width:320px;padding:6px 8px;font-size:12px;font-weight:400;line-height:1.35;position:absolute;top:16px;right:0;box-shadow:0 4px 14px #00000040}.ds-node-label{color:var(--text);text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;font-size:13px;font-weight:500}.ds-node-label input{font-size:inherit;font-weight:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;width:100%}.ds-node-label-input,.ds-node-label-input:focus,.ds-node-label-input:focus-visible,.ds-node-label input:focus,.ds-node-label input:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.ds-port{background:var(--bg);border:2px solid var(--accent);cursor:crosshair;z-index:10;opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .15s,box-shadow .15s,background .15s,width .1s,height .1s;position:absolute}.ds-node:hover .ds-port,.ds-node.selected .ds-port{opacity:.8}.ds-node.connect-mode .ds-port{opacity:1}.ds-port:hover{background:var(--accent);opacity:1;width:18px;height:18px;box-shadow:0 0 0 4px #0e74a34d}.ds-port-top{margin-left:-7px;top:-7px;left:50%}.ds-port-bottom{margin-left:-7px;bottom:-7px;left:50%}.ds-port-left{margin-top:-7px;top:50%;left:-7px}.ds-port-right{margin-top:-7px;top:50%;right:-7px}.ds-port-top:hover{margin-left:-9px;top:-9px}.ds-port-bottom:hover{margin-left:-9px;bottom:-9px}.ds-port-left:hover{margin-top:-9px;left:-9px}.ds-port-right:hover{margin-top:-9px;right:-9px}.ds-port:after{content:attr(data-port);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:3px;padding:2px 6px;font-size:10px;transition:opacity .15s;position:absolute}.ds-port-top:after{margin-bottom:4px;bottom:100%;left:50%;transform:translate(-50%)}.ds-port-bottom:after{margin-top:4px;top:100%;left:50%;transform:translate(-50%)}.ds-port-left:after{margin-right:4px;top:50%;right:100%;transform:translateY(-50%)}.ds-port-right:after{margin-left:4px;top:50%;left:100%;transform:translateY(-50%)}.ds-port:hover:after{opacity:1}.ds-edge-handle{cursor:crosshair;z-index:15;opacity:0;pointer-events:auto;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute}.ds-node:hover .ds-edge-handle,.ds-node.selected .ds-edge-handle{opacity:1}.ds-edge-handle-dot{border:2px solid var(--accent);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 1px 3px #0000001f}.ds-edge-handle:hover .ds-edge-handle-dot,.ds-edge-handle.hovered .ds-edge-handle-dot{background:var(--accent);border-color:var(--accent);width:20px;height:20px;box-shadow:0 0 0 3px #4fb3ce33,0 2px 6px #00000026}.ds-edge-handle:hover .ds-edge-handle-dot:before,.ds-edge-handle:hover .ds-edge-handle-dot:after,.ds-edge-handle.hovered .ds-edge-handle-dot:before,.ds-edge-handle.hovered .ds-edge-handle-dot:after{content:"";background:#fff;border-radius:1px;position:absolute}.ds-edge-handle:hover .ds-edge-handle-dot:before,.ds-edge-handle.hovered .ds-edge-handle-dot:before{width:10px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-edge-handle:hover .ds-edge-handle-dot:after,.ds-edge-handle.hovered .ds-edge-handle-dot:after{width:2px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-edge-handle-top{top:-12px;left:50%;transform:translate(-50%)}.ds-edge-handle-bottom{bottom:-12px;left:50%;transform:translate(-50%)}.ds-edge-handle-left{top:50%;left:-12px;transform:translateY(-50%)}.ds-edge-handle-right{top:50%;right:-12px;transform:translateY(-50%)}.ds-edge-quickadd{display:none}.ds-node.connect-mode .ds-edge-handle{opacity:1}.ds-node.connect-mode .ds-edge-handle-dot{background:var(--accent);border-color:var(--accent);animation:1.5s ease-in-out infinite ds-port-pulse}@keyframes ds-port-pulse{0%,to{box-shadow:0 0 #0e74a366}50%{box-shadow:0 0 0 8px #0e74a300}}.ds-edge-handle:after{content:"Click to create • Drag to connect";color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#000c;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s .3s;position:absolute}.ds-edge-handle-top:after{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%)}.ds-edge-handle-bottom:after{margin-top:8px;top:100%;left:50%;transform:translate(-50%)}.ds-edge-handle-left:after{margin-right:8px;top:50%;right:100%;transform:translateY(-50%)}.ds-edge-handle-right:after{margin-left:8px;top:50%;left:100%;transform:translateY(-50%)}.ds-edge-handle:hover:after,.ds-edge-handle.hovered:after{opacity:1}.ds-node .ds-port{display:none}.ds-node.connect-target .ds-port{opacity:1;display:block}.ds-node.connect-target{cursor:crosshair}.ds-node.connect-target:hover{box-shadow:0 0 0 3px var(--accent), 0 0 12px #0e74a34d}.ds-connection{stroke:var(--text-muted);stroke-width:2px;fill:none;transition:stroke .15s}.ds-connection:hover,.ds-connection-group.hovered .ds-connection{stroke:var(--accent);stroke-width:3px}.ds-connection-group.hovered circle,.ds-connection-group.selected circle{transition:r .15s,opacity .15s}.ds-connection.selected{stroke:var(--selection,#4fb3ce);stroke-width:3px}.ds-connection-label{fill:var(--text);font-size:11px}.ds-connection-label-bg{fill:var(--bg);rx:4}.ds-properties{flex-direction:column;height:100%;display:flex;overflow:hidden}.ds-properties-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ds-properties-title{color:var(--text);font-size:13px;font-weight:600}.ds-properties-tabs{border-bottom:1px solid var(--border);padding:0 12px;display:flex}.ds-properties-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;transition:all .15s}.ds-properties-tab:hover{color:var(--text)}.ds-properties-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ds-properties-content{flex:1;padding:16px;overflow-y:auto}.ds-property-group{margin-bottom:20px}.ds-property-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.ds-property-row{margin-bottom:12px}.ds-property-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.ds-property-input{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:13px}.ds-property-input:focus{border-color:var(--accent);outline:none}.ds-property-textarea{resize:vertical;min-height:80px}.ds-properties-empty{height:200px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.ds-properties-empty-icon{opacity:.5;margin-bottom:12px;font-size:32px}.ds-properties-empty-text{font-size:13px}.ds-list-field,.ds-list-items{flex-direction:column;gap:4px;display:flex}.ds-list-item{background:var(--bg);border-radius:4px;align-items:center;gap:4px;padding:2px;display:flex}.ds-list-item-input{flex:1;font-family:Consolas,Monaco,monospace;padding:4px 8px!important;font-size:12px!important}.ds-list-item-remove{opacity:.5;transition:opacity .15s}.ds-list-item:hover .ds-list-item-remove{opacity:1}.ds-list-add{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.ds-validation{flex-direction:column;height:100%;display:flex;overflow:hidden}.ds-validation-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ds-validation-title{color:var(--text);font-size:13px;font-weight:600}.ds-validation-count{color:var(--text-muted);background:var(--bg);border-radius:12px;padding:2px 8px;font-size:12px}.ds-validation-list{flex:1;padding:8px;overflow-y:auto}.ds-validation-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.ds-validation-item:hover{background:var(--bg-alt)}.ds-validation-icon{flex-shrink:0;width:16px;height:16px}.ds-validation-icon.error{color:#ef4444}.ds-validation-icon.warn{color:#f59e0b}.ds-validation-icon.info{color:#3b82f6}.ds-validation-message{color:var(--text);flex:1;font-size:12px}.ds-validation-element{color:var(--text-muted);font-size:11px}.ds-minimap{background:var(--panel);border:1px solid var(--border);z-index:50;border-radius:8px;width:180px;height:120px;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ds-minimap-canvas{width:100%;height:100%}.ds-minimap-viewport{border:2px solid var(--accent);background:rgba(var(--accent-rgb), .1);cursor:move;position:absolute}.ds-context-menu{background:var(--panel);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:160px;position:fixed;overflow:hidden;box-shadow:0 4px 16px #00000026}.ds-context-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.ds-context-menu-item:hover{background:var(--bg-alt)}.ds-context-menu-item.danger{color:#ef4444}.ds-context-menu-divider{background:var(--border);height:1px;margin:4px 0}.ds-connection-toolbar{background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:6px 10px;display:flex;box-shadow:0 4px 16px #00000026}.ds-conn-toolbar-group{align-items:center;gap:4px;display:flex}.ds-conn-toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:10px;font-weight:600}.ds-conn-toolbar-buttons{gap:2px;display:flex}.ds-conn-toolbar-btn{background:var(--bg);border:1px solid var(--border);min-width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:flex}.ds-conn-toolbar-btn:hover{background:var(--bg-alt);border-color:var(--accent)}.ds-conn-toolbar-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.ds-conn-toolbar-btn--danger{color:var(--text-muted)}.ds-conn-toolbar-btn--danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.ds-conn-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.ds-alignment-toolbar{background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:6px 10px;display:flex;box-shadow:0 4px 16px #00000026}.ds-align-toolbar-group{align-items:center;gap:4px;display:flex}.ds-align-toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:10px;font-weight:600}.ds-align-toolbar-buttons{gap:2px;display:flex}.ds-align-toolbar-btn{background:var(--bg);border:1px solid var(--border);min-width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:flex}.ds-align-toolbar-btn:hover{background:var(--bg-alt);border-color:var(--accent)}.ds-align-toolbar-btn:active{background:var(--accent);color:#fff}.ds-align-toolbar-btn svg{width:16px;height:16px}.ds-align-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.ds-minimap{background:var(--panel);border:1px solid var(--border);z-index:100;-webkit-user-select:none;user-select:none;border-radius:8px;width:180px;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 16px #00000026}.ds-minimap-collapsed{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.ds-minimap-collapsed:hover{background:var(--bg-alt)}.ds-minimap-expand-icon{color:var(--text-muted);font-size:12px}.ds-minimap-header{border-bottom:1px solid var(--border);background:var(--bg-alt);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.ds-minimap-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ds-minimap-collapse-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.ds-minimap-collapse-btn:hover{background:var(--bg);color:var(--text)}.ds-minimap-canvas{background:var(--bg);cursor:pointer}.ds-minimap-canvas svg{display:block}.ds-minimap-info{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px 10px;font-size:10px;display:flex}.ds-export-menu{background:var(--panel);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.ds-template-selector{padding:20px}.ds-template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px;display:grid}.ds-template-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;padding:16px;transition:all .15s;display:flex}.ds-template-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.ds-template-preview{background:var(--bg-alt);width:100%;height:100px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;margin-bottom:12px;font-size:24px;display:flex}.ds-template-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500}.ds-template-desc{color:var(--text-muted);font-size:12px}.ds-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ds-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.ds-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.ds-empty-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.ds-empty-desc{margin-bottom:20px;font-size:14px}.ds-tooltip{color:#fff;background:var(--text);pointer-events:none;z-index:1000;white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute}.ds-tooltip:after{content:"";border:5px solid #0000;position:absolute}.ds-tooltip.bottom:after{border-bottom-color:var(--text);top:-10px;left:50%;transform:translate(-50%)}@media (max-width:768px){.ds-toolbar-btn span,.ds-resizable-panel-left,.ds-resizable-panel-right{display:none}}.ds-quick-create{background:var(--accent);color:#fff;cursor:pointer;opacity:0;z-index:15;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex;position:absolute;box-shadow:0 2px 6px #0003}.ds-node:hover .ds-quick-create,.ds-node.selected .ds-quick-create{opacity:.7}.ds-quick-create:hover{transform:scale(1.2);opacity:1!important}.ds-quick-create-right{top:50%;right:-12px;transform:translateY(-50%)}.ds-quick-create-right:hover{transform:translateY(-50%)scale(1.2)}.ds-quick-create-left{top:50%;left:-12px;transform:translateY(-50%)}.ds-quick-create-left:hover{transform:translateY(-50%)scale(1.2)}.ds-quick-create-bottom{bottom:-12px;left:50%;transform:translate(-50%)}.ds-quick-create-bottom:hover{transform:translate(-50%)scale(1.2)}.ds-quick-create-top{top:-12px;left:50%;transform:translate(-50%)}.ds-quick-create-top:hover{transform:translate(-50%)scale(1.2)}.ds-node .ds-resize-handle{z-index:20;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute}.ds-node .ds-resize-handle:after{content:"";border:2px solid var(--accent);background:#fff;border-radius:2px;width:8px;height:8px;transition:transform .15s,background .15s;position:absolute;box-shadow:0 1px 3px #00000026}.ds-node .ds-resize-handle:hover:after{background:var(--accent);transform:scale(1.25)}.ds-node .ds-resize-nw{cursor:nwse-resize;top:-8px;left:-8px}.ds-node .ds-resize-ne{cursor:nesw-resize;top:-8px;right:-8px}.ds-node .ds-resize-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.ds-node .ds-resize-se{cursor:nwse-resize;bottom:-8px;right:-8px}.ds-node .ds-resize-e,.ds-node .ds-resize-w,.ds-node .ds-resize-s,.ds-node .ds-resize-n,.ds-node:not(.selected) .ds-resize-handle,.ds-node.selected .ds-resize-e,.ds-node.selected .ds-resize-w,.ds-node.selected .ds-resize-s,.ds-node.selected .ds-resize-n{display:none}.ds-rotation-handle{border:2px solid var(--accent,#6ec5d8);cursor:grab;z-index:25;width:24px;height:24px;color:var(--accent,#6ec5d8);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.ds-rotation-handle:hover{background:var(--accent,#6ec5d8);color:#fff;transform:translate(-50%)scale(1.15);box-shadow:0 3px 10px #0003}.ds-rotation-handle:active{cursor:grabbing;transform:translate(-50%)scale(1.1)}.ds-rotation-handle:before{content:"";background:var(--accent,#6ec5d8);opacity:.5;width:2px;height:16px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.ds-rotation-handle{display:none!important}.ds-rotation-indicator{background:var(--accent,#6ec5d8);color:#fff;pointer-events:none;z-index:9999;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 2px 8px #0003}.ds-connection-group circle[style*="cursor: move"]{transition:transform .1s}.ds-connection-group circle[style*="cursor: move"]:hover{transform-origin:50%;transform:scale(1.3)}.ds-properties-accordion{flex:1;overflow-y:auto}.ds-accordion-section{border-bottom:1px solid var(--border)}.ds-accordion-section:last-child{border-bottom:none}.ds-accordion-header{width:100%;color:var(--text);background:var(--bg-surface);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.3px;border:none;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.ds-accordion-header:hover{background:var(--bg-alt)}.ds-accordion-header.open{background:var(--panel)}.ds-accordion-content{background:var(--panel);padding:12px 16px}.ds-canvas-area.space-pan{cursor:grab}.ds-canvas-area.space-pan.panning{cursor:grabbing}.ds-canvas-area.space-pan .ds-node{cursor:grab}.ds-canvas-area.space-pan.panning .ds-node{cursor:grabbing}.ds-node[data-type*=zone],.ds-node[data-type*=section],.ds-node[data-type*=column],.ds-node[data-type*=phase],.ds-node[data-type*=lane]{z-index:1!important}.ds-node[data-type*=zone] .ds-node-content,.ds-node[data-type*=section] .ds-node-content,.ds-node[data-type*=column] .ds-node-content,.ds-node[data-type*=phase] .ds-node-content,.ds-node[data-type*=lane] .ds-node-content{border-style:dashed;border-width:2px;border-radius:12px;justify-content:flex-start;align-items:flex-start;padding:0;overflow:visible}.ds-zone-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text);background:inherit;border-bottom:2px dashed var(--border);border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.ds-node[data-type*=card],.ds-node[data-type*=insight],.ds-node[data-type*=action],.ds-node[data-type*=pain],.ds-node[data-type*=opportunity],.ds-node[data-type*=quote],.ds-node[data-type*=node]{z-index:5!important}.ds-node[data-shape=sticky] .ds-node-content{border:none;border-radius:4px;box-shadow:2px 2px 8px #0000001a}.ds-node[data-shape=sticky] .ds-node-content:before{content:"";border-top:0 solid #0000;border-bottom:20px solid #0000;border-left:0 solid #0000;border-right:20px solid #0000000d;width:0;height:0;position:absolute;top:0;right:10px}.ds-node[data-type=outcome-node] .ds-node-content{color:#fff;border-width:3px;border-radius:12px;font-weight:700}.ds-node[data-type=opportunity-node] .ds-node-content{border-width:2px;border-radius:10px}.ds-node[data-type=solution-node] .ds-node-content{border-width:2px;border-radius:8px}.ds-node[data-type=experiment-node] .ds-node-content{border-style:dashed;border-width:2px;border-radius:6px}.ds-node[data-type=persona-header] .ds-node-content{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:16px;padding:16px}.ds-persona-avatar{background:var(--bg-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.ds-node[data-type=emotion-point] .ds-node-content{border-style:solid;border-width:3px;border-radius:50%}.ds-emotion-score{color:var(--text-muted);font-size:11px;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.ds-node[data-type=scored-item] .ds-node-content{border-radius:6px;flex-direction:row;justify-content:space-between;padding:8px 12px}.ds-score-value{color:var(--accent);margin-left:auto;padding-left:12px;font-size:14px;font-weight:700}.ds-node[data-type=touchpoint] .ds-node-content{border-width:2px;border-radius:8px}.ds-canvas-category{color:var(--text);background:var(--bg-alt);text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ds-canvas-category.discovery{color:#1e40af;background:#dbeafe}.ds-canvas-category.strategy{color:#166534;background:#dcfce7}.ds-canvas-category.prioritization{color:#92400e;background:#fef3c7}.ds-canvas-category.validation{color:#9d174d;background:#fce7f3}.ds-canvas-category.delivery{color:#6b21a8;background:#e9d5ff}.ds-canvas-category.service-design{color:#0369a1;background:#e0f2fe}.ds-canvas-picker{background:var(--bg);flex-direction:column;height:100%;display:flex}.ds-canvas-picker-header{border-bottom:1px solid var(--border);padding:20px 24px}.ds-canvas-picker-title{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:700}.ds-canvas-picker-subtitle{color:var(--text-muted);margin:0;font-size:14px}.ds-canvas-picker-categories{border-bottom:1px solid var(--border);gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.ds-category-tab{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.ds-category-tab:hover{background:var(--bg-alt);color:var(--text)}.ds-category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.ds-canvas-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:20px;padding:24px;display:grid;overflow-y:auto}.ds-canvas-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.ds-canvas-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.ds-canvas-card-preview{background:var(--bg-alt);height:140px;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-size:40px;display:flex}.ds-canvas-card-content{padding:16px}.ds-canvas-card-name{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.ds-canvas-card-desc{color:var(--text-muted);margin:0 0 12px;font-size:13px;line-height:1.4}.ds-zone-drop-indicator{border:3px dashed var(--accent);background:rgba(var(--accent-rgb), .1);pointer-events:none;opacity:0;border-radius:12px;transition:opacity .15s;position:absolute;inset:0}.ds-node[data-type*=zone].drop-target .ds-zone-drop-indicator{opacity:1}.ds-zone-count{min-width:20px;height:20px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.ds-tree-level-indicator{border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:0}.ds-tree-level-0{background:#0e74a3}.ds-tree-level-1{background:#0284c7}.ds-tree-level-2{background:#10b981}.ds-tree-level-3{background:#f59e0b}.ds-add-child-btn{color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);cursor:pointer;opacity:0;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .15s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.ds-node:hover .ds-add-child-btn{opacity:1}.ds-add-child-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ds-canvas-hint{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:90%;padding:6px 12px;font-size:11px;font-style:italic;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.ds-divider-line{background:var(--border);z-index:2;height:2px;position:absolute;left:0;right:0}.ds-divider-line-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:10px}.ds-template-preview-layout{gap:4px;width:80px;height:60px;display:grid}.ds-template-preview-layout.matrix-2x2{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.ds-template-preview-layout.columns-4{grid-template-columns:repeat(4,1fr)}.ds-template-preview-layout.tree{flex-direction:column;align-items:center;gap:8px;display:flex}.ds-template-preview-cell{background:var(--border);border-radius:2px}.ds-emotion-curve{stroke:#f59e0b;stroke-width:3px;fill:none}.ds-moscow-column{position:relative}.ds-moscow-column .ds-zone-header{font-size:11px;font-weight:700}.ds-moscow-column[data-zone=must] .ds-zone-header{color:#166534}.ds-moscow-column[data-zone=should] .ds-zone-header{color:#1e40af}.ds-moscow-column[data-zone=could] .ds-zone-header{color:#92400e}.ds-moscow-column[data-zone=wont] .ds-zone-header{color:#991b1b}.pdw-canvas-library__tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:8px;display:flex}.pdw-canvas-library__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;margin-bottom:-9px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.pdw-canvas-library__tab:hover{color:var(--text);background:var(--bg-surface)}.pdw-canvas-library__tab.active{color:var(--accent);background:var(--bg-surface);border-bottom-color:var(--accent)}.pdw-canvas-library__tab-count{background:var(--accent);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.pdw-canvas-library__content{min-height:400px}.pdw-my-canvases{padding:4px}.pdw-my-canvases__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.pdw-my-canvases__search{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:400px;padding:8px 12px;display:flex}.pdw-my-canvases__search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pdw-my-canvases__search input::placeholder{color:var(--text-muted)}.pdw-my-canvases__search svg{color:var(--text-muted);font-size:20px}.pdw-my-canvases__search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.pdw-my-canvases__search-clear:hover{color:var(--text)}.pdw-my-canvases__toolbar-actions{align-items:center;gap:8px;display:flex}.pdw-my-canvases__filter-btn{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.pdw-my-canvases__filter-btn:hover,.pdw-my-canvases__filter-btn.active{color:var(--accent);border-color:var(--accent)}.pdw-my-canvases__sort-select{color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px}.pdw-my-canvases__create-btn{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pdw-my-canvases__create-btn:hover{background:var(--accent-hover)}.pdw-my-canvases__filters{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.pdw-my-canvases__filters label{color:var(--text-muted);font-size:13px}.pdw-my-canvases__filters select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:6px 10px;font-size:13px}.pdw-my-canvases__filter-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px}.pdw-my-canvases__summary{color:var(--text-muted);margin-bottom:12px;font-size:13px}.pdw-my-canvases__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.pdw-my-canvases__loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.pdw-my-canvases__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pdw-my-canvases__empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.pdw-my-canvases__empty p{margin:12px 0 20px;font-size:15px}.pdw-my-canvases__empty button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;display:flex}.pdw-my-canvas-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex;position:relative}.pdw-my-canvas-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.pdw-my-canvas-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pdw-my-canvas-card__icon svg{font-size:22px}.pdw-my-canvas-card__content{flex:1;min-width:0}.pdw-my-canvas-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:500;overflow:hidden}.pdw-my-canvas-card__name-input{border:2px solid var(--accent);background:var(--bg);width:100%;color:var(--text);border-radius:4px;outline:none;padding:4px 8px;font-size:14px;font-weight:500}.pdw-my-canvas-card__meta{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.pdw-my-canvas-card__type{background:var(--bg-surface);border-radius:4px;padding:2px 8px}.pdw-my-canvas-card__date{align-items:center;gap:4px;display:flex}.pdw-my-canvas-card__actions{position:relative}.pdw-my-canvas-card__action-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pdw-my-canvas-card:hover .pdw-my-canvas-card__action-btn{opacity:1}.pdw-my-canvas-card__action-btn:hover{background:var(--bg-surface);color:var(--text)}.pdw-my-canvas-card__menu-backdrop{z-index:999;position:fixed;inset:0}.pdw-my-canvas-card__menu{background:var(--panel);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:140px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.pdw-my-canvas-card__menu button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .1s;display:flex}.pdw-my-canvas-card__menu button:hover{background:var(--bg-surface)}.pdw-my-canvas-card__menu button.danger{color:#dc2626}.pdw-my-canvas-card__menu button.danger:hover{background:#fef2f2}.pdw-my-canvas-card__menu button svg{font-size:18px}.canvas-wizard-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.canvas-wizard{background:var(--panel);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.canvas-wizard__header{border-bottom:3px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.canvas-wizard__header-left{align-items:center;gap:14px;display:flex}.canvas-wizard__icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.canvas-wizard__type{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.canvas-wizard__name-input{width:280px;color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;padding:6px 0;font-size:18px;font-weight:600;transition:border-color .15s;display:block}.canvas-wizard__name-input:focus{border-bottom-color:var(--accent)}.canvas-wizard__header-right{align-items:center;gap:12px;display:flex}.canvas-wizard__progress{text-align:right}.canvas-wizard__progress span{color:var(--text-muted);font-size:12px}.canvas-wizard__progress-bar{background:var(--border);border-radius:2px;width:100px;height:4px;margin-top:4px;overflow:hidden}.canvas-wizard__progress-bar>div{border-radius:2px;height:100%;transition:width .3s}.canvas-wizard__tips-toggle{background:var(--bg);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.canvas-wizard__tips-toggle:hover{color:var(--text);border-color:var(--text-muted)}.canvas-wizard__tips-toggle.active{color:#b45309;background:#fef3c7;border-color:#f59e0b}.canvas-wizard__close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.canvas-wizard__close:hover{background:var(--bg);color:var(--text)}.canvas-wizard__tips{background:#fffbeb;border-bottom:1px solid #fef3c7;padding:14px 20px}.canvas-wizard__tips-header{color:#b45309;align-items:center;gap:8px;margin-bottom:8px;display:flex}.canvas-wizard__tips-header svg{font-size:18px}.canvas-wizard__tips p{color:#92400e;margin:0 0 10px;font-size:14px}.canvas-wizard__tips-inputs,.canvas-wizard__tips-outputs{color:#78350f;margin-bottom:4px;font-size:13px}.canvas-wizard__body{flex:1;padding:20px;overflow-y:auto}.canvas-wizard__fields{gap:16px;display:grid}.canvas-wizard__fields--quadrant{grid-template-columns:repeat(2,1fr)}.canvas-wizard__fields--lean{grid-template-columns:repeat(3,1fr)}.canvas-wizard__fields--split{grid-template-columns:repeat(2,1fr)}.canvas-wizard__fields--sections,.canvas-wizard__fields--persona,.canvas-wizard__fields--bmc{grid-template-columns:1fr}.canvas-wizard__field{background:var(--bg-surface);border:1px solid var(--border);border-left-width:4px;border-left-color:var(--accent);border-radius:8px;padding:14px}.canvas-wizard__field label{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.canvas-wizard__field-check{color:#22c55e;font-size:16px!important}.canvas-wizard__field-hint{color:var(--text-muted);margin-bottom:8px;font-size:11px;display:block}.canvas-wizard__field textarea{border:1px solid var(--border);resize:vertical;border-radius:6px;width:100%;min-height:80px;padding:10px;font-family:inherit;font-size:14px;transition:border-color .15s}.canvas-wizard__field textarea:focus{border-color:var(--accent);outline:none}.canvas-wizard__footer{border-top:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.canvas-wizard__footer-info{flex-direction:column;gap:2px;display:flex}.canvas-wizard__footer-info>span:first-child{font-size:13px;font-weight:500}.canvas-wizard__footer-hint{color:var(--text-muted);font-size:11px}.canvas-wizard__footer-actions{gap:10px;display:flex}.canvas-wizard__btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.canvas-wizard__btn--secondary{border:1px solid var(--border);color:var(--text);background:0 0}.canvas-wizard__btn--secondary:hover{background:var(--bg);border-color:var(--text-muted)}.canvas-wizard__btn--primary{background:var(--accent);color:#fff;border:none}.canvas-wizard__btn--primary:hover:not(:disabled){background:var(--accent-hover)}.canvas-wizard__btn--primary:disabled{opacity:.5;cursor:not-allowed}.uml-class-node,.uml-package-node,.uml-frame,.uml-action,.uml-state{box-sizing:border-box;background:var(--panel);border:2px solid var(--text-muted);border-radius:4px;width:100%;height:100%;position:relative}.uml-class-node{overflow:visible}.uml-frame{background:0 0}.uml-action,.uml-state{background:#fff;border-radius:12px}.uml-class-header{border-bottom:1px solid #0003;border-radius:2px 2px 0 0;position:absolute;top:0;left:0;right:0}.uml-class-rule,.uml-state-rule{border-top:1px solid var(--border);position:absolute;left:0;right:0}.uml-state-rule{border-top-style:solid}.uml-italic{font-style:italic}.uml-package-tab{border-radius:0 0 8px;height:28px;position:absolute;top:0;left:0}.uml-note-node{box-sizing:border-box;background:#fef3c7;border:1px solid #f59e0b;width:100%;height:100%;position:relative}.uml-note-corner{background:linear-gradient(135deg,#0000 50%,#fcd34d 50%);border-bottom:1px solid #f59e0b;border-left:1px solid #f59e0b;width:16px;height:16px;position:absolute;top:0;right:0}.uml-marker{width:100%;height:100%;position:relative}.uml-action-icon{opacity:.6;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.uml-fork-join{background:#1f2937;border-radius:2px;width:100%;height:100%}.uml-lane-header{height:28px;position:absolute;top:0;left:0;right:0}.uml-fragment-tab{width:64px;height:20px;position:absolute;top:0;left:0}.uml-activation{opacity:.9;box-sizing:border-box;border:1px solid;border-radius:2px;width:100%;height:100%}.uml-lifeline{width:100%;height:100%;position:relative}.uml-lifeline-head{box-sizing:border-box;background:#fff;border:2px solid;border-radius:4px;position:absolute;top:2px;left:2px;right:2px}.uml-lifeline-line{border-left:2px dashed;width:0;position:absolute;bottom:0}.erd-entity-node{background:var(--panel);border:2px solid var(--text-muted);border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.erd-entity-node.weak{border-style:double;border-width:4px}.erd-entity-node.view{border-style:dashed}.erd-entity-header{color:#fff;border-bottom:1px solid #0003;position:absolute;top:0;left:0;right:0}.erd-entity-badge{background:#fff3;border-radius:3px;padding:0 6px;font-size:11px;font-weight:500;line-height:14px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.erd-field{height:20px;position:absolute;left:0;right:0}.erd-field:hover{background:var(--bg)}.erd-field.pk{background:#3b82f61a}.erd-field.fk{background:#f973161a}.erd-field-icons{text-align:center;width:20px;line-height:20px;position:absolute;top:0;left:10px}.erd-pk-icon,.erd-fk-icon{font-size:11px}.erd-field-spacer{color:var(--text-muted);font-size:11px}.erd-entity-indexes{border-top:1px solid var(--border);background:var(--bg);position:absolute;bottom:0;left:0;right:0}.erd-index{height:20px;position:absolute;left:10px;right:0}.erd-index-icon{color:var(--accent);font-size:11px;line-height:20px;position:absolute;top:0;left:0}.erd-attribute-node{background:var(--panel);border:2px solid var(--text-muted);border-radius:50%;width:100%;height:100%;position:relative}.erd-attribute-node.multivalued{border-style:double;border-width:4px}.erd-attribute-node.derived{border-style:dashed}.ds-layers-panel{background:var(--panel);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.ds-layers-header{color:var(--text);background:var(--bg-surface);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.ds-layers-section{border-bottom:1px solid var(--border);padding:8px 0}.ds-layers-section:last-child{border-bottom:none}.ds-layers-section-header{color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 12px 8px;font-size:11px;font-weight:600;display:flex}.ds-layers-add-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.ds-layers-add-btn:hover{background:var(--bg-alt);color:var(--accent)}.ds-layers-list{flex-direction:column;gap:2px;display:flex}.ds-layer-item{border-radius:4px;align-items:center;gap:4px;margin:0 4px;padding:4px 8px;transition:background .15s;display:flex}.ds-layer-item:hover{background:var(--bg-alt)}.ds-layer-item.default{background:var(--bg-surface)}.ds-layer-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.ds-layer-btn:hover{background:var(--bg);color:var(--text)}.ds-layer-btn.ds-layer-delete{opacity:0;color:#ef4444}.ds-layer-item:hover .ds-layer-btn.ds-layer-delete{opacity:1}.ds-layer-name{color:var(--text);cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.ds-layer-name-input{color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:4px;outline:none;flex:1;padding:2px 6px;font-size:12px}.ds-layer-count{color:var(--text-muted);margin-left:4px;font-size:10px}.ds-layers-move{border-top:1px dashed var(--border);color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:11px;display:flex}.ds-layers-move select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;flex:1;padding:4px 8px;font-size:11px}.ds-group-actions{gap:8px;padding:4px 12px;display:flex}.ds-group-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:11px;transition:all .15s;display:flex}.ds-group-btn:hover:not(:disabled){background:var(--bg-alt);border-color:var(--accent)}.ds-group-btn:disabled{opacity:.5;cursor:not-allowed}.ds-groups-list{padding:0 12px}.ds-groups-empty{color:var(--text-muted);text-align:center;padding:8px;font-size:11px;font-style:italic}.ds-group-item{background:var(--bg);border-radius:6px;align-items:center;gap:6px;margin:2px 0;padding:6px 8px;font-size:12px;display:flex}.ds-group-name{color:var(--text);flex:1}.ds-group-count{color:var(--text-muted);font-size:10px}.ds-panel-wrapper{z-index:20;transition:width .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ds-panel-wrapper.collapsed{flex-shrink:0;min-width:48px;width:48px!important}.ds-panel-with-toggle{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.ds-panel-toggle{background:var(--panel);border:1px solid var(--border);width:20px;height:40px;color:var(--text-muted);cursor:pointer;z-index:10;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ds-panel-toggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ds-panel-toggle.left{border-left:none;border-radius:0 6px 6px 0;right:-10px}.ds-panel-toggle.right{border-right:none;border-radius:6px 0 0 6px;left:-10px}.ds-panel-collapsed-toggle{background:var(--panel);border:none;border-right:1px solid var(--border);width:48px;height:100%;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.ds-panel-right .ds-panel-collapsed-toggle{border-right:none;border-left:1px solid var(--border)}.ds-panel-collapsed-toggle:hover{background:var(--accent-soft);color:var(--accent)}.ds-focus-mode .ds-panel-wrapper{opacity:.15;pointer-events:none;transition:opacity .3s}.ds-focus-mode .ds-panel-wrapper:hover{opacity:1;pointer-events:auto}.ds-comment-marker{cursor:pointer;pointer-events:auto;transition:transform .15s}.ds-comment-marker:hover{transform:translate(-14px,-28px)scale(1.1)}.ds-comment-marker.active .ds-comment-marker-icon svg path{fill:var(--accent-hover)}.ds-comment-marker.resolved{opacity:.5}.ds-comment-marker.detached{opacity:.4}.ds-comment-marker.detached .ds-comment-marker-icon svg path{stroke:var(--text-muted);stroke-dasharray:3 2;stroke-width:1.5px}.ds-comment-error{color:var(--danger,#c0392b);margin:6px 0;font-size:12px}.ds-comment-marker-icon{filter:drop-shadow(0 2px 4px #00000026);position:relative}.ds-comment-marker-badge{background:var(--error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.ds-comment-marker-count{color:#fff;background:var(--text);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:2px;right:-4px}.ds-comment-mode-indicator{background:var(--text);color:#fff;z-index:1000;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;animation:.2s slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.ds-comment-mode-indicator kbd{background:#fff3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.ds-draw-mode-indicator{background:var(--accent);color:#fff;z-index:1000;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;animation:.2s slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0e74a366}.ds-draw-mode-indicator kbd{background:#fff3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ds-drag-indicator{background:var(--accent);color:#fff;z-index:1000;pointer-events:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.ds-save-status{z-index:200;pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:fixed;bottom:16px;right:16px}.ds-save-status.saved{color:#16a34a;opacity:0;background:#22c55e1a;animation:2s forwards ds-save-fade-out}.ds-save-status.unsaved{color:#b45309;background:#fbbf2426}.ds-save-status.saving{color:var(--accent);background:#0e74a31a}.ds-save-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite ds-spin}@keyframes ds-save-fade-out{0%,70%{opacity:1}to{opacity:0}}.ds-canvas-container.comment-mode{cursor:crosshair}.ds-contextual-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);z-index:300;background:#fffffffa;border-radius:12px;align-items:center;gap:4px;padding:6px 8px;animation:.15s cubic-bezier(.34,1.56,.64,1) ds-toolbar-appear;display:flex;position:fixed;box-shadow:0 4px 24px #0000001f,0 0 0 1px #00000008}[data-theme=dark] .ds-contextual-toolbar{border-color:var(--border);background:#1a1a2efa;box-shadow:0 4px 24px #0006}@keyframes ds-toolbar-appear{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ds-ct-group{align-items:center;gap:2px;display:flex}.ds-ct-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ds-ct-btn:hover{background:var(--accent-soft);color:var(--accent)}.ds-ct-btn.active{background:var(--accent);color:#fff}.ds-ct-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.ds-ct-popover{background:var(--panel);border:1px solid var(--border);z-index:400;border-radius:10px;padding:12px;animation:.15s ds-popover-appear;position:absolute;top:calc(100% + 8px);left:50%;box-shadow:0 8px 32px #00000026}@keyframes ds-popover-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ds-ct-color-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;display:grid}.ds-ct-color-option{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .15s}.ds-ct-color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.ds-ct-color-option.active{border-color:var(--text);box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.ds-ct-color-custom{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:8px;display:flex}.ds-ct-color-custom input[type=color]{cursor:pointer;border:none;border-radius:4px;width:28px;height:28px;padding:0}.ds-ct-color-custom span{color:var(--text-muted);font-size:12px}.ds-ct-style-popover{width:160px;padding:6px}.ds-ct-style-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:all .15s;display:flex}.ds-ct-style-option:hover{background:var(--accent-soft)}.ds-ct-style-option.active{background:var(--accent-soft);color:var(--accent)}.ds-ct-style-option span{flex:1}.ds-ct-size-popover{width:100px;padding:4px}.ds-ct-size-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .15s;display:block}.ds-ct-size-option:hover{background:var(--accent-soft)}.ds-ct-size-option.active{background:var(--accent-soft);color:var(--accent)}.ds-container.ds-new-layout{flex-direction:column;position:relative}.ds-container.ds-new-layout .ds-workspace{height:calc(100% - 48px);margin-top:48px;margin-left:56px}.ds-container.ds-preview-mode .ds-workspace{height:100%;margin-top:0;margin-left:0}.ds-preview-exit-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:9999;background:#1e1e32e6;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #0000004d}.ds-preview-exit-btn:hover{background:#323246f2;transform:translateY(-1px);box-shadow:0 6px 24px #0006}.ds-preview-exit-btn svg{opacity:.8}.ds-container.ds-new-layout .ds-save-status{display:none}.ds-container.ds-new-layout .frame-navigator-panel{left:68px}.ds-container.ds-new-layout .ds-minimap{bottom:16px;right:16px}.ds-remote-ring,.ds-remote-ghost{pointer-events:none;box-shadow:0 0 10px color-mix(in srgb, var(--hl-color) 45%, transparent)}.ds-remote-ring.ds-remote-fade,.ds-remote-line.ds-remote-fade{animation:1.6s ease-out forwards ds-remote-fade}.ds-remote-ghost.ds-remote-fade{animation:1.2s ease-out forwards ds-remote-fade}.ds-remote-static{opacity:1;animation:none}@keyframes ds-remote-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ds-remote-fade{opacity:1;animation:none!important}}.ds-sem{pointer-events:none;z-index:3;position:absolute;inset:0}.ds-sem-chip{height:18px;font:600 11px/18px var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:5px;padding:0 8px;display:inline-flex;position:absolute;top:-9px;left:8px;border-color:color-mix(in srgb, currentColor 35%, transparent)!important}.ds-sem-frame .ds-sem-chip{left:auto;right:8px}.ds-sem-agent{background:#9a8ac8;border-radius:50%;flex:none;width:7px;height:7px}.ds-node.sem-struck .ds-node-content{opacity:.5}.ds-sem-strike{opacity:.85;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:10px;right:10px}.ds-sem-reason{-webkit-line-clamp:2;pointer-events:auto;font:500 10.5px/12px var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);overflow-wrap:anywhere;background:#ffffffc7;border-radius:3px;-webkit-box-orient:vertical;padding:1px 4px;display:-webkit-box;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.ds-reasoning-bar{z-index:40;background:var(--panel,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:6px 8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a1f}.ds-reasoning-btn{border:1px solid var(--border,#e2e8f0);background:var(--bg,#f8fafc);height:30px;color:var(--text,#0f172a);font:500 13px/1 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;border-radius:8px;padding:0 12px}.ds-reasoning-btn:hover{border-color:var(--accent,#4fb3ce)}.ds-reasoning-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:2px}.ds-reasoning-btn-danger{color:#a63d35}.ds-reasoning-sep{background:var(--border,#e2e8f0);width:1px;height:20px}.ds-reasoning-status{height:22px;font:600 12px/22px var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);border-radius:11px;padding:0 10px}.ds-move-backdrop{z-index:2000;background:#0f172a47;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ds-move-dialog{background:var(--panel,#fff);width:min(480px,100%);color:var(--text,#0f172a);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:18px 20px 16px;box-shadow:0 16px 48px #0f172a47}.ds-move-title{margin:0 0 4px;font-size:16px;font-weight:650}.ds-move-desc{color:var(--text-muted,#475569);min-height:1px;margin:0 0 10px;font-size:13px}.ds-move-targets{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;font-size:13px;list-style:none;display:flex}.ds-move-targets li{align-items:center;gap:8px;display:flex}.ds-move-target-chip{white-space:nowrap;border-radius:9px;padding:1px 8px;font-size:11px;font-weight:600}.ds-move-target-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-move-more{color:var(--text-muted,#475569)}.ds-move-label{color:var(--text-muted,#475569);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.ds-move-field{box-sizing:border-box;resize:vertical;width:100%;font:400 14px/1.4 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text,#0f172a);background:var(--bg,#f8fafc);border:1px solid var(--border,#cbd5e1);border-radius:8px;padding:8px 10px}.ds-move-field:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:1px}.ds-move-error{color:#a63d35;margin:6px 0 0;font-size:13px}.ds-move-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.ds-move-keys{color:var(--text-muted,#475569);flex:1;font-size:12px}.ds-move-btn{border:1px solid var(--border,#cbd5e1);background:var(--bg,#f8fafc);height:32px;color:var(--text,#0f172a);font:500 13px/1 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;border-radius:8px;padding:0 14px}.ds-move-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:2px}.ds-move-btn-primary{color:#fff;background:#1d7690;border-color:#1d7690}.ds-move-btn[disabled]{opacity:.6;cursor:default}.ds-think-switch{background:var(--bg,#eef2f6);border:1px solid var(--border,#e2e8f0);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.ds-think-switch-btn{height:26px;color:var(--text-muted,#475569);font:600 12.5px/1 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px}.ds-think-switch-btn:hover{color:var(--text,#0f172a)}.ds-think-switch-btn.on{color:#fff;background:#1d7690}.ds-think-switch-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:2px}.ds-think-bar{row-gap:6px;position:absolute}.ds-think-bar-viewer{padding:4px 6px}.ds-think-kbd{border:1px solid var(--border,#cbd5e1);color:var(--text-muted,#475569);font:600 10.5px/14px var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background:#fff;border-radius:4px;margin-left:7px;padding:1px 5px}.ds-think-lenses{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ds-think-lens-label{font:600 11.5px/1 var(--ds-font-sans,sans-serif);color:var(--text-muted,#475569);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.ds-think-lens{border:1px solid var(--border,#e2e8f0);background:var(--bg,#f8fafc);height:30px;color:var(--text,#0f172a);font:500 13px/1 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.ds-think-lens:hover{border-color:var(--accent,#4fb3ce)}.ds-think-lens:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:2px}.ds-think-lens.on{color:#155a6f;background:#e4f3f7;border-color:#1d7690;font-weight:600}.ds-think-count{color:#7a4f08;min-width:18px;height:18px;font:700 11px/18px var(--ds-font-sans,sans-serif);text-align:center;background:#faf0d9;border-radius:9px;padding:0 5px}.ds-think-count.zero{color:#64748b;background:#edf0f4}.ds-think-sub{background:var(--bg,#eef2f6);border:1px solid var(--border,#e2e8f0);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.ds-think-sub-btn{height:24px;color:var(--text-muted,#475569);font:600 12px/1 var(--ds-font-sans,sans-serif);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px}.ds-think-sub-btn.on{color:#fff;background:#1d7690}.ds-think-sub-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:1px}.ds-think-matches{font:500 12px/1 var(--ds-font-sans,sans-serif);color:var(--text-muted,#475569)}.ds-think-notice{color:#fff;max-width:min(560px,90vw);font:500 13px/1.35 var(--ds-font-sans,sans-serif);background:#0f172a;border-radius:10px;padding:7px 14px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a40}.ds-think-notice-error{background:#a63d35}.ds-think-notice-ok{background:#237a49}.ds-think-ctx{z-index:150;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--ds-shadow-toolbar,0 2px 12px #0000001f, 0 0 0 1px #0000000d);pointer-events:auto;background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex;position:fixed}.ds-think-ctx-status{height:22px;font:600 11.5px/22px var(--ds-font-sans,sans-serif);white-space:nowrap;border-radius:11px;margin:0 6px 0 2px;padding:0 9px}.ds-think-ctx-item{align-items:center;display:inline-flex}.ds-think-ctx-sep{background:var(--border,#e2e8f0);width:1px;height:18px;margin:0 4px}.ds-think-ctx-btn{height:28px;color:var(--text,#0f172a);font:500 12.5px/1 var(--ds-font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;padding:0 9px;display:inline-flex}.ds-think-ctx-btn:hover{background:#4fb3ce24}.ds-think-ctx-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:-1px}.ds-think-ctx-btn.danger{color:#a63d35}.ds-think-ctx-btn.danger:hover{background:#a63d351a}.ds-sem-tags{pointer-events:none;gap:4px;display:inline-flex;position:absolute;top:-9px;right:8px}.ds-sem-mark{color:#7a4f08;height:18px;font:700 10.5px/16px var(--ds-font-sans,sans-serif);white-space:nowrap;background:#faf0d9;border:1px solid #7a4f0859;border-radius:9px;padding:0 7px}.ds-sem-stale{color:#fff;height:18px;font:700 10.5px/18px var(--ds-font-sans,sans-serif);letter-spacing:.02em;pointer-events:auto;cursor:help;background:#a63d35;border-radius:9px;padding:0 8px}.ds-sem-marks{pointer-events:none;gap:4px;display:inline-flex;position:absolute;bottom:-9px;right:8px}.ds-sem-frame .ds-sem-tags{left:8px;right:auto}.ds-node.lens-dim{opacity:.3;transition:opacity .15s}.ds-node.lens-dim:hover,.ds-node.lens-dim.selected{opacity:.9}.ds-node.lens-hit:after{content:"";pointer-events:none;z-index:2;border:2px solid #4fb3ce;border-radius:12px;position:absolute;inset:-5px;box-shadow:0 0 0 4px #4fb3ce38}.ds-lens-dim-conn{opacity:.22}@media (prefers-reduced-motion:reduce){.ds-node.lens-dim{transition:none}}.ds-move-fieldrow{margin-bottom:10px}.ds-move-input,.ds-move-select{padding:8px 10px}.ds-move-choice{flex-wrap:wrap;gap:6px;display:flex}.ds-move-choice-btn{border:1px solid var(--border,#cbd5e1);background:var(--bg,#f8fafc);height:32px;color:var(--text,#0f172a);font:500 13px/1 var(--ds-font-sans,sans-serif);cursor:pointer;border-radius:8px;padding:0 14px}.ds-move-choice-btn.on{color:#155a6f;background:#e4f3f7;border-color:#1d7690;font-weight:600}.ds-move-choice-btn:focus-visible{outline:2px solid var(--accent,#4fb3ce);outline-offset:2px}.ds-move-help{color:var(--text-muted,#475569);margin:4px 0 0;font-size:12px}
:root{--ds-surface-panel:#ffffffeb;--ds-surface-overlay:#fffffff5;--ds-surface-floating:#fffffffa;--ds-blur:16px;--ds-blur-strong:24px;--ds-text-label-size:14px;--ds-text-label-weight:500;--ds-text-label-line:1.3;--ds-text-title-size:14px;--ds-text-title-weight:600;--ds-text-title-line:1.25;--ds-text-caption-size:12px;--ds-text-caption-weight:500;--ds-text-caption-line:1.3;--ds-text-meta-size:11px;--ds-text-meta-weight:500;--ds-text-meta-line:1.25;--ds-text-emphasis-size:18px;--ds-text-emphasis-weight:600;--ds-text-emphasis-line:1.25;--ds-text-min-size:11px;--ds-text-pad-s:6px;--ds-text-pad-m:10px;--ds-text-pad-l:14px;--ds-shadow-soft:0 2px 8px #0000000a, 0 8px 24px #0000000f;--ds-shadow-medium:0 4px 12px #0000000f, 0 12px 32px #00000014;--ds-shadow-elevated:0 8px 24px #00000014, 0 24px 48px #0000001f;--ds-shadow-floating:0 16px 48px #0000001f, 0 32px 64px #00000014;--ds-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--ds-spring-slow:.6s cubic-bezier(.34, 1.56, .64, 1);--ds-ease-out:.3s cubic-bezier(.16, 1, .3, 1);--ds-ease-in-out:.25s cubic-bezier(.4, 0, .2, 1);--ds-accent-gradient:linear-gradient(135deg, #4fb3ce 0%, #6a9fc9 100%);--ds-accent-gradient-hover:linear-gradient(135deg, #3da0bb 0%, #5a8fb9 100%);--ds-accent-glow:0 4px 20px #4fb3ce59;--ds-success-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--ds-warning-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--ds-error-gradient:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--ds-canvas-bg:#fafbfc;--ds-canvas-grid:#e5e7eb;--ds-canvas-grid-major:#d1d5db;--ds-canvas-origin:#4fb3ce;--ds-panel-left-width:280px;--ds-panel-left-collapsed:48px;--ds-panel-right-width:320px;--ds-panel-bottom-height:180px;--ds-topbar-height:52px;--ds-radius-xs:4px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:24px;--ds-radius-full:9999px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-z-canvas:1;--ds-z-elements:10;--ds-z-selected:20;--ds-z-dragging:30;--ds-z-panels:100;--ds-z-toolbar:200;--ds-z-flyout:250;--ds-z-overlay:300;--ds-z-modal:400;--ds-z-tooltip:500;--ds-z-command-palette:600;--ds-icon-bar-width:52px;--ds-icon-btn-size:40px;--ds-icon-size:24px;--ds-flyout-width:280px;--ds-stencil-item-size:72px;--ds-shadow-toolbar:0 2px 12px #00000014, 0 0 0 1px #0000000a;--ds-shadow-flyout:0 4px 24px #0000001f, 0 0 0 1px #0000000a;--ds-shadow-dropdown:0 8px 32px #00000026, 0 0 0 1px #0000000a;--ds-hover-bg:#0000000a;--ds-active-bg:#4fb3ce1a;--ds-active-color:#4fb3ce;--ds-cursor-colors:#ef4444, #f59e0b, #10b981, #3b82f6, #0e74a3, #ec4899;--ds-presence-ring:2px;--ds-focus-ring-color:#4fb3ce;--ds-focus-ring-offset:2px;--ds-focus-ring-width:2px;--ds-focus-ring-shadow:0 0 0 var(--ds-focus-ring-offset) var(--bg), 0 0 0 calc(var(--ds-focus-ring-offset) + var(--ds-focus-ring-width)) var(--ds-focus-ring-color);--ds-focus-ring-inset:inset 0 0 0 var(--ds-focus-ring-width) var(--ds-focus-ring-color)}[data-theme=dark]{--ds-surface-panel:#16162aeb;--ds-surface-overlay:#16162af5;--ds-surface-floating:#1a1a32fa;--ds-shadow-soft:0 2px 8px #0003, 0 8px 24px #0000004d;--ds-shadow-medium:0 4px 12px #00000040, 0 12px 32px #00000059;--ds-shadow-elevated:0 8px 24px #00000059, 0 24px 48px #0006;--ds-shadow-floating:0 16px 48px #0006, 0 32px 64px #0000004d;--ds-accent-glow:0 4px 20px #818cf866;--ds-canvas-bg:#0d0d18;--ds-canvas-grid:#1e1e35;--ds-canvas-grid-major:#2a2a45;--ds-canvas-origin:#22d3ee;--ds-focus-ring-color:#38bdf8}.ds-floating-panel{background:var(--ds-surface-panel);-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-elevated);border:1px solid #ffffff1a}[data-theme=light] .ds-floating-panel{border:1px solid #0000000f}.ds-command-palette{background:var(--ds-surface-floating);width:560px;max-width:90vw;-webkit-backdrop-filter:blur(var(--ds-blur-strong));backdrop-filter:blur(var(--ds-blur-strong));border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-floating);z-index:var(--ds-z-command-palette);border:1px solid #ffffff1a;position:fixed;top:15vh;left:50%;overflow:hidden;transform:translate(-50%)}.ds-command-palette-input{width:100%;padding:var(--ds-space-5);border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;font-size:18px}.ds-command-palette-input:focus{outline:none}.ds-command-palette-results{max-height:400px;padding:var(--ds-space-2);overflow-y:auto}.ds-command-palette-item{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-sm);cursor:pointer;transition:background var(--ds-ease-in-out);display:flex}.ds-command-palette-item:hover,.ds-command-palette-item.active{background:var(--accent-soft)}.ds-command-palette-item-icon{border-radius:var(--ds-radius-sm);background:var(--bg);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ds-command-palette-item-text{flex:1}.ds-command-palette-item-name{font-weight:var(--ds-font-weight-medium);color:var(--text)}.ds-command-palette-item-description{color:var(--text-muted);font-size:12px}.ds-command-palette-shortcut{gap:4px;display:flex}.ds-command-palette-key{font-size:11px;font-family:var(--ds-font-mono);background:var(--bg);color:var(--text-muted);border-radius:4px;padding:2px 8px}.ds-contextual-toolbar{align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1);background:var(--ds-surface-floating);-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-medium);z-index:var(--ds-z-toolbar);animation:fadeInScale .15s var(--ds-spring);display:flex;position:absolute}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-contextual-toolbar-btn{border-radius:var(--ds-radius-sm);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--ds-ease-in-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ds-contextual-toolbar-btn:hover{background:var(--accent-soft);color:var(--accent)}.ds-contextual-toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 var(--ds-space-1)}.ds-panel-toggle{background:var(--ds-surface-panel);border:1px solid var(--border);border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0;cursor:pointer;width:24px;height:48px;transition:all var(--ds-ease-in-out);z-index:var(--ds-z-panels);justify-content:center;align-items:center;display:flex;position:absolute}.ds-panel-toggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ds-panel-toggle.left{top:50%;right:-24px;transform:translateY(-50%)}.ds-panel-toggle.right{border-radius:var(--ds-radius-sm) 0 0 var(--ds-radius-sm);top:50%;left:-24px;transform:translateY(-50%)}.ds-focus-mode .ds-palette,.ds-focus-mode .ds-right-panel{opacity:.1;pointer-events:none;transition:opacity .3s}.ds-focus-mode .ds-palette:hover,.ds-focus-mode .ds-right-panel:hover{opacity:1;pointer-events:auto}.ds-minimap{right:var(--ds-space-4);bottom:var(--ds-space-4);background:var(--ds-surface-panel);width:180px;height:120px;-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-soft);border:1px solid var(--border);z-index:var(--ds-z-panels);position:absolute;overflow:hidden}.ds-minimap-viewport{border:2px solid var(--accent);background:var(--accent-soft);cursor:move;border-radius:2px;position:absolute}.ds-zoom-controls{right:var(--ds-space-4);gap:var(--ds-space-1);background:var(--ds-surface-panel);-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-soft);padding:var(--ds-space-1);z-index:var(--ds-z-panels);flex-direction:column;display:flex;position:absolute;bottom:140px}.ds-zoom-btn{border-radius:var(--ds-radius-sm);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--ds-ease-in-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ds-zoom-btn:hover{background:var(--accent-soft);color:var(--accent)}.ds-zoom-level{text-align:center;padding:var(--ds-space-1);color:var(--text-muted);font-size:11px;font-family:var(--ds-font-mono)}.ds-remote-cursor{pointer-events:none;z-index:var(--ds-z-overlay);position:absolute;transform:translate(-2px,-2px)}.ds-remote-cursor-pointer{border-bottom:10px solid;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;transform:rotate(-45deg)}.ds-remote-cursor-label{color:#fff;white-space:nowrap;background:currentColor;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;position:absolute;top:6px;left:14px}.ds-comment-marker{background:var(--ds-accent-gradient);width:28px;height:28px;box-shadow:var(--ds-shadow-soft);cursor:pointer;z-index:var(--ds-z-overlay);transition:transform var(--ds-spring);border-radius:50% 50% 50% 0;position:absolute;transform:rotate(-45deg)}.ds-comment-marker:hover{transform:rotate(-45deg)scale(1.1)}.ds-comment-marker-count{color:#fff;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ds-comment-thread{background:var(--ds-surface-floating);width:320px;-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-floating);z-index:var(--ds-z-overlay);position:absolute;overflow:hidden}.ds-avatar-stack{display:flex}.ds-avatar-stack .ds-avatar{border:2px solid var(--panel);background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:600;display:flex}.ds-avatar-stack .ds-avatar:first-child{margin-left:0}.ds-status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 2px var(--panel);border-radius:50%}.ds-status-dot.away{background:var(--warning)}.ds-status-dot.offline{background:var(--text-light)}.ds-quick-add{width:240px;height:240px;z-index:var(--ds-z-overlay);pointer-events:none;background:0 0;position:fixed}.ds-quick-add-center{background:var(--ds-accent-gradient);width:48px;height:48px;box-shadow:var(--ds-accent-glow);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-quick-add-item{background:var(--ds-surface-floating);width:44px;height:44px;box-shadow:var(--ds-shadow-medium);cursor:pointer;pointer-events:auto;transition:transform var(--ds-spring), box-shadow var(--ds-ease-in-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ds-quick-add-item:hover{box-shadow:var(--ds-shadow-elevated);transform:scale(1.1)}.ds-panel-enter{opacity:0;transform:translate(-20px)}.ds-panel-enter-active{opacity:1;transition:all var(--ds-spring);transform:translate(0)}.ds-panel-exit{opacity:1;transform:translate(0)}.ds-panel-exit-active{opacity:0;transition:all var(--ds-ease-out);transform:translate(-20px)}.ds-panel-slide-in{animation:.2s ease-out slideInFromRight}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ds-focusable:focus-visible,.ds-contextual-toolbar-btn:focus-visible,.ds-zoom-btn:focus-visible,.ds-panel-toggle:focus-visible,.ds-command-palette-item:focus-visible,.ds-quick-add-item:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible,.ds-focus-ring:focus-visible{box-shadow:var(--ds-focus-ring-shadow);outline:none}.ds-focus-ring-inset:focus-visible{box-shadow:var(--ds-focus-ring-inset);outline:none}.ds-focus-ring-round:focus-visible{box-shadow:0 0 0 var(--ds-focus-ring-offset) var(--bg), 0 0 0 calc(var(--ds-focus-ring-offset) + var(--ds-focus-ring-width)) var(--ds-focus-ring-color);border-radius:50%;outline:none}.ds-skip-link{left:-9999px;top:var(--ds-space-2);z-index:calc(var(--ds-z-modal) + 10);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-surface-floating);color:var(--accent);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-elevated);font-weight:var(--ds-font-weight-semibold);text-decoration:none;position:absolute}.ds-skip-link:focus{left:var(--ds-space-4)}.ds-canvas-element:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-stencil-item:focus-visible{box-shadow:var(--ds-focus-ring-inset);border-radius:var(--ds-radius-sm);outline:none}.ds-dropdown-item:focus-visible,.ds-menu-item:focus-visible{background:var(--ds-active-bg);box-shadow:var(--ds-focus-ring-inset);outline:none}.ds-input:focus-visible,.ds-textarea:focus-visible,.ds-select:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--ds-focus-ring-color);box-shadow:0 0 0 1px var(--ds-focus-ring-color);outline:none}.ds-color-swatch:focus-visible{box-shadow:0 0 0 var(--ds-focus-ring-offset) var(--bg), 0 0 0 calc(var(--ds-focus-ring-offset) + var(--ds-focus-ring-width)) var(--ds-focus-ring-color);outline:none;transform:scale(1.1)}.ds-node-focus-indicator{stroke:var(--ds-focus-ring-color);stroke-width:3px;stroke-dasharray:4 2;fill:none;pointer-events:none;animation:1.5s ease-in-out infinite focusPulse}@keyframes focusPulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}@media (prefers-contrast:high){:root{--ds-focus-ring-width:3px;--ds-focus-ring-color:#000}[data-theme=dark]{--ds-focus-ring-color:#fff}}@media (prefers-reduced-motion:reduce){.ds-node-focus-indicator{stroke-opacity:1;animation:none}}.js-focus-visible :focus:not(.focus-visible){box-shadow:none;outline:none}.js-focus-visible .focus-visible{box-shadow:var(--ds-focus-ring-shadow);outline:none}