.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2.5rem 1rem;text-align:center;color:#666}.drop-zone.drag-over{border-color:var(--brand);background:var(--brand-tint)}.drop-zone p{margin:0 0 .75rem}.hint{font-size:.85rem;color:#666;margin:-.5rem 0 1rem}.preview-wrap{width:100%}.scale-paper{position:relative;width:fit-content;background:var(--brand-tint);margin-bottom:1.1rem}.scale-paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed #999;pointer-events:none;z-index:1}.scale-paper .paper-tag{position:absolute;top:100%;right:0;margin-top:.3rem;color:#888;font-size:.75rem}.preview-stage{position:relative;width:fit-content}#previewCanvas{display:block;max-width:none;height:auto;background:#fff;box-shadow:0 2px 6px #0003}#partOverlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.part-remove{position:absolute;bottom:.4rem;transform:translate(-50%);pointer-events:auto;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid #ccc;border-radius:50%;background:#ffffffd9;color:#666}.part-remove svg{width:15px;height:15px}.part-remove:hover{background:#fff;color:#000;border-color:#999}.size-line{margin:.75rem 0 0;font-size:.95rem;font-variant-numeric:tabular-nums}.size-line .size-parts{color:#666;font-size:.85rem}.row button{display:inline-flex;align-items:center;gap:.45rem}.row button svg{width:18px;height:18px}@media (max-width: 480px){.controls{grid-template-columns:1fr}}.ratio-note{margin:.25rem 0 0;font-size:.85rem;color:#666}.ratio-note.changed{color:#9a5b00}.parts-picker{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 0;font-size:.85rem;color:#444}.parts-picker div{display:flex;gap:.5rem}.parts-picker button{width:2.4rem;height:2.4rem;padding:0;border-radius:50%;background:#eee;color:#444;font-size:.95rem}.parts-picker button:hover{background:#ddd;color:#444}.parts-picker button.active{background:var(--brand);color:#fff}.parts-picker button.active:hover{background:var(--brand-dark)}