.preview-container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.preview-box{text-align:center}.preview-box canvas{border:1px solid var(--bs-border-color);border-radius:.5rem;image-rendering:pixelated;image-rendering:crisp-edges}#resultCanvas1to1{border-radius:0}.preview-box .label{margin-top:.5rem;font-size:.875rem;color:var(--bs-secondary-color)}.drop-zone{border:2px dashed var(--bs-border-color);border-radius:.5rem;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.05)}.drop-zone input[type=file]{display:none}.checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.pixel-editor-wrap{position:relative;z-index:10}.pixel-editor-wrap .dropdown-menu{z-index:1050}.pixel-editor-canvas{border:1px solid var(--bs-border-color);border-radius:.25rem;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}.color-palette{display:flex;flex-wrap:wrap;gap:4px}.palette-color{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform .1s}.palette-color:hover{transform:scale(1.15)}.palette-color.active{border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),.3)}.editor-tool-btn{padding:.4rem .6rem;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:.375rem;cursor:pointer;transition:all .15s;line-height:1}.editor-tool-btn:hover{background:var(--bs-tertiary-bg)}.editor-tool-btn.active{background:var(--bs-primary);color:#fff;border-color:var(--bs-primary)}.clipart-btn{width:48px;height:48px;padding:2px;border:2px solid var(--bs-border-color);border-radius:4px;background:var(--bs-body-bg);cursor:pointer;transition:all .15s}.clipart-btn:hover{border-color:var(--bs-primary);transform:scale(1.1);box-shadow:0 2px 8px #00000026}.clipart-btn canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.conditional-option.hidden{opacity:.4;pointer-events:none}