:root{--bg-shell: #1a1a2e;--bg-canvas: #111827;--bg-panel: #0f0f1a;--bg-panel-hover: #252545;--border: #2a2a4a;--border-light: #3a3a6a;--accent-primary: #00ff88;--accent-primary-strong: #00ff88;--accent-secondary: #646cff;--accent-danger: #ff4444;--accent-warning: #ffbb00;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--glass-bg: rgba(15, 15, 26, .82);--glass-border: rgba(59, 130, 246, .18);--glass-blur: 12px}[data-theme=light]{--bg-shell: #f4ede4;--bg-canvas: #fffaf4;--bg-panel: #ede9e1;--bg-panel-hover: #e0dcd4;--border: #c8c0b4;--border-light: #b8b0a4;--accent-primary-strong: #0f8a58;--text-main: #111111;--text-muted: #666666;--text-dim: #999999;--glass-bg: rgba(245, 240, 232, .8);--glass-border: rgba(0, 0, 0, .1)}[data-theme=light] .topbar{background:#f4ede4eb}[data-theme=light] .right-panel{background:#f2ede5}[data-theme=light] .left-toolbar{background:#f0ece4}.toolbar-floating-submenu{display:flex;flex-direction:row;gap:4px;padding:6px 8px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 4px 16px #00000073}[data-theme=light] .toolbar-floating-submenu{background:var(--bg-shell);box-shadow:0 4px 18px #0000001a}[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] input[type=range],[data-theme=light] select,[data-theme=light] textarea{background-color:var(--bg-canvas)!important;border-color:var(--border)!important;color:var(--text-main)!important}[data-experience-widget] button,[data-theme=light] [data-experience-widget] button{color:inherit!important;background-color:inherit!important;border-color:inherit!important;outline:none!important}button[data-danger=true]{color:#e03030!important}[data-theme=light] button[data-danger=true]{color:#e03030!important;background-color:transparent!important}[data-theme=light] button[data-danger=true]:hover{background-color:#e030301a!important}[data-theme=light] button{color:var(--text-main)!important;background-color:var(--bg-panel-hover)!important;border-color:var(--border)!important}[data-theme=light] button.ghost{background-color:transparent!important;border-color:transparent!important}[data-theme=light] button.ghost:hover{background-color:#0000000f!important}[data-theme=light] button.primary{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#000!important}[data-theme=light] button.primary:hover{background-color:#00cc6e!important}[data-theme=light] button[style*="4CAF50"],[data-theme=light] button[style*="4caf50"]{background-color:#4caf50!important;color:#fff!important}[data-theme=light] button[style*=e91e63],[data-theme=light] button[style*=E91E63]{background-color:#e91e63!important;color:#fff!important}[data-theme=light] button[style*="2196f3"],[data-theme=light] button[style*="2196F3"]{background-color:#2196f3!important;color:#fff!important}[data-theme=light] button[style*=ff9800],[data-theme=light] button[style*=FF9800]{background-color:#ff9800!important;color:#fff!important}[data-theme=light] button[style*=f44336],[data-theme=light] button[style*=F44336]{background-color:#f44336!important;color:#fff!important}[data-theme=light] button[style*=ff5722]{background-color:#ff5722!important;color:#fff!important}[data-theme=light] button[style*="00bcd4"]{background-color:#00bcd4!important;color:#fff!important}[data-theme=light] button[style*="8bc34a"]{background-color:#8bc34a!important;color:#fff!important}[data-theme=light] button[style*="9c27b0"]{background-color:#9c27b0!important;color:#fff!important}.experience-mode-switcher .experience-mode-button{color:var(--text-muted)!important}.experience-mode-switcher .experience-mode-button--active{color:#000!important}[data-theme=light] .logo-text{background:linear-gradient(45deg,#222,#888)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] .tool-button{color:#555!important;background-color:transparent!important;border-color:transparent!important}[data-theme=light] .tool-button.toolbar-tool-card{background-color:var(--bg-panel-hover)!important;border-color:var(--border)!important}[data-theme=light] .tool-button:hover{background:var(--bg-panel-hover)!important;color:var(--text-main)!important}[data-theme=light] .tool-button.active{background:#0096501f!important;color:#00884d!important;border-color:#0096504d!important}[data-theme=light] .toolbar-mini-action.active,[data-theme=light] .dock-tool-chip.active{color:#00884d!important;border-color:#0096504d!important}[data-theme=light] .dock-tool-chip.active{background:#0096501f!important}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,SF Pro,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);background:var(--bg-shell);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-main)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}button{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-main);cursor:pointer;font-size:12px;font-family:inherit;transition:all .2s cubic-bezier(.25,.8,.25,1);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{background:var(--bg-panel-hover);border-color:var(--text-muted);transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#000;font-weight:600}button.primary:hover{background:#3fa;border-color:#3fa;box-shadow:0 4px 12px #0f83}button.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}button.ghost:hover{background:#ffffff0d;color:var(--text-main)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input[type=text],input[type=number],input[type=range],select{background:var(--bg-shell);border:1px solid var(--border);border-radius:4px;color:var(--text-main);padding:6px 10px;font-size:12px;font-family:inherit;transition:border-color .15s ease}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.topbar{position:relative;display:flex;align-items:center;height:50px;padding:0 20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:200;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-purchase-link{color:var(--accent-primary)}[data-theme=light] .topbar-purchase-link{color:#0f6b43!important}[data-theme=light] .topbar-purchase-link:hover{color:#0a5233!important}.topbar-center{flex:1;justify-content:center}.topbar-right{margin-left:auto}.cut2d-skin-root{background:var(--cut2d-page-gradient, var(--bg-shell))}.cut2d-skin-root .topbar{background:var(--cut2d-topbar-bg, var(--glass-bg));box-shadow:var(--cut2d-topbar-shadow, none)}.cut2d-skin-root .left-toolbar{background:var(--cut2d-toolbar-surface, var(--bg-panel));box-shadow:var(--cut2d-panel-shadow, none)}.cut2d-skin-root .right-panel{background:var(--cut2d-panel-surface, var(--bg-panel));box-shadow:var(--cut2d-panel-shadow, none)}.cut2d-skin-root [data-settings-dialog-root]>div{box-shadow:var(--cut2d-panel-shadow, 0 4px 20px rgba(0, 0, 0, .5))}.cut2d-canvas-shell{background:var(--cut2d-canvas-surface, var(--bg-canvas));background-image:var(--cut2d-canvas-pattern, none);background-size:var(--cut2d-canvas-pattern-size, auto)}[data-zoom-controls]:not([data-floating-position=custom]){padding:6px 5px 7px!important;gap:4px!important}[data-path-legend]:not([data-floating-position=custom]){left:auto!important;right:calc(396px + env(safe-area-inset-right,0px));top:calc(96px + var(--ruler-offset, 0px) + env(safe-area-inset-top,0px))!important;bottom:auto!important}[data-experience-widget]:not([data-floating-position=custom]),.experience-mode-widget:not([data-floating-position=custom]){top:calc(96px + env(safe-area-inset-top,0px))!important;right:calc(324px + env(safe-area-inset-right,0px))!important;left:auto!important;bottom:auto!important}@media (max-width: 768px){.topbar{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:0 12px;min-height:50px}.topbar-left{gap:8px}.topbar-right{gap:6px}[data-zoom-controls]:not([data-floating-position=custom]){padding:4px 6px!important;gap:4px!important}[data-zoom-controls]:not([data-floating-position=custom]) .zoom-widget-drag-handle{width:24px!important;height:16px!important}[data-zoom-controls]:not([data-floating-position=custom]) .zoom-widget-header-button{width:20px!important;min-width:20px!important;height:20px!important}[data-zoom-controls]:not([data-floating-position=custom]) .zoom-widget-action-button{min-width:32px!important;width:32px!important;height:32px!important;padding:0 8px!important;font-size:11px!important}[data-zoom-controls]:not([data-floating-position=custom]) .zoom-widget-action-button svg{width:12px!important;height:12px!important}[data-path-legend]:not([data-floating-position=custom]){left:auto!important;right:calc(12px + env(safe-area-inset-right,0px));top:calc(120px + var(--ruler-offset, 0px) + env(safe-area-inset-top,0px))!important;bottom:auto!important}[data-experience-widget]:not([data-floating-position=custom]),.experience-mode-widget:not([data-floating-position=custom]){top:calc(120px + env(safe-area-inset-top,0px))!important;bottom:auto!important;right:calc(24px + env(safe-area-inset-right,0px))!important;left:auto!important}}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:-.02em}.logo-icon{color:var(--accent-primary)}.badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.badge.beta{background:#646cff1a;color:var(--accent-secondary);border:1px solid rgba(100,108,255,.2)}.left-toolbar{width:168px;height:100%;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:90}.toolbar-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 0}.toolbar-header-title{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.toolbar-label-toggle{position:relative;width:32px;height:24px;min-width:32px;padding:0;margin-left:auto;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-light) 78%,transparent 22%);background:color-mix(in srgb,var(--bg-panel-hover) 60%,var(--bg-canvas) 40%);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transform:none}.toolbar-label-toggle:hover{background:var(--bg-panel);color:var(--text-main);transform:none}.toolbar-label-toggle-glyph{font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1}.toolbar-label-toggle-spark{position:absolute;right:5px;top:4px;width:4px;height:4px;border-radius:999px;background:var(--accent-primary);box-shadow:0 0 8px #00ff88b3;opacity:.9}.toolbar-tools{display:flex;flex-direction:column;align-items:stretch;padding:8px 8px 10px;gap:8px;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:none}.toolbar-tools::-webkit-scrollbar{display:none}.tool-button{width:30px;height:30px;flex-shrink:0;padding:0;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.toolbar-section{padding:7px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent 20%);background:color-mix(in srgb,var(--bg-panel) 36%,var(--bg-canvas) 64%)}.toolbar-section-title{margin-bottom:6px;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.toolbar-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.toolbar-tool-shell{position:relative;min-width:0}.tool-button.toolbar-tool-card{width:100%;height:50px;padding:6px 5px 5px;border-radius:10px;border-color:color-mix(in srgb,var(--border) 80%,transparent 20%);background:color-mix(in srgb,var(--bg-panel-hover) 42%,var(--bg-canvas) 58%);flex-direction:column;gap:5px}.toolbar-tool-label{width:100%;font-size:8px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-menu-indicator{position:absolute;right:-5px;bottom:-4px;font-size:6px;line-height:1;opacity:.65}.toolbar-mini-action{position:absolute;right:5px;bottom:5px;width:14px;height:14px;min-width:14px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);box-shadow:0 2px 6px #0003;transform:none;z-index:1}.toolbar-mini-action.active{color:var(--accent-primary);border-color:#00ff8859}.tool-button:hover{background:var(--bg-panel);color:var(--text-main);transform:none}.tool-button.active{background:#00ff881a;color:var(--accent-primary);border-color:#0f83}.tool-icon{font-size:13px;line-height:1}.left-toolbar--icon-only{width:88px}.left-toolbar--icon-only .toolbar-header-row{justify-content:center;padding-inline:6px}.left-toolbar--icon-only .toolbar-tools{padding:6px;gap:6px}.left-toolbar--icon-only .toolbar-section{padding:5px}.left-toolbar--icon-only .tool-button.toolbar-tool-card{height:38px;padding:0;gap:0}.left-toolbar--icon-only .toolbar-menu-indicator{right:-6px;bottom:-5px}.left-toolbar--icon-only .toolbar-mini-action{right:4px;bottom:4px}.canvas-bottom-dock{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:10px 12px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 84%,var(--bg-canvas) 16%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 34px #00000052;color:var(--text-main);-webkit-user-select:none;user-select:none;overflow-x:auto;scrollbar-width:none}.canvas-bottom-dock::-webkit-scrollbar{display:none}.dock-tool-chip{display:flex;align-items:center;gap:8px;height:38px;max-width:180px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-panel-hover);color:var(--text-main);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;flex-shrink:0;transform:none}.dock-tool-chip.active{background:#00ff881a;color:var(--accent-primary);border-color:#00ff8840}.dock-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:13px;line-height:1;flex-shrink:0}.dock-tool-shortcut{border:0;padding:0;margin-left:2px;background:transparent;color:var(--text-muted);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:10px;font-weight:700}.dock-coord-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.dock-coord-field{display:flex;align-items:baseline;gap:5px;min-height:20px;padding:0 6px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace}.dock-zoom-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.dock-icon-button{width:34px;height:34px;min-width:34px;padding:0;border-radius:10px;border:1px solid var(--border);background:var(--bg-panel-hover);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;transform:none}.dock-icon-button:hover,.dock-tool-chip:hover{background:var(--bg-panel);transform:none}.dock-zoom-value{min-width:48px;text-align:center;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:11px;font-weight:700;color:var(--text-main)}.dock-divider{margin:0 2px}@media (max-width: 768px){.left-toolbar{width:140px}.left-toolbar--icon-only{width:84px}.toolbar-tools{padding:7px 7px 9px;gap:7px}.toolbar-section{padding:6px}.tool-button.toolbar-tool-card{height:46px;padding:6px 4px 5px}.canvas-bottom-dock{gap:8px;padding:8px;border-radius:16px}.dock-tool-chip{max-width:128px;padding:0 10px}.dock-zoom-value{min-width:44px}}.toolbar-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 12px;border-top:1px solid var(--border);background:inherit;flex-shrink:0}.toolbar-divider{width:calc(100% - 8px);height:1px;background:#444;opacity:.6}.toolbar-zoom-group{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.toolbar-zoom-shell{width:100%}.toolbar-zoom-settings-row{display:flex;justify-content:flex-end;margin-top:5px}.toolbar-zoom-settings-row .toolbar-mini-action{position:static}.toolbar-zoom-button{width:100%;height:30px;background:var(--bg-panel-hover);border-color:var(--border)}.toolbar-zoom-button:hover{background:var(--bg-panel)}[data-theme=light] .toolbar-zoom-button{background-color:var(--bg-panel-hover)!important;border-color:var(--border)!important;color:var(--text-main)!important}.left-toolbar--icon-only .toolbar-footer{padding-inline:6px}.left-toolbar--icon-only .toolbar-zoom-group{grid-template-columns:repeat(2,minmax(0,1fr))}.left-toolbar--icon-only .toolbar-zoom-button:first-child{grid-column:span 2}.right-panel-wrapper{display:flex;flex-shrink:0;min-width:0}.right-panel-wrapper--collapsed{width:auto}.right-panel-wrapper--collapsed .right-panel{width:0;min-width:0;overflow:hidden;border-left:none;padding:0}.right-panel-wrapper--overlay{width:0;min-width:0;overflow:visible}.right-panel-tab{flex-shrink:0;width:40px;min-width:40px;background:var(--bg-panel);border:1px solid var(--border);border-right:none;border-radius:12px 0 0 12px;color:var(--text-muted);padding:12px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;transition:background .2s,color .2s;z-index:20}.right-panel-tab:hover{background:var(--bg-panel-hover);color:var(--text-main)}.right-panel-tab-icon{font-size:14px;line-height:1}.right-panel-tab-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.right-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;cursor:pointer}.right-panel--overlay{position:fixed;top:50px;right:0;bottom:0;width:min(380px,90vw);max-width:100%;z-index:50;box-shadow:-4px 0 24px #0006}.right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-panel)}.right-panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.right-panel-close{min-width:36px;height:36px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);background:transparent;border:1px solid transparent}.right-panel-close:hover{color:var(--text-main);background:var(--bg-panel-hover)}.right-panel-close--floating{position:absolute;top:18px;right:12px;z-index:2;min-width:30px;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--bg-panel-hover) 82%,transparent 18%);border-color:color-mix(in srgb,var(--border-light) 76%,transparent 24%);box-shadow:0 8px 18px #00000029}.right-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.right-panel{width:380px;min-width:0;background:var(--bg-panel);border-left:1px solid var(--border);padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;transition:width .2s ease,min-width .2s ease}.panel-section{padding:16px;border-bottom:1px solid var(--border)}.panel-section h3{font-size:12px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;letter-spacing:.05em}.flex{display:flex}.flex-1{flex:1 1 0%;min-height:0}.flex-col{flex-direction:column}.gap-2{gap:8px}.h-screen{height:100vh}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}
