.canvas-size-control.svelte-g3gw77.svelte-g3gw77{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.section-title.svelte-g3gw77.svelte-g3gw77{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.size-presets.svelte-g3gw77.svelte-g3gw77{width:100%}.size-presets.svelte-g3gw77 select.svelte-g3gw77{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:background-color .15s ease}.size-presets.svelte-g3gw77 select.svelte-g3gw77:focus{outline:none;background-color:var(--color-bg-primary)}.custom-size.svelte-g3gw77.svelte-g3gw77{width:100%}.size-inputs.svelte-g3gw77.svelte-g3gw77{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.size-inputs.svelte-g3gw77 input[type=number].svelte-g3gw77{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:background-color .15s ease}.size-inputs.svelte-g3gw77 input[type=number].svelte-g3gw77:focus{outline:none;background-color:var(--color-bg-primary)}.template-layout-container.svelte-1fxf9i.svelte-1fxf9i{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.template-layout-header.svelte-1fxf9i.svelte-1fxf9i{width:100%;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);position:relative;min-height:40px}.template-layout.svelte-1fxf9i.svelte-1fxf9i{width:100%;height:100%;display:grid;grid-template-columns:300px 1fr 300px;overflow:hidden}.control-panel.svelte-1fxf9i.svelte-1fxf9i{height:100%;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);min-width:300px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.control-panel.svelte-1fxf9i.svelte-1fxf9i::-webkit-scrollbar{width:6px}.control-panel.svelte-1fxf9i.svelte-1fxf9i::-webkit-scrollbar-track{background:transparent}.control-panel.svelte-1fxf9i.svelte-1fxf9i::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.control-panel.svelte-1fxf9i.svelte-1fxf9i::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.control-panel--right.svelte-1fxf9i.svelte-1fxf9i{border-right:none;border-left:1px solid var(--color-border)}.canvas-container.svelte-1fxf9i.svelte-1fxf9i{display:flex;align-items:center;justify-content:center;background-color:#ddd;position:relative;overflow:hidden}.zoom-control.svelte-1fxf9i.svelte-1fxf9i{font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:8px}.zoom-control.svelte-1fxf9i button.svelte-1fxf9i,.zoom-control.svelte-1fxf9i select.svelte-1fxf9i{height:auto;min-height:0px;padding:6px;border:none;background:none;box-shadow:none}.panzoom-wrapper.svelte-1fxf9i.svelte-1fxf9i{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.panzoom-wrapper.svelte-1fxf9i .panzoom-active{cursor:grabbing!important}.editor.svelte-1fxf9i.svelte-1fxf9i{position:relative;background-color:var(--color-bg-primary)}.zoom-btn.svelte-1fxf9i.svelte-1fxf9i{background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease;min-height:0px}.zoom-btn.svelte-1fxf9i.svelte-1fxf9i:hover{background:var(--color-bg-primary);border-color:var(--color-border-hover)}.zoom-level.svelte-1fxf9i.svelte-1fxf9i{min-width:52px;text-align:center}.zoom-select.svelte-1fxf9i.svelte-1fxf9i{background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease}.zoom-select.svelte-1fxf9i.svelte-1fxf9i:hover{border-color:var(--color-border-hover)}.zoom-select.svelte-1fxf9i.svelte-1fxf9i:focus{outline:none;border-color:var(--color-primary)}@media (max-width: 1024px){.template-layout.svelte-1fxf9i.svelte-1fxf9i{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}.control-panel.svelte-1fxf9i.svelte-1fxf9i{min-width:auto;width:100%;max-height:300px;border-right:none;border-left:none;border-bottom:1px solid var(--color-border)}.control-panel--left.svelte-1fxf9i.svelte-1fxf9i{order:2}.control-panel--right.svelte-1fxf9i.svelte-1fxf9i{order:3;border-top:1px solid var(--color-border);border-bottom:none}.canvas-container.svelte-1fxf9i.svelte-1fxf9i{order:1;min-height:400px;aspect-ratio:1/1}}.dropzone.svelte-1gvgpgb{border:1px dashed #ccc;text-align:center;cursor:pointer}.logo-group-manager.svelte-2xp37u.svelte-2xp37u{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.header.svelte-2xp37u.svelte-2xp37u{display:flex;justify-content:space-between;align-items:center}.section-title.svelte-2xp37u.svelte-2xp37u{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.btn-add-group.svelte-2xp37u.svelte-2xp37u{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;transition:background .15s ease}.btn-add-group.svelte-2xp37u.svelte-2xp37u:hover{background:var(--color-bg-primary)}.groups-list.svelte-2xp37u.svelte-2xp37u{display:flex;flex-direction:column;gap:var(--spacing-md)}.logo-group-item.svelte-2xp37u.svelte-2xp37u{border:none;border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.group-header.svelte-2xp37u.svelte-2xp37u{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.group-name.svelte-2xp37u.svelte-2xp37u{font-size:var(--font-size-base);font-weight:600;margin:0;color:var(--color-text-primary);cursor:pointer;flex:1}.group-name.svelte-2xp37u.svelte-2xp37u:hover{color:var(--color-primary)}.group-name-input.svelte-2xp37u.svelte-2xp37u{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;transition:background-color .15s ease}.group-name-input.svelte-2xp37u.svelte-2xp37u:focus{outline:none;background-color:var(--color-bg-secondary)}.group-actions.svelte-2xp37u.svelte-2xp37u{display:flex;gap:var(--spacing-xs)}.btn-icon.svelte-2xp37u.svelte-2xp37u{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;transition:background .15s ease}.btn-icon.svelte-2xp37u.svelte-2xp37u:hover{background:var(--color-bg-primary)}.btn-icon.btn-danger.svelte-2xp37u.svelte-2xp37u{background:transparent;color:var(--color-danger, #d00)}.btn-icon.btn-danger.svelte-2xp37u.svelte-2xp37u:hover{background:var(--color-bg-primary)}.logos-section.svelte-2xp37u.svelte-2xp37u,.logos-gallery.svelte-2xp37u.svelte-2xp37u{display:flex;flex-direction:column;gap:var(--spacing-sm)}.logo-item.svelte-2xp37u.svelte-2xp37u{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);cursor:grab;transition:all .2s ease;min-height:60px}.logo-item.svelte-2xp37u.svelte-2xp37u:active{cursor:grabbing}.logo-item.dragging.svelte-2xp37u.svelte-2xp37u{opacity:.5;transform:scale(.98)}.logo-item.drag-over.svelte-2xp37u.svelte-2xp37u{transform:scale(1.02);box-shadow:0 0 0 2px var(--color-primary)}.logo-item.svelte-2xp37u img.svelte-2xp37u{width:50px;height:50px;object-fit:contain;flex-shrink:0;pointer-events:none}.logo-item.svelte-2xp37u .logo-name.svelte-2xp37u{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-item.svelte-2xp37u .drag-handle.svelte-2xp37u{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);cursor:grab;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.logo-item.svelte-2xp37u .drag-handle.svelte-2xp37u:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.logo-item.svelte-2xp37u .drag-handle.svelte-2xp37u:active{cursor:grabbing}.logo-item.svelte-2xp37u .logo-remove-btn.svelte-2xp37u{width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-danger, #d00);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.logo-item.svelte-2xp37u .logo-remove-btn.svelte-2xp37u:hover{background:var(--color-bg-primary)}.logo-upload-area.svelte-2xp37u.svelte-2xp37u{width:100%}.upload-content.svelte-2xp37u.svelte-2xp37u{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.upload-content.svelte-2xp37u.svelte-2xp37u:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-primary)}.empty-state.svelte-2xp37u.svelte-2xp37u{text-align:center;padding:var(--spacing-sm);color:var(--color-text-muted);font-style:italic}