:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-secondary: #22c55e;--border-color: #333333;--border-focus: #3b82f6;--error-color: #ef4444;--success-color: #22c55e;--warning-color: #f59e0b;--sidebar-width: 320px;--header-height: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{height:var(--header-height);padding:0 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px;z-index:1}.header h1{font-size:20px;font-weight:600;letter-spacing:-.5px}.header .subtitle{color:var(--text-secondary);font-size:13px}.header .step-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0}.header-settings{z-index:1;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.header-settings:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.header-settings svg{width:20px;height:20px}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex-shrink:0}.sidebar section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;cursor:pointer;transition:var(--transition)}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent-primary);background:#3b82f60d}.dropzone-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:12px}.dropzone p{color:var(--text-secondary);margin:4px 0}.dropzone-hint{font-size:12px;color:var(--text-muted)!important}.dropzone-formats{font-size:11px;color:var(--text-muted)!important;margin-top:8px!important}.step-indicator{display:flex;align-items:center;justify-content:center;padding:16px 8px;margin-bottom:16px;background:var(--bg-secondary);border-radius:var(--radius-md)}.step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-number{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:var(--transition)}.step.active .step-number{background:var(--accent-primary);color:#fff}.step.completed .step-number{background:var(--success-color);color:#fff}.step-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.step.active .step-label{color:var(--accent-primary);font-weight:600}.step-line{flex:1;height:2px;background:var(--border-color);margin:0 12px 18px}.leonardo-section{padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:16px}.leonardo-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.style-select{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:var(--transition)}.style-select:hover{border-color:var(--accent-primary)}.style-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.style-select:invalid,.style-select option[value=""]{color:var(--text-muted)}.style-select:required:invalid{border-color:var(--warning-color)}.style-select option{color:var(--text-primary);background:var(--bg-tertiary)}.btn-leonardo{width:100%;margin-top:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:12px 16px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.btn-leonardo:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}.btn-leonardo:disabled{opacity:.5;cursor:not-allowed}.btn-leonardo svg{width:18px;height:18px}.leonardo-section .btn{width:100%;margin-bottom:8px}.leonardo-section .btn:last-of-type{margin-bottom:0}.leonardo-section .btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.leonardo-section .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-primary)}.leonardo-status{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px}.leonardo-status.available{color:var(--success-color)}.leonardo-status.unavailable{color:var(--error-color)}.file-queue{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.queue-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px}.queue-item-thumb{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover}.queue-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-status{color:var(--text-muted)}.queue-item-status.processing{color:var(--accent-primary)}.queue-item-status.done{color:var(--success-color)}.queue-item-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.queue-item-remove:hover{color:var(--error-color)}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.control-group.required label{font-weight:500}.required-indicator{color:var(--error-color);font-weight:600;margin-left:2px}.info-tooltip{position:relative;display:inline-block;margin-left:6px;vertical-align:middle}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:10px;font-weight:700;font-style:italic;cursor:help;transition:var(--transition)}.info-icon:hover{background:var(--accent-hover);transform:scale(1.1)}.info-content{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:12px;font-style:normal;font-weight:400;line-height:1.5;color:var(--text-secondary);z-index:100;transition:opacity .2s ease,visibility .2s ease}.info-tooltip:hover .info-content{visibility:visible;opacity:1}.slider{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:var(--transition)}.slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px}.control-hint{font-size:11px;color:var(--text-muted);margin-top:6px;font-style:italic}.input-type-toggle .toggle-btn[data-input-type=clean].active{background:var(--accent-secondary)}.toggle-group{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent-primary);color:var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.ai-status{font-size:11px;color:var(--text-muted);margin-left:4px}.ai-status.available{color:var(--success-color)}.ai-status.unavailable{color:var(--warning-color)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);width:100%}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent-primary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-generate{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--text-primary);font-weight:600;font-size:15px;padding:14px 20px;margin-bottom:8px}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-sm{padding:6px 12px;font-size:12px;width:auto}.btn-danger{background:var(--error-color);color:var(--text-primary)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-generate:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);margin-top:8px}.btn-secondary:hover{background:#2a2a2a}.btn-icon{width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.btn-icon svg{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{text-align:center;padding:12px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stat-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600;color:var(--accent-primary)}.preview-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.preview-tabs{display:flex;gap:4px}.preview-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.preview-tab:hover{color:var(--text-primary)}.preview-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.preview-controls{display:flex;gap:8px;align-items:center}.preview-mode-toggle{display:flex;background:var(--bg-secondary);border-radius:6px;padding:2px;margin-right:8px}.mode-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s}.mode-btn svg{width:18px;height:18px;stroke:var(--text-secondary)}.mode-btn:hover{background:var(--bg-tertiary)}.mode-btn:hover svg{stroke:var(--text-primary)}.mode-btn.active{background:var(--accent-primary)}.mode-btn.active svg{stroke:#fff}.bridge-toggle{margin-left:8px;border-left:1px solid var(--border-color);padding-left:8px}.bridge-toggle.active svg{stroke:var(--accent-secondary)}.bridge-toggle:not(.active) svg{stroke:var(--text-muted);opacity:.6}.invert-toggle{margin-left:4px}.invert-toggle.active{background:var(--warning-color)}.invert-toggle.active svg{stroke:#000}.invert-toggle:not(.active) svg{stroke:var(--text-muted);opacity:.6}.preview-container{flex:1;display:flex;overflow:hidden}.preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.panel-label{position:absolute;top:12px;left:12px;padding:4px 12px;background:#000000b3;border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);z-index:10;pointer-events:none}.panel-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary)}.panel-content img,.panel-content svg{max-width:100%;max-height:100%;object-fit:contain}.panel-content.dark-bg{background:#1a1a1a}.panel-content.light-bg{background:#fff}.placeholder{text-align:center;color:var(--text-muted)}.placeholder svg{width:64px;height:64px;margin-bottom:12px;opacity:.5}.placeholder p{font-size:13px}.preview-divider{width:4px;background:var(--border-color);cursor:col-resize;transition:var(--transition)}.preview-divider:hover{background:var(--accent-primary)}.panzoom-container{width:100%;height:100%;overflow:hidden}.panzoom-element{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text-secondary)}.preview-container.view-original #stencilPanel,.preview-container.view-original #previewDivider,.preview-container.view-stencil #originalPanel,.preview-container.view-stencil #previewDivider{display:none}@media (max-width: 1024px){.sidebar{width:280px}}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color)}.preview-container{flex-direction:column}.preview-divider{width:100%;height:4px;cursor:row-resize}}.references-section{border-top:1px solid var(--border-color);padding-top:16px}.references-section h3{display:flex;align-items:center;gap:8px}.reference-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:600;border-radius:10px}.references-help{font-size:11px;color:var(--text-muted);margin-top:4px;margin-bottom:12px}.reference-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.reference-dropzone:hover,.reference-dropzone.dragover{border-color:var(--accent-primary);background:#3b82f61a}.reference-dropzone .dropzone-icon.small{width:24px;height:24px;opacity:.5}.reference-dropzone span{font-size:12px;color:var(--text-secondary)}.reference-legend{display:flex;gap:16px;margin-top:10px;font-size:11px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;border:1px solid var(--border-color)}.legend-swatch.black{background:#1a1a1a}.legend-swatch.white{background:#fff}.reference-empty{padding:20px;text-align:center;font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:12px}.reference-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:200px;overflow-y:auto}.reference-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.reference-item:hover{background:var(--bg-secondary)}.reference-item.loading{opacity:.6}.reference-thumb{width:40px;height:40px;border-radius:4px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reference-thumb img{width:100%;height:100%;object-fit:contain}.reference-info{flex:1;min-width:0}.reference-name{display:block;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-status{font-size:10px;color:var(--text-muted)}.reference-delete{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.reference-delete:hover{background:var(--error-color);color:#fff}.reference-delete svg{width:14px;height:14px}.reference-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.reference-modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.reference-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.reference-modal-header h3{font-size:14px;font-weight:600}.reference-modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:24px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.reference-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.reference-modal-body{flex:1;overflow:auto;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff}.reference-modal-body img{max-width:100%;max-height:70vh;object-fit:contain}.reference-modal-legend{display:flex;gap:24px;justify-content:center;padding:12px 20px;background:var(--bg-tertiary);font-size:12px;color:var(--text-secondary)}.loading-spinner.small{width:20px;height:20px;border-width:2px}.notification-container{position:fixed;bottom:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:8px}.notification{padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:13px;max-width:300px;animation:slideIn .3s ease}.notification.success{border-left:3px solid var(--success-color)}.notification.error{border-left:3px solid var(--error-color)}.notification.fade-out{animation:fadeOut .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(10px)}}.positioning-canvas{width:100%;height:100%;display:block}.positioning-controls{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.positioning-buttons{display:flex;gap:8px}.positioning-buttons .btn-sm{padding:6px 12px;font-size:12px}.positioning-scale{display:flex;align-items:center;gap:10px}.positioning-scale label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.scale-input-group{display:flex;align-items:center;gap:2px}.scale-input{width:55px;padding:4px 6px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-dark);color:var(--text-primary);text-align:right}.scale-input:focus{outline:none;border-color:var(--accent-primary)}.scale-percent{font-size:12px;color:var(--text-secondary)}.positioning-scale .slider{width:120px}.positioning-row{display:flex;align-items:center;gap:20px;width:100%}.view-zoom-display{font-size:11px;color:var(--text-secondary);margin-left:auto}.view-zoom-display span{color:var(--text-primary);font-weight:500}.position-display{display:flex;align-items:center;gap:16px;font-size:12px}.position-label{color:var(--text-secondary)}.position-coord{color:var(--text-primary);font-family:monospace}.position-coord span{font-weight:500;color:var(--accent-primary)}.movement-selector{display:flex;align-items:center;gap:10px}.movement-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.movement-options{display:flex;gap:4px}.step-btn{padding:4px 10px;font-size:11px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.step-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.step-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.step-btn:not(:first-child){margin-left:-1px}.step-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.step-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;z-index:1}.connection-status{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.connection-indicator{display:flex;gap:12px;font-size:11px;color:var(--text-secondary)}.indicator-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.indicator-dot.connected{background:var(--success-color);box-shadow:0 0 4px var(--success-color)}.indicator-dot.disconnected{background:var(--error-color);box-shadow:0 0 4px var(--error-color)}.connection-warning{font-size:11px;color:var(--warning-color);display:flex;align-items:center;gap:6px}.connection-warning:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--warning-color);color:#000;border-radius:50%;font-size:11px;font-weight:700}.frame-overlay{position:absolute;pointer-events:none;border:3px solid #000000}.frame-overlay .artwork-area{position:absolute}.frame-overlay .mounting-hole{position:absolute;width:8px;height:8px;background:#06c;border-radius:50%;transform:translate(-50%,-50%)}.tagging-toggle.active{background:var(--accent-secondary);border-color:var(--accent-secondary)}.tagging-toggle.active:hover{background:#16a34a}.tag-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);margin-left:8px}.tag-count-keep{color:var(--success-color);font-weight:700}.tag-count-remove{color:var(--error-color);font-weight:700}#stencilContent svg [data-tag-id]{transition:stroke .15s,stroke-width .15s,fill .15s}#stencilContent svg [data-tag-id]:hover{stroke-width:4px!important;filter:brightness(1.2)}#stencilContent svg [data-tag-id][data-tag=keep]{stroke:var(--success-color)!important}#stencilContent svg [data-tag-id][data-tag=remove]{stroke:var(--error-color)!important}.step-page{display:none;width:100%;height:100%}.step-page.active{display:flex}.step-1-container{display:flex;width:100%;height:100%;gap:40px;padding:40px;align-items:center;justify-content:center}.upload-panel{flex:0 0 400px}.upload-panel .dropzone{width:400px;height:300px}.conversion-panel{flex:0 0 350px;display:flex;flex-direction:column;gap:24px}.image-thumbnail{position:relative;width:100%;aspect-ratio:4/3;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color)}.image-thumbnail img{width:100%;height:100%;object-fit:contain}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.remove-image-btn:hover{background:var(--error-color)}.remove-image-btn svg{width:16px;height:16px;stroke:#fff}.leonardo-options{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.leonardo-options h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.leonardo-options .btn{width:100%;margin-bottom:10px}.leonardo-options .btn:last-of-type{margin-bottom:0}.leonardo-result{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.leonardo-result h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.result-preview{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:10px;margin-bottom:16px;text-align:center}.result-preview img{max-width:100%;max-height:250px;border-radius:var(--radius-sm);object-fit:contain;cursor:pointer;transition:opacity .2s;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.result-preview img:hover{opacity:.8}.image-preview-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-preview-modal img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-preview-modal .modal-close{position:absolute;top:-40px;right:0;background:var(--bg-secondary);border-radius:50%}.click-hint{font-size:12px;font-weight:400;color:var(--text-muted)}.image-cache{margin-bottom:16px}.image-cache label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.image-cache-container{display:flex;gap:8px;flex-wrap:wrap;min-height:50px}.cache-thumbnail{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s}.cache-thumbnail:hover{transform:scale(1.1)}.cache-thumbnail.active{border-color:var(--accent-primary)}.cache-thumbnail img{width:100%;height:100%;object-fit:cover}.result-actions{display:flex;flex-direction:column;gap:12px}.result-actions .btn{width:100%}.regenerate-section{background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-sm);border:1px dashed var(--border-color)}.regenerate-section .control-group{margin-bottom:10px}.regenerate-section .control-group label{font-size:12px}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.btn-ghost svg{width:16px;height:16px}.step-2-page{flex-direction:column}.positioning-toolbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.toolbar-divider{width:1px;height:32px;background:var(--border-color)}.toolbar-spacer{flex:1}.scale-controls{display:flex;align-items:center;gap:8px}.scale-input{width:55px;text-align:center;font-size:13px;font-weight:500;padding:4px 6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.scale-input:focus{outline:none;border-color:var(--primary)}.scale-input::-webkit-inner-spin-button,.scale-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scale-percent{font-size:13px;color:var(--text-secondary);margin-left:-2px}.resolution-toggle .toggle-btn{min-width:50px;font-size:11px}.position-controls{display:flex;gap:4px}.btn-sm{padding:6px 12px;font-size:12px}#invertBtn{display:flex;align-items:center;gap:6px;padding:8px 12px}#invertBtn.active{background:var(--accent-primary);color:#fff}.positioning-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#2a2a2a;overflow:hidden}.frame-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;transition:transform .1s ease-out;transform-origin:center center}.frame-border{background:#000;padding:25px;box-shadow:0 4px 20px #00000080;position:relative}.frame-inner{background:#fff;position:relative;overflow:hidden}#positioningImage{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#positioningImage.inverted{filter:invert(1)}.positioning-hint{margin-top:16px;font-size:12px;color:var(--text-muted)}.step-3-page{align-items:center;justify-content:center}.export-container{display:flex;gap:40px;padding:40px;max-width:1200px}.export-preview{flex:1;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls .btn-icon{width:32px;height:32px;padding:6px}.zoom-controls .btn-icon svg{width:18px;height:18px}#zoomLevel{font-size:12px;color:var(--text-secondary);min-width:45px;text-align:center}.zoom-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px;margin-bottom:0}.export-preview h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.export-preview-container{background:#2a2a2a;border-radius:var(--radius-md);overflow:hidden;position:relative;min-height:400px;cursor:grab}.export-preview-container:active{cursor:grabbing}.export-preview-frame{padding:20px;display:flex;align-items:center;justify-content:center;min-height:400px;transform-origin:center center;transition:transform .1s ease-out}.export-preview-frame img,.export-preview-frame canvas{max-width:100%;max-height:500px;object-fit:contain}.export-preview-frame:hover{cursor:pointer}.smoothing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none;z-index:10}.smoothing-overlay svg{max-width:100%;max-height:500px;background:transparent;pointer-events:none}.smoothing-overlay.loading:after{content:"Applying smoothing...";position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:4px;font-size:12px}.export-options{flex:0 0 300px;display:flex;flex-direction:column;gap:16px}.export-options h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.btn-large{padding:16px 24px;font-size:16px}.header{display:flex;align-items:center;justify-content:space-between}.position-settings-section{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.position-settings-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.generate-section{display:flex;flex-direction:column;gap:8px}.generate-section .control-hint{font-size:11px;color:var(--text-muted);text-align:center}.settings-accordion{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.settings-accordion:last-child{margin-bottom:0}.accordion-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition);list-style:none}.accordion-header::-webkit-details-marker{display:none}.accordion-header:after{content:"";margin-left:auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted);transition:transform var(--transition)}details[open] .accordion-header:after{transform:rotate(180deg)}.accordion-header:hover{background:#ffffff0d}.accordion-header svg{width:16px;height:16px;opacity:.6}.accordion-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.line-type-selector{display:flex;gap:8px}.line-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition)}.line-type-btn svg{width:18px;height:18px}.line-type-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.line-type-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.line-type-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.advanced-settings-section{display:flex;flex-direction:column;gap:8px}.step-3-content .export-settings-section{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.step-3-content .export-settings-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.step-3-content .btn-primary{margin-top:12px}.step-3-content .btn-secondary{margin-top:8px}.step-indicator .step{cursor:pointer;transition:opacity var(--transition)}.step-indicator .step:hover:not(.active){opacity:.8}.step-indicator .step.completed{cursor:pointer}.step-indicator .step.completed .step-number{background:var(--success-color);border-color:var(--success-color)}.step-indicator .step.completed .step-number:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700}.step-indicator .step.completed .step-number span{visibility:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);padding:8px;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.settings-modal{max-width:800px}.settings-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.section-description{font-size:13px;color:var(--text-muted);margin-bottom:16px}.settings-danger h3{color:var(--error-color)}.prompt-textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;transition:var(--transition)}.prompt-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.prompt-textarea::placeholder{color:var(--text-muted)}.text-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:var(--transition)}.text-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.styles-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.style-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.style-item:hover{border-color:var(--accent-primary);background:#3b82f61a}.style-item-info{flex:1}.style-item-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.style-item-id{font-size:11px;color:var(--text-muted);font-family:monospace}.style-item-desc{font-size:12px;color:var(--text-secondary)}.style-item-actions{display:flex;gap:8px}.style-item-actions .btn{padding:6px 10px;font-size:12px}.btn-danger{background:var(--error-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition)}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.validation-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.validation-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.validation-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.validation-icon svg{width:20px;height:20px}.validation-icon svg{display:none}.validation-icon.checking .icon-checking{display:block;stroke:var(--text-secondary);animation:spin 1s linear infinite}.validation-icon.passed .icon-passed{display:block;stroke:var(--success-color)}.validation-icon.warning .icon-warning{display:block;stroke:var(--warning-color)}.validation-icon.failed .icon-failed{display:block;stroke:var(--error-color)}.validation-title{font-weight:600;color:var(--text-primary)}.validation-status{margin-left:auto;font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px;background:var(--bg-secondary)}.validation-status.passed{color:var(--success-color);background:#22c55e1a}.validation-status.warning{color:var(--warning-color);background:#f59e0b1a}.validation-status.failed{color:var(--error-color);background:#ef44441a}.validation-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.validation-item{display:flex;justify-content:space-between;font-size:13px}.item-label{color:var(--text-secondary)}.item-value{color:var(--text-primary);font-weight:500}.item-value.success{color:var(--success-color)}.item-value.warning{color:var(--warning-color)}.item-value.error{color:var(--error-color)}.validation-issues{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.issues-label{font-size:12px;color:var(--warning-color);margin-bottom:8px;font-weight:500}.issues-list{list-style:none;margin:0;padding:0;max-height:120px;overflow-y:auto}.issues-list li{font-size:12px;color:var(--text-secondary);padding:4px 0 4px 16px;position:relative}.issues-list li:before{content:"•";position:absolute;left:4px;color:var(--warning-color)}.issues-list li.critical:before{color:var(--error-color)}.laser-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media (max-width: 600px){.laser-settings-grid{grid-template-columns:1fr}}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit input[type=number]{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;max-width:100px}.input-with-unit input[type=number]:focus{border-color:var(--border-focus);outline:none}.input-with-unit .unit{color:var(--text-secondary);font-size:13px;min-width:30px}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.button-group{display:flex;gap:12px;flex-wrap:wrap}.info-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:6px}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700;font-style:normal;cursor:help}.info-content{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text-secondary);width:250px;z-index:100;box-shadow:var(--shadow-md)}.info-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color)}.info-tooltip:hover .info-content{display:block}.step2-layout{display:flex;flex:1;gap:20px;padding:0;overflow:hidden}.step2-sidebar{width:280px;min-width:280px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:0 0 20px}.sidebar-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.sidebar-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.sidebar-section .tool-hint{font-size:11px;color:var(--text-secondary);margin:0 0 12px}.sidebar-settings-grid{display:flex;flex-direction:column;gap:10px}.sidebar-settings-grid .control-group{margin-bottom:0}.sidebar-settings-grid .control-group label{font-size:12px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.sidebar-section .checkbox-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.sidebar-section .checkbox-label{font-size:12px}.brush-controls{margin-bottom:12px}.brush-size-control{display:flex;align-items:center;gap:8px}.brush-size-control input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;border:1px solid var(--border-color)}.brush-size-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000004d}.brush-size-control input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.brush-size-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000004d}.brush-size-control #brushSizeValue{min-width:24px;text-align:right;font-weight:600;color:var(--text-primary)}.brush-actions{display:flex;flex-direction:column;gap:8px}.brush-tool-row{display:flex;gap:8px}.brush-tool-row .btn-tool{flex:1}.btn-tool{background:var(--accent-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-tool:hover{background:var(--accent-hover)}.btn-tool.active{background:#10b981;box-shadow:0 0 0 2px #10b9814d}.btn-eraser.active{background:#ef4444;box-shadow:0 0 0 2px #ef44444d}.btn-tool svg{width:18px;height:18px}.btn-small{padding:8px 12px;font-size:12px}.btn-small svg{width:14px;height:14px}.bridge-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.bridge-canvas.active{pointer-events:auto;cursor:none}.brush-cursor{position:fixed;border:2px solid #000;border-radius:50%;pointer-events:none;z-index:9999;display:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff80}.brush-cursor.visible{display:block}.brush-cursor.eraser{border-color:#ef4444;background:#ef44441a;box-shadow:0 0 0 1px #0000004d}.edge-indicators{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px}.edge-row{display:flex;justify-content:center;align-items:center;gap:4px}.edge-row.edge-middle{gap:8px}.edge-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef44441a;border-radius:var(--radius-sm);border:1px solid #ef4444;min-width:70px;justify-content:space-between}.edge-indicator.connected{background:#10b98126;border-color:#10b981}.edge-label{font-size:11px;color:var(--text-secondary);font-weight:500}.edge-status{width:10px;height:10px;border-radius:50%;background:#ef4444;transition:all .2s}.edge-indicator.connected .edge-status{background:#10b981;box-shadow:0 0 6px #10b98180}.edge-center-box{width:40px;height:30px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px}.island-status{margin-bottom:8px}.island-indicator{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color)}.island-indicator svg{width:24px;height:24px;flex-shrink:0}.island-indicator .island-icon-ok,.island-indicator .island-icon-warning,.island-indicator .island-icon-checking{display:none}.island-indicator.ok{background:#10b9811a;border-color:#10b981}.island-indicator.ok .island-icon-ok{display:block;color:#10b981}.island-indicator.warning{background:#ef44441a;border-color:#ef4444}.island-indicator.warning .island-icon-warning{display:block;color:#ef4444}.island-indicator.checking .island-icon-checking{display:block;color:var(--text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.island-text{font-size:13px;font-weight:500}.island-indicator.ok .island-text{color:#10b981}.island-indicator.warning .island-text{color:#ef4444}.island-hint{font-size:11px;color:var(--text-muted)}.island-override{margin-top:8px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);font-size:12px}.island-override input[type=checkbox]{accent-color:#ef4444}.island-override span{color:var(--text-primary)}.island-status{display:flex;flex-direction:column;gap:8px}.btn-identify{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;background:#ef444426;border:1px solid #ef4444;color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn-identify:hover{background:#ef444440}.btn-identify svg{width:16px;height:16px}.btn-identify.active{background:#ef4444;color:#fff}.grid-overlay{--grid-opacity: .5;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;background-image:linear-gradient(to right,rgba(34,197,94,calc(var(--grid-opacity) * 2)) 2px,transparent 2px),linear-gradient(to bottom,rgba(34,197,94,calc(var(--grid-opacity) * 2)) 2px,transparent 2px),linear-gradient(to right,rgba(34,197,94,calc(var(--grid-opacity) * .6)) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,197,94,calc(var(--grid-opacity) * .6)) 1px,transparent 1px);background-size:100% 100%,100% 100%,10% 10%,10% 10%;background-position:50% 0,0 50%,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat}.grid-overlay:before,.grid-overlay:after{content:"";position:absolute;background:rgba(34,197,94,calc(var(--grid-opacity) * 2))}.grid-overlay:before{width:2px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%)}.grid-overlay:after{width:20px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}#toggleGridBtn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.grid-controls{display:flex;align-items:center;gap:8px}.grid-opacity-control{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.grid-opacity-control input[type=range]{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer}.grid-opacity-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.grid-opacity-control input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.grid-opacity-control span{font-size:11px;color:var(--text-secondary);min-width:32px}.island-highlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.island-highlight-circle{position:absolute;border:3px solid #ef4444;border-radius:50%;box-shadow:0 0 20px #ef444499,inset 0 0 20px #ef444433;animation:pulseHighlight 1s ease-in-out infinite;pointer-events:none}@keyframes pulseHighlight{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}}.validation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.validation-popup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;max-width:420px;text-align:center;box-shadow:var(--shadow-md)}.validation-popup.warning{border-color:#f59e0b}.validation-popup.error{border-color:#ef4444}.validation-popup-icon{width:64px;height:64px;margin:0 auto 16px}.validation-popup-icon svg{width:100%;height:100%}.validation-popup.warning .validation-popup-icon svg{color:#f59e0b}.validation-popup.error .validation-popup-icon svg{color:#ef4444}.validation-popup-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.validation-popup-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.validation-popup-close{min-width:120px}.validation-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.validation-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.validation-checkbox span{font-size:13px;color:var(--text-primary)}.validation-popup-buttons{display:flex;gap:12px;justify-content:center}.validation-popup-buttons .btn{min-width:140px}.validation-popup-proceed:disabled{opacity:.5;cursor:not-allowed}.controls-list{display:flex;flex-direction:column;gap:6px}.control-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border-color)}.control-item:last-child{border-bottom:none}.control-key{font-size:11px;font-weight:600;color:var(--accent-color);background:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-family:monospace}.control-desc{font-size:11px;color:var(--text-secondary)}.positioning-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#2a2a2a;overflow:hidden;position:relative}.positioning-area.panning{cursor:grab}.positioning-area.panning:active{cursor:grabbing}