.editor-ticket-container{height:calc(80vh - 100px);min-height:600px;gap:15px;display:flex}.editor-sidebar{width:220px;background:#f8f9fa;border-radius:8px;flex-shrink:0;padding:15px;overflow-y:auto}.editor-main{background:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-toolbar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:8px;display:flex}.editor-properties{width:280px;background:#f8f9fa;border-radius:8px;flex-shrink:0;padding:15px;overflow-y:auto}.canvas-container{scroll-behavior:auto;background:#e5e7eb;flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:relative;overflow:auto}.canvas-container.dragging{touch-action:none;overflow:hidden!important}.canvas-wrapper{flex-shrink:0;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ticket-canvas{touch-action:none;background:#fff;position:relative;overflow:hidden}.ticket-canvas.show-grid{background-image:linear-gradient(90deg,#e5e7eb 1px,#0000 1px),linear-gradient(#e5e7eb 1px,#0000 1px);background-size:10px 10px}.canvas-component{cursor:move;border:2px solid #0000;transition:border-color .2s;position:absolute}.canvas-component:hover{border-color:#93c5fd}.canvas-component.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.canvas-component.dragging{opacity:.6;cursor:grabbing}.resize-handle{width:8px;height:8px;background:#3b82f6;border:1px solid #fff;border-radius:50%;position:absolute}.resize-handle.nw{cursor:nw-resize;top:-4px;left:-4px}.resize-handle.ne{cursor:ne-resize;top:-4px;right:-4px}.resize-handle.sw{cursor:sw-resize;bottom:-4px;left:-4px}.resize-handle.se{cursor:se-resize;bottom:-4px;right:-4px}.resize-handle.n{cursor:n-resize;top:-4px;left:50%;transform:translate(-50%)}.resize-handle.s{cursor:s-resize;bottom:-4px;left:50%;transform:translate(-50%)}.resize-handle.w{cursor:w-resize;top:50%;left:-4px;transform:translateY(-50%)}.resize-handle.e{cursor:e-resize;top:50%;right:-4px;transform:translateY(-50%)}.position-tooltip{color:#fff;pointer-events:none;z-index:1000;white-space:nowrap;background:#000c;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute}.components-palette-item{cursor:grab;background:#fff;border:2px solid #e5e7eb;border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;font-size:13px;transition:all .2s;display:flex}.components-palette-item:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(3px)}.components-palette-item:active{cursor:grabbing;transform:scale(.98)}.components-palette-item .icon{font-size:20px}.components-palette-item .label{color:#374151;font-weight:500}.properties-panel{font-size:13px}.properties-panel h3{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0 0 15px;padding-bottom:10px;font-size:14px;font-weight:600}.property-group{margin-bottom:15px}.property-label{color:#4b5563;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.property-input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;font-size:12px}.property-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.property-row{gap:8px;display:flex}.property-row .property-input{flex:1}.property-checkbox-group{align-items:center;gap:8px;margin-bottom:8px;display:flex}.property-checkbox{cursor:pointer}.property-buttons{border-top:1px solid #e5e7eb;gap:8px;margin-top:20px;padding-top:15px;display:flex}.properties-empty{text-align:center;color:#9ca3af;padding:40px 20px}.properties-empty .icon{opacity:.5;margin-bottom:10px;font-size:48px}.editor-sidebar::-webkit-scrollbar,.editor-properties::-webkit-scrollbar,.canvas-container::-webkit-scrollbar{width:6px}.editor-sidebar::-webkit-scrollbar-track,.editor-properties::-webkit-scrollbar-track,.canvas-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.editor-sidebar::-webkit-scrollbar-thumb,.editor-properties::-webkit-scrollbar-thumb,.canvas-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.editor-sidebar::-webkit-scrollbar-thumb:hover,.editor-properties::-webkit-scrollbar-thumb:hover,.canvas-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.editor-ticket-container{height:auto;flex-direction:column}.editor-sidebar,.editor-properties{width:100%;max-height:300px}}