.editor-layout{grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-width);height:calc(100vh - var(--header-height));display:grid;overflow:hidden}.editor-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;display:flex;overflow-y:auto}.editor-sidebar-right{border-right:none;border-left:1px solid var(--border-subtle)}.sidebar-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.sidebar-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.sidebar-hint{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-4);text-align:center;line-height:1.6}.sidebar-empty{flex:1;justify-content:center;align-items:center;display:flex}.sidebar-actions{padding:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:auto}.field-list{padding:var(--space-2);flex:1;overflow-y:auto}.field-list-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-bottom:2px;display:flex}.field-list-item:hover{background:var(--surface-glass-hover)}.field-list-item.active{background:var(--accent-primary-glow);border:1px solid var(--border-accent)}.field-list-label{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.field-list-coords{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.field-list-delete{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-xs);transition:all var(--duration-fast);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.field-list-item:hover .field-list-delete{opacity:1}.field-list-delete:hover{background:var(--danger-bg);color:var(--danger)}.editor-toolbar{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:48px;display:flex}.toolbar-group{align-items:center;gap:var(--space-1);display:flex}.toolbar-divider{background:var(--border-default);width:1px;height:20px;margin:0 var(--space-2)}.toolbar-zoom{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);text-align:center;min-width:44px}.toolbar-group .btn-icon.active{background:var(--accent-primary-glow);color:var(--accent-primary)}.editor-canvas-area{background:var(--bg-primary);flex-direction:column;display:flex;overflow:hidden}.editor-canvas{padding:var(--space-8);background:radial-gradient(circle,#6c5ce708 0%,#0000 70%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.svg-viewport{transition:transform .1s ease-out}.svg-container{box-shadow:var(--shadow-lg);border-radius:var(--radius-md);background:#fff;position:relative;overflow:hidden}.svg-container.show-grid{background-image:linear-gradient(#6c5ce714 1px,#0000 1px),linear-gradient(90deg,#6c5ce714 1px,#0000 1px);background-size:20px 20px}.svg-render-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fields-overlay-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.field-overlay{transition:opacity var(--duration-fast)}.field-overlay:hover{opacity:.85}.editor-statusbar{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);display:flex}.statusbar-hint{color:var(--text-tertiary);font-family:var(--font-sans);margin-left:auto}.field-config{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.config-group{gap:var(--space-1);flex-direction:column;display:flex}.config-row{gap:var(--space-2);align-items:center;display:flex}.config-row-btns{flex-wrap:wrap}.config-row-btns .btn{flex:1;min-width:0}.config-field{align-items:center;gap:var(--space-2);flex:1;display:flex}.config-field-label{font-size:var(--text-xs);color:var(--text-tertiary);min-width:14px;font-weight:600}.config-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);font-family:var(--font-mono);line-height:1.4}.shortcuts-panel{border-top:1px solid var(--border-subtle);margin-top:auto}.shortcut-list{padding:var(--space-3) var(--space-4)}.shortcut-item{padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.shortcut-item kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-tertiary);padding:1px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-secondary)}.shortcut-item span{font-size:var(--text-xs);color:var(--text-tertiary)}.editor-canvas .drop-zone{width:500px;max-width:90%;animation:scaleIn var(--duration-slow) var(--ease-out)}.drop-icon{color:var(--accent-primary);margin-bottom:var(--space-4);font-size:3rem;animation:3s ease-in-out infinite float}.editor-canvas .drop-zone h3{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.editor-canvas .drop-zone p{font-size:var(--text-sm);color:var(--text-secondary)}