: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-name-field,.output-fields label{color:#5b6472;flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.stamp-name-field{flex:150px}.stamp-name-field input,.output-fields input{min-width:0;font:inherit;color:#1f2430;border:1px solid #cfd5de;border-radius:5px;padding:.3rem .4rem}.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}.preview-page-control{color:#5b6472;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:inline-flex}.preview-page-control select{padding:.25rem .4rem}.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}.output-fields{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.output-fields label{flex:220px}.default-checkbox{color:#5b6472;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.default-actions{gap:.5rem;margin:.75rem 0 1rem;display:flex}.secondary-btn{color:#3f4856;cursor:pointer;background:#fff;border:1px solid #cfd5de;border-radius:6px;padding:.4rem .65rem}.default-message{color:#5b6472;margin:0 0 1rem;font-size:.85rem}.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}
