:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-background,#0f0f12);color:var(--color-text,#f4f4f5);width:100vw;height:100vh;margin:0;overflow:hidden}.page{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:100vw;height:100vh;padding:24px 20px;display:flex}.hero{text-align:center;justify-items:center;gap:12px;max-width:720px;display:grid}.logo{width:var(--logo-width-em,34em);height:auto}.logo-link{display:inline-flex}.hero p{color:var(--color-muted,#c7c7cc);margin:0;font-size:15px;line-height:1.4}.panel{width:100%;max-width:520px}.card{background:var(--color-card-bg,#16161b);border:1px solid var(--color-card-border,#24242b);border-radius:16px;max-height:calc(100vh - 220px);padding:20px;overflow:hidden;box-shadow:0 20px 40px #00000059}.form{gap:16px;display:grid}.stepper{flex-wrap:wrap;gap:8px;display:flex}.step{border:1px solid var(--color-step-border,#2a2a33);background:var(--color-step-bg,transparent);color:var(--color-step-text,#c7c7cc);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.step--active{color:var(--color-step-active-text,#0f0f12);background:var(--color-step-active-bg,#ff7a1a);border-color:#0000}.step-content{gap:16px;display:grid}.step-content[data-visible=false]{display:none}.form[data-disabled=true]{opacity:.6;pointer-events:none}.form[data-hidden=true]{display:none}.field{gap:8px;font-size:14px;display:grid}.field input{border:1px solid var(--color-input-border,#2a2a33);background:var(--color-input-bg,#0f0f12);color:var(--color-input-text,#f4f4f5);border-radius:10px;padding:12px 14px;font-size:15px}.field input:focus{outline:2px solid var(--color-accent,#ff7a1a);border-color:#0000}.select{border:1px solid var(--color-input-border,#2a2a33);background:var(--color-input-bg,#0f0f12);color:var(--color-input-text,#f4f4f5);border-radius:10px;padding:12px 14px;font-size:15px}.select:focus{outline:2px solid var(--color-accent,#ff7a1a);border-color:#0000}.button{background:var(--color-button-primary-bg,#ff7a1a);color:var(--color-button-primary-text,#0f0f12);cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:600}.button:disabled{opacity:.6;cursor:not-allowed}.button[data-loading=true]{opacity:.8;cursor:progress}.button:hover{background:var(--color-button-primary-hover,#ff5a1f)}.button--secondary{background:var(--color-button-secondary-bg,#2a2a33);color:var(--color-button-secondary-text,#f4f4f5)}.button--secondary:hover{background:var(--color-button-secondary-hover,#3a3a44)}.button--ghost{color:var(--color-text,#f4f4f5);border:1px solid var(--color-input-border,#2a2a33);background:0 0;text-decoration:none}.button--ghost:hover{background:color-mix(in srgb,var(--color-card-bg,#16161b)85%,#000)}.step-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.error{color:var(--color-error,#ff6b6b);margin:0;font-size:14px}.result{align-items:center;gap:12px;margin-top:16px;display:grid}.result--center{text-align:center;justify-items:center}.result__title{margin:0;font-size:17px;font-weight:600}.result__hint{color:var(--color-muted,#c7c7cc);margin:0;font-size:13px}.result__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qr{background:var(--color-input-bg,#0f0f12);border:1px solid var(--color-input-border,#2a2a33);border-radius:12px;padding:12px;display:inline-flex}.qr img{width:200px;height:200px}.meta{color:var(--color-muted,#c7c7cc);font-size:12px}.meta--quiet{color:var(--color-muted,#8e8e96);text-align:center;gap:4px;font-size:11px;display:grid}code{color:#f4f4f5;word-break:break-all}.preview{border:1px solid var(--color-preview-border,#24242b);background:var(--color-preview-bg,#0f0f12);text-align:center;border-radius:14px;gap:10px;padding:14px;display:grid}.preview-surface{background:var(--color-preview-surface-bg,#12121a);border:1px solid var(--color-preview-border,#24242b);border-radius:12px;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.preview-base{object-fit:cover;width:100%;height:100%}.preview-base--placeholder{color:var(--color-muted,#6f6f78);place-items:center;font-size:12px;display:grid}.preview-layer{position:absolute;transform:translate(-50%,-50%)}.preview-layer--text{text-shadow:0 1px 4px #00000059;white-space:nowrap;font-weight:600}.engraving{gap:10px;display:grid}.engraving__header{color:var(--color-muted,#c7c7cc);justify-content:space-between;font-size:12px;display:flex}.engraving__count{color:var(--color-muted,#8e8e96)}.engraving__plate{background:var(--color-input-bg,#0f0f12);border:1px solid var(--color-preview-border,#24242b);border-radius:14px;padding:16px;box-shadow:inset 0 1px 2px #ffffff0a,inset 0 -2px 6px #0009}.engraving__input{width:100%;color:var(--color-input-text,#f4f4f5);text-align:center;resize:none;background:0 0;border:none;outline:none;font-size:22px;line-height:1.4}.engraving__input::placeholder{color:var(--color-muted,#6f6f78)}.engraving-fields{gap:12px;display:grid}.image-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.image-option{border:1px solid var(--color-image-option-border,#2a2a33);background:var(--color-image-option-bg,#121216);cursor:pointer;color:var(--color-muted,#c7c7cc);border-radius:12px;justify-items:center;gap:6px;padding:10px;font-size:12px;display:grid}.image-option input{accent-color:var(--color-accent,#ff7a1a)}.image-option img{object-fit:cover;border-radius:8px;width:80px;height:80px}.font-picker{flex-wrap:wrap;gap:10px;display:flex}.font-chip{border:1px solid var(--color-input-border,#2a2a33);background:var(--color-image-option-bg,#121216);color:var(--color-text,#f4f4f5);cursor:pointer;border-radius:999px;padding:10px 14px;font-size:14px}.font-chip--selected{border-color:var(--color-accent,#ff7a1a);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent,#ff7a1a)40%,transparent)}.font-chip:focus-visible{outline:2px solid var(--color-accent,#ff7a1a);outline-offset:2px}.preview__label{color:var(--color-muted,#8e8e96);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px}.preview__text{color:var(--color-text,#f4f4f5);font-size:20px}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.font-serif{font-family:Times New Roman,Georgia,serif}.font-mono{font-family:Courier New,Courier,monospace}.font-script{font-family:Brush Script MT,Segoe Script,cursive}.summary{color:var(--color-muted,#c7c7cc);gap:8px;font-size:12px;display:grid}.summary div{justify-content:space-between;gap:12px;display:flex}.summary strong{color:var(--color-text,#f4f4f5);font-weight:600}@media (max-width:600px){.page{gap:20px;padding:20px 16px}.logo{width:min(200px,65vw)}.card{max-height:calc(100vh - 200px)}.qr img{width:180px;height:180px}}