@font-face{font-family:AnwbUu;src:url(/assets/anwb-uu-BLJETuTB.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AnwbUuVerzwaard;src:url(/assets/ANWBUZWA-DzknJVJX.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-blue: #0E7C86;--primary-blue-hover: #0A646C;--primary-blue-light: #1498A4;--primary-rgb: 14, 124, 134;--color-primary: var(--primary-blue);--color-primary-hover: var(--primary-blue-hover);--warning-orange: #F59E0B;--warning-orange-hover: #D97706;--warning-orange-light: #FBBF24;--success-green: #10B981;--success-green-hover: #059669;--danger-red: #EF4444;--danger-red-hover: #DC2626;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-primary: #1F2937;--bg-secondary: #374151;--bg-tertiary: #4B5563;--bg-card: #374151;--bg-hover: #4B5563;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-inverse: #111827;--border-primary: #4B5563;--border-secondary: #6B7280;--border-focus: var(--primary-blue);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-traffic: "AnwbUuVerzwaard", "AnwbUu", var(--font-family);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-card: #FFFFFF;--bg-hover: #F3F4F6;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6B7280;--text-inverse: #F9FAFB;--border-primary: #E5E7EB;--border-secondary: #D1D5DB}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden}svg text:not(.text-object):not(.object-comment-text){font-family:var(--font-traffic)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--gray-500);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem .95rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--primary-blue-light) 0%,var(--primary-blue) 100%);color:#fff;border-color:#0a5c63;box-shadow:inset 0 1px #ffffff24}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primary-blue) 0%,var(--primary-blue-hover) 100%);border-color:#084a50;box-shadow:inset 0 1px #ffffff14}.btn-primary:active:not(:disabled){background:var(--primary-blue-hover);box-shadow:inset 0 1px 2px #00000038}.btn-secondary{background-color:transparent;color:var(--text-secondary);border-color:var(--border-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.btn-warning{background-color:var(--warning-orange);color:var(--text-primary);border-color:var(--warning-orange)}.btn-warning:hover:not(:disabled){background-color:var(--warning-orange-hover);border-color:var(--warning-orange-hover)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .18)}.input::placeholder{color:var(--text-tertiary)}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;flex-shrink:0;cursor:pointer;box-sizing:border-box;background:var(--bg-secondary, #374151);border:1.5px solid var(--border-secondary, #6B7280);accent-color:var(--primary-blue);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=checkbox]{border-radius:3px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--primary-blue-light)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary-blue);border-color:#0a5c63}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 4.8 8.5 9.5 3.5'/%3E%3C/svg%3E");background-size:10px 10px;background-position:center;background-repeat:no-repeat}input[type=radio]:checked{background-image:radial-gradient(circle,#fff 0 35%,transparent 36%)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;padding:0;border:none;border-radius:999px;background:var(--bg-tertiary, #4B5563);box-shadow:none;cursor:pointer;accent-color:var(--primary-blue)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-blue);border:2px solid #0A5C63;box-shadow:0 1px 2px #00000059;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-blue);border:2px solid #0A5C63;box-shadow:0 1px 2px #00000059;cursor:pointer}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--bg-tertiary, #4B5563);border:none}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-blue);color:var(--text-primary)}.nav-item-icon{width:20px;height:20px;flex-shrink:0}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--space-6);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:var(--z-sticky);-webkit-app-region:drag}.app-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-xl);font-weight:700;-webkit-app-region:no-drag}.app-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;object-fit:contain}.header-actions{display:flex;align-items:center;gap:var(--space-3);-webkit-app-region:no-drag}.app-main{display:flex;flex:1;overflow:hidden}.app-sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow-y:auto}.app-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-primary)}.dashboard-container{padding:var(--space-8);max-width:1200px;margin:0 auto;width:100%;min-height:100%;padding-bottom:var(--space-12)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.dashboard-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.dashboard-grid{display:grid;gap:var(--space-8)}.recent-projects{margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-icon{width:24px;height:24px;color:var(--primary-blue)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.project-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);cursor:pointer}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.project-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.project-date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.project-preview{width:100%;height:120px;background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.quick-actions{margin-bottom:var(--space-8)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.action-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-normal);cursor:pointer}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.action-icon{width:48px;height:48px;margin:0 auto var(--space-3);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl)}.action-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.action-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.tools-section{margin-bottom:var(--space-8)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--warning-orange))}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.tool-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tool-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.tool-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.tool-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.tool-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--success-green);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;margin-top:var(--space-3)}.tool-status.coming-soon{background-color:var(--gray-500)}@media(max-width:768px){.app-sidebar{width:240px}.dashboard-container{padding:var(--space-4)}.projects-grid,.tools-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-main{flex-direction:column}.app-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-primary)}}.panel{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.panel-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.panel-content{flex:1;overflow-y:auto;padding:var(--space-2);min-height:120px}.layer-item{margin-bottom:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.layer-header{display:flex;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.layer-header:hover{background-color:var(--bg-hover)}.layer-toggle{background:none;border:none;padding:var(--space-1);margin-right:var(--space-2);cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast)}.layer-toggle:hover{color:var(--text-primary)}.layer-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;flex:1}.layer-checkbox input[type=checkbox]{margin:0}.layer-name{font-weight:500;color:var(--text-primary)}.layer-objects{padding:var(--space-2) var(--space-4);background-color:var(--bg-primary);transition:all var(--transition-fast)}.layer-objects.collapsed{display:none}.layer-object{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-1) 0;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.layer-object:hover{background-color:var(--bg-hover)}.layer-object.selected{background-color:var(--primary-blue);color:var(--text-primary)}.layer-object.selected .object-icon,.layer-object.selected .object-name{color:#fff}.object-icon{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:16px;text-align:center}.object-name{font-size:var(--font-size-sm);color:var(--text-primary);flex:1}.layer-empty{padding:var(--space-3);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.layers-content{min-height:150px}.library-controls{display:flex;gap:var(--space-1)}.library-controls .btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-width:auto}.library-path{padding:var(--space-2);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.library-group-header{font-weight:700;margin-top:var(--space-2);margin-bottom:var(--space-1);color:var(--text-primary);font-size:var(--font-size-sm)}.library-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-bottom:var(--space-2)}.library-item{border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-card);cursor:grab;transition:all var(--transition-fast)}.library-item:hover{border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.library-item:active{cursor:grabbing}.library-item[draggable=true]{cursor:grab}.library-item[draggable=true]:active{cursor:grabbing;opacity:.7}.library-item-image{width:56px;height:56px;object-fit:contain;pointer-events:none}.library-item-caption{font-size:var(--font-size-xs);text-align:center;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.editor-panels-left,.editor-panels-right{display:flex;flex-direction:column;position:relative}.panel-resize-handle{height:4px;background-color:var(--border-primary);cursor:row-resize;position:relative;transition:background-color var(--transition-fast);margin:var(--space-1) 0}.panel-resize-handle:hover{background-color:var(--primary-blue)}.panel-resize-handle:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:20px;height:8px;background-color:var(--border-secondary);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast)}.panel-resize-handle:hover:before{opacity:1}.panel-resize-handle.dragging{background-color:var(--primary-blue)}.panel-resize-handle.dragging:before{opacity:1}.panel{flex-shrink:0}.panel:last-child{flex:1}.panel-spacer{background:transparent;border:none;flex:1;min-height:50px}#details-panel{height:600px;min-height:400px}#details-spacer{height:100px;min-height:50px}.object-details{display:flex;flex-direction:column;gap:8px}.rotation-controls{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.rotation-controls label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.rotation-inputs{display:flex;align-items:center;gap:var(--space-2)}.rotation-range{flex:1}.rotation-number{width:60px;padding:4px 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.rotation-unit{font-size:var(--font-size-sm);color:var(--text-secondary)}.object-preview{display:flex;flex-direction:column;gap:var(--space-3)}.object-preview strong{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.object-preview ul{list-style:none;padding:0;margin:0}.object-preview li{margin-bottom:var(--space-2)}.object-preview input[type=text]{width:100%;padding:6px 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit}.object-preview input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--primary-rgb) / .1)}.object-preview label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px}.tools-panel{position:absolute;top:0;left:0;right:0;height:32px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:all;transition:transform var(--transition-normal),opacity var(--transition-normal)}.tools-panel.collapsed{transform:translateY(-100%);opacity:0;pointer-events:none}.tool-btn{width:28px;height:24px;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;margin:0 2px}.tool-btn:hover{background-color:var(--bg-hover);border-color:var(--primary-blue);color:var(--text-primary)}.tool-btn.active{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.tools-collapse-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:2px 6px;cursor:pointer;font-size:9px;color:var(--text-secondary);transition:all var(--transition-fast);height:20px;display:flex;align-items:center}.tools-collapse-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-blue)}.tools-expand-btn{position:absolute;top:2px;left:50%;transform:translate(-50%);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:3px 10px;cursor:pointer;font-size:9px;color:var(--text-secondary);transition:all var(--transition-fast);z-index:99;box-shadow:var(--shadow-sm);height:18px;display:flex;align-items:center}.tools-expand-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-blue)}.tools-panel.collapsed+.tools-expand-btn{display:flex}.editor-stage{position:relative;flex:1;display:flex;flex-direction:column}.stage-container{flex:1;margin-top:32px;position:relative;overflow:hidden;transition:margin-top var(--transition-normal);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tools-panel.collapsed~.stage-container{margin-top:0}.tool-details-panel{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.tool-details-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.tool-details-panel .panel-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.tool-details-panel .panel-content{padding:var(--space-4)}.property-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-3)}.property-group:last-child{margin-bottom:0}.property-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-1) 0;min-width:auto}.property-input{padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:100px;width:100%}.property-input[type=color]{width:50px;min-width:50px;height:32px;padding:2px;cursor:pointer}.property-input select{width:100%;cursor:pointer}.property-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #33a0ff1a}.property-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.shape-preview{pointer-events:none}.shape-point{pointer-events:none;opacity:.8}.shape-point-first{opacity:1;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.shape-object{cursor:grab}.shape-object:active{cursor:grabbing}.path-preview{pointer-events:none}.path-object{cursor:grab;transition:stroke-width .2s ease}#overlay-svg:not(.geo-isolation-active) .path-object:hover{stroke-width:3px!important}#overlay-svg:not(.geo-isolation-active) .shape-object[data-geo-drawn-in-isolation],#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation],#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] .path-object,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] polyline{pointer-events:none!important}#overlay-svg:not(.geo-isolation-active) .shape-object[data-geo-drawn-in-isolation],#overlay-svg:not(.geo-isolation-active) .path-object[data-geo-drawn-in-isolation],#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] .path-object,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] polyline{transition:none;cursor:inherit}#overlay-svg:not(.geo-isolation-active) .shape-object[data-geo-drawn-in-isolation]:hover,#overlay-svg:not(.geo-isolation-active) .path-object[data-geo-drawn-in-isolation]:hover,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] .path-object:hover,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation] polyline:hover{stroke-width:revert!important}#overlay-svg:not(.geo-isolation-active) .shape-object[data-geo-drawn-in-isolation]:active,#overlay-svg:not(.geo-isolation-active) .path-object[data-geo-drawn-in-isolation]:active,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation]:active .path-object,#overlay-svg:not(.geo-isolation-active) g.path-group[data-geo-drawn-in-isolation]:active polyline{cursor:inherit}.path-object:active{cursor:grabbing}.comment-object{cursor:text;-webkit-user-select:none;user-select:none}.comment-object:hover{text-decoration:underline}.comment-object.selected-comment{fill:var(--primary-blue)!important;font-weight:700}.comment-group{cursor:text}