: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-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-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}.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)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{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}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::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,.app-sidebar .nav-item.active{background:var(--accent-soft);color:var(--accent)}.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-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dashboard-content{flex:1;padding:32px;overflow:auto}
.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-container.ds-with-sidebar{flex-direction:row}.ds-workspace{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ds-main{flex:1;display:flex;position:relative;overflow:hidden}.ds-topbar-actions{z-index:101;align-items:center;gap:8px;display:flex;position:absolute;top:8px;right:12px}.ds-floating-top-right{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.ds-floating-top-right>*{background:var(--ds-surface-floating,#fffffff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000d}.ds-topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.ds-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ds-topbar-center,.ds-topbar-right{align-items:center;gap:8px;display:flex}.ds-topbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.ds-logo-icon{background:linear-gradient(135deg,#0e74a3 0%,#0284c7 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,box-shadow .15s;display:flex}.ds-logo-icon span{color:#fff;font-size:14px;font-weight:700}.ds-topbar-logo:hover .ds-logo-icon{transform:scale(1.05);box-shadow:0 2px 8px #0e74a366}.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{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].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 .ds-node-content{border-radius:4px;transform:rotate(45deg)}.ds-node-diamond .ds-node-inner{transform:rotate(-45deg)}.ds-node-label{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.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-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-topbar{padding:0 8px}.ds-toolbar-btn span,.ds-resizable-panel-left,.ds-resizable-panel-right{display:none}.ds-container.embedded .ds-topbar{height:40px}}.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{background:var(--panel);border:2px solid var(--text-muted);border-radius:4px;flex-direction:column;width:100%;height:100%;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;display:flex;overflow:hidden}.uml-class-header{text-align:center;color:#fff;border-bottom:1px solid #0003;padding:6px 10px;font-weight:600}.uml-class-stereotype{opacity:.9;margin-bottom:2px;font-size:10px;font-style:italic;font-weight:400}.uml-class-name{font-size:13px;font-weight:600}.uml-class-name.abstract{font-style:italic}.uml-class-section{border-bottom:1px solid var(--border);flex:1;min-height:24px;padding:6px 10px;overflow-y:auto}.uml-class-section:last-child{border-bottom:none}.uml-class-member{white-space:nowrap;text-overflow:ellipsis;color:var(--text);padding:2px 0;overflow:hidden}.uml-class-member.empty{color:var(--text-muted);text-align:center}.uml-class-member.enum-value{text-align:center;font-weight:500}.uml-package-node{background:var(--panel);border:2px solid var(--text-muted);border-radius:4px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.uml-package-tab{color:#fff;border-radius:0 0 8px;width:60%;padding:4px 10px;font-size:12px;font-weight:600;position:relative}.uml-package-body{flex:1;justify-content:center;align-items:flex-start;padding:10px;display:flex}.uml-package-path{color:var(--text-muted);font-family:Consolas,monospace;font-size:10px}.uml-note-node{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;width:100%;height:100%;padding:10px;font-size:11px;line-height:1.4;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-note-content{word-wrap:break-word;padding-right:16px}.erd-entity-node{background:var(--panel);border:2px solid var(--text-muted);border-radius:4px;flex-direction:column;width:100%;height:100%;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;display:flex;overflow:hidden}.erd-entity-node.weak{border-style:double;border-width:4px}.erd-entity-node.view{border-style:dashed}.erd-entity-header{text-align:center;color:#fff;border-bottom:1px solid #0003;padding:8px 12px;font-size:13px;font-weight:700}.erd-entity-badge{vertical-align:middle;background:#fff3;border-radius:3px;margin-right:6px;padding:2px 6px;font-size:9px;font-weight:500;display:inline-block}.erd-entity-name{vertical-align:middle}.erd-entity-fields{flex:1;min-height:40px;padding:6px 0;overflow-y:auto}.erd-field{align-items:center;gap:6px;padding:3px 10px;display:flex}.erd-field:hover{background:var(--bg)}.erd-field.pk{background:#3b82f61a}.erd-field.fk{background:#f973161a}.erd-field-icons{text-align:center;flex-shrink:0;width:20px}.erd-pk-icon,.erd-fk-icon{font-size:10px}.erd-field-spacer{color:var(--text-muted);font-size:8px}.erd-field-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.erd-field-type{color:var(--text-muted);white-space:nowrap;font-size:10px}.erd-field-notnull{color:#ef4444;margin-left:2px;font-weight:700}.erd-field.empty{color:var(--text-muted);text-align:center;justify-content:center;font-style:italic}.erd-entity-indexes{border-top:1px solid var(--border);background:var(--bg);padding:6px 10px;font-size:10px}.erd-index{color:var(--text-muted);align-items:center;gap:4px;display:flex}.erd-index-icon{color:var(--accent)}.erd-attribute-node{background:var(--panel);border:2px solid var(--text-muted);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;font-size:11px;display:flex}.erd-attribute-node.pk span{text-decoration:underline}.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{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-focus-mode .ds-topbar{opacity:.5;transition:opacity .3s}.ds-focus-mode .ds-topbar:hover{opacity:1}.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-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;transform:translate(-50%);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:translate(-50%)translateY(8px)scale(.95)}to{opacity:1;transform:translate(-50%)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%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}@keyframes ds-popover-appear{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)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-floating-toolbar,.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}
:root{--ds-surface-panel:#ffffffeb;--ds-surface-overlay:#fffffff5;--ds-surface-floating:#fffffffa;--ds-blur:16px;--ds-blur-strong:24px;--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-floating-layout{width:100%;height:100vh;display:flex}.ds-floating-layout .ds-workspace{flex:1;width:100%;height:100%;position:relative}.ds-floating-layout .ds-main{width:100%;margin-left: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}