:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,sans-serif}body{background:#f5f6f8;margin:0}*{box-sizing:border-box}.app{color:#1f2430;max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem;font-family:system-ui,-apple-system,sans-serif}header h1{margin-bottom:.25rem}header p{color:#5b6472;margin-top:0}.panel{background:#fff;border:1px solid #e3e6ec;border-radius:10px;margin-top:1.25rem;padding:1.25rem 1.5rem}.panel h2{margin-top:0;font-size:1.05rem}.hint{color:#5b6472;font-size:.9rem}.dropzone{text-align:center;cursor:pointer;color:#5b6472;border:1.5px dashed #b9c0cc;border-radius:8px;padding:1.25rem;display:block}.dropzone input{display:none}.stamp-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.stamp-row{border:1px solid #eceff3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.stamp-thumb{object-fit:contain;background:#f5f6f8;border-radius:4px;width:40px;height:40px}.stamp-name{text-overflow:ellipsis;white-space:nowrap;flex:120px;font-size:.85rem;overflow:hidden}.stamp-row label{color:#5b6472;flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.stamp-row select,.stamp-row input[type=number]{width:4.5rem;padding:.2rem .35rem;font-size:.85rem}.stamp-row select{width:auto}.remove-btn{color:#c0392b;cursor:pointer;background:0 0;border:none;font-size:.85rem}.stamp-canvas-placeholder{text-align:center;color:#5b6472;border:1.5px dashed #b9c0cc;border-radius:8px;padding:3rem 1rem}.stamp-canvas{border:1px solid #e3e6ec;border-radius:6px;max-width:100%;display:inline-block;position:relative;overflow:hidden}.stamp-canvas canvas{max-width:100%;height:auto;display:block}.stamp-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px dashed #4f7cff;position:absolute}.stamp-handle:active{cursor:grabbing}.primary-btn{color:#fff;cursor:pointer;background:#2f5cf0;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.95rem}.primary-btn:disabled{cursor:not-allowed;background:#b9c0cc}.progress-bar{background:#eceff3;border-radius:999px;height:20px;margin-top:1rem;position:relative;overflow:hidden}.progress-fill{background:#2f5cf0;height:100%;transition:width .2s}.progress-label{color:#1f2430;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.success{color:#1a7f37;font-weight:500}