@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-main-bg,#0f0f12);color:var(--color-panel-text,#f0f2f5);width:100%;min-height:100vh;margin:0;overflow-y:auto}a{color:var(--color-link,#ff7a1a)}a:hover{color:var(--color-link-hover,#ff5a1f)}.page{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:100%;min-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-panel-muted,#dfe3e8);margin:0;font-size:15px;line-height:1.4}.panel{width:100%;max-width:520px}.card{background:var(--color-form-bg,#16161b);border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)85%,#000);border-radius:16px;max-height:none;padding:20px;overflow:visible;box-shadow:0 20px 40px #00000059}.form-shell{background:color-mix(in srgb,var(--color-form-bg,#16161b)70%,transparent);border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)55%,#fff);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;width:100%;max-width:720px;padding:24px;box-shadow:0 28px 60px #00000073}.preview-card{gap:12px;display:grid}.medal-shell{aspect-ratio:1;background:radial-gradient(circle at top left,var(--color-medal-highlight,#f8e3b0)0%,var(--color-medal-core,#d7b15a)45%,var(--color-medal-edge,#8a6320)100%);border:8px solid var(--color-medal-border,#7b5416);border-radius:999px;place-items:center;width:100%;max-width:320px;margin:0 auto;transition:transform .4s;display:grid;position:relative;box-shadow:0 0 60px #00000080}.medal-ring{border:2px solid color-mix(in srgb,var(--color-medal-border,#7b5416)40%,transparent);border-radius:999px;position:absolute;inset:16px}.medal-core{text-align:center;place-items:center;gap:10px;width:70%;height:70%;display:grid;position:relative}.medal-core .preview-surface{background:0 0;border:none;width:100%!important;height:100%!important}.medal-core .preview-base{object-fit:contain}.medal-status{text-transform:uppercase;letter-spacing:.2em;color:color-mix(in srgb,var(--color-medal-border,#7b5416)65%,#000);font-size:10px;font-weight:700;position:absolute;bottom:12%}.form-panel{flex-direction:column;gap:20px;width:100%;display:flex}.card--loading{text-align:center;place-items:center;gap:12px;min-height:260px;display:grid}.loading-spinner{border:3px solid color-mix(in srgb,var(--color-input-placeholder,#8e8e96)45%,transparent);border-top-color:var(--color-input-placeholder,#8e8e96);border-radius:999px;width:42px;height:42px;animation:.9s linear infinite spin}.loading-text{color:var(--color-panel-muted,#dfe3e8);margin:0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.form{flex-direction:column;gap:20px;display:flex}.stepper-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:8px 8px 18px;display:grid;position:relative}.stepper-line{background:color-mix(in srgb,var(--color-panel-muted,#dfe3e8)70%,transparent);height:1px;position:absolute;inset:24px 14px auto}.step-dot{color:var(--color-panel-muted,#dfe3e8);cursor:pointer;background:0 0;border:none;justify-items:center;gap:6px;padding:0;font-size:11px;display:grid;position:relative}.step-dot__index{border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:var(--color-input-bg,#0f0f12);border-radius:999px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:all .2s;display:grid}.step-dot__label{text-transform:uppercase;letter-spacing:.08em}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step-dot.is-active .step-dot__index{background:var(--color-button-secondary-bg,#2a2a33);color:var(--color-button-secondary-text,#f4f4f5);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-button-secondary-bg,#2a2a33)40%,transparent);border-color:#0000}.step-dot:disabled{cursor:default;opacity:1}.step-dot:disabled .step-dot__index{color:var(--color-panel-muted,#dfe3e8);box-shadow:none;background:color-mix(in srgb,var(--color-input-bg,#0f0f12)85%,#fff);border-style:dashed}.step-content{gap:16px;display:grid}.step-content[data-visible=false]{display:none}.step-content[data-visible=true]{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-header{gap:6px;display:grid}.step-header h2{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.step-header p{color:var(--color-panel-muted,#dfe3e8);margin:0;font-size:14px}.field-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.form[data-disabled=true]{opacity:.6;pointer-events:none}.form[data-hidden=true]{display:none}.field{gap:8px;font-size:14px;display:grid}.field span{text-transform:uppercase;letter-spacing:.18em;color:var(--color-panel-muted,#dfe3e8);font-size:10px;font-weight:600}.field input{border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:var(--color-input-bg,#0f0f12);width:100%;color:var(--color-input-text,#f4f4f5);border-radius:18px;padding:14px 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--color-button-primary-bg,#ff7a1a);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-button-primary-bg,#ff7a1a)25%,transparent);outline:none}.field input::placeholder{color:var(--color-input-placeholder,#8e8e96)}.field input:disabled{opacity:.7;cursor:not-allowed}.select{border:1px solid color-mix(in srgb,var(--color-input-bg,#0f0f12)70%,#fff);background:var(--color-input-bg,#0f0f12);color:var(--color-input-text,#f4f4f5);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-input-placeholder,#8e8e96)50%),linear-gradient(135deg,var(--color-input-placeholder,#8e8e96)50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),calc(100% - 2.4rem);background-repeat:no-repeat;background-size:6px 6px,6px 6px,1px 1.8em;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.select:focus{outline:2px solid var(--color-button-primary-bg,#ff7a1a);border-color:#0000}.font-select{border-radius:18px;padding:14px 18px}.button{background:var(--color-button-primary-bg,#ff7a1a);color:var(--color-button-primary-text,#0f0f12);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;border:none;border-radius:18px;padding:14px 22px;font-size:12px;font-weight:800;text-decoration:none}.button__content{vertical-align:middle;justify-content:center;align-items:center;gap:8px;display:inline-flex}.button__content .iconify{align-items:center;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button[data-loading=true]{opacity:.8;cursor:progress}.button:hover{background:var(--color-button-primary-hover,#ff5a1f);color:var(--color-button-primary-text,#0f0f12)}.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);color:var(--color-button-secondary-text,#f4f4f5)}.step-actions .button--secondary:not(.button--next){color:var(--color-panel-muted,#dfe3e8);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;padding:0}.step-actions .button--secondary:not(.button--next):hover{color:var(--color-panel-text,#f0f2f5);background:0 0}.step-actions .button--next{background:var(--color-button-secondary-bg,#2a2a33);color:var(--color-button-secondary-text,#f4f4f5);margin-left:auto}.step-actions .button--next:hover{background:var(--color-button-secondary-hover,#3a3a44);color:var(--color-button-secondary-text,#f4f4f5)}.button--ghost{color:var(--color-input-text,#f4f4f5);border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:0 0;text-decoration:none}.button--ghost:hover{background:color-mix(in srgb,var(--color-form-bg,#16161b)85%,#000)}.step-actions{border-top:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.step-actions .button--secondary:not(.button--next){margin-right:auto}.error{color:var(--color-error,#ff6b6b);margin:0;font-size:14px}.result{align-items:center;gap:12px;margin-top:16px;display:grid}.result-pill{color:#0f1a14;letter-spacing:.16em;text-transform:uppercase;background:#2dd08f2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.theme-dark .result-pill{color:#fff;background:#2dd08f61}.result-pill__dot{background:#2dd08f;border-radius:999px;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.result--center{text-align:center;justify-items:center}.result__title{margin:0;font-size:24px;font-weight:800}.result__hint{color:var(--color-panel-muted,#dfe3e8);margin:0;font-size:13px}.result__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qr{box-shadow:0 20px 50px color-mix(in srgb,var(--color-button-primary-bg,#ff7a1a)30%,transparent);background:#fff;border:1px solid #b3b3b3;border-radius:20px;padding:16px;display:inline-flex;position:relative;overflow:hidden}.qr img{width:200px;height:200px}.qr:after{content:"";background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-button-primary-bg,#ff7a1a)25%,transparent),transparent);height:100%;animation:3s linear infinite scan;position:absolute;inset:-100% 0 auto}@keyframes scan{0%{top:-100%}to{top:100%}}.meta{color:var(--color-panel-muted,#dfe3e8);font-size:12px}.meta--quiet{color:var(--color-panel-muted,#dfe3e8);text-align:center;gap:4px;font-size:11px;display:grid}code{color:var(--color-input-text,#f4f4f5);word-break:break-all;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.preview{border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:var(--color-form-bg,#16161b);text-align:center;border-radius:14px;gap:10px;padding:14px;display:grid}.preview-surface{background:var(--color-input-bg,#0f0f12);border:1px dashed color-mix(in srgb,var(--color-input-placeholder,#8e8e96)35%,transparent);border-radius:12px;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.preview-base{width:100%;height:100%;position:absolute;inset:0}.preview-base--placeholder{color:var(--color-panel-muted,#dfe3e8);text-transform:uppercase;letter-spacing:.08em;place-items:center;font-size:12px;display:grid}.preview-layer{pointer-events:none;position:absolute}.preview-layer--image{place-items:center;display:grid}.preview-layer--image img{object-fit:contain;width:100%;height:100%;display:block}.preview-layer--text{text-shadow:0 1px 4px #00000073;white-space:nowrap;font-weight:600}.engraving{gap:10px;width:100%;min-width:0;display:grid}.engraving__header{color:var(--color-panel-muted,#dfe3e8);justify-content:space-between;font-size:12px;display:flex}.engraving__count{color:var(--color-panel-muted,#dfe3e8)}.engraving__plate{background:color-mix(in srgb,var(--color-input-bg,#0f0f12)82%,#fff);border:1px solid color-mix(in srgb,var(--color-input-bg,#0f0f12)65%,#fff);box-shadow:none;border-radius:20px;width:100%;min-width:0;padding:18px}.theme-dark .engraving__plate{background:color-mix(in srgb,var(--color-input-bg,#0f0f12)90%,#000);border:1px solid color-mix(in srgb,var(--color-input-bg,#0f0f12)78%,#000)}.theme-light .engraving__plate{background:color-mix(in srgb,var(--color-input-bg,#f1f2f6)70%,#fff);border:1px solid color-mix(in srgb,var(--color-input-bg,#f1f2f6)55%,#fff)}.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-input-placeholder,#8e8e96)}.engraving-fields{gap:12px;width:100%;min-width:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.image-options{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.image-option{border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:color-mix(in srgb,var(--color-form-bg,#16161b)85%,#000);cursor:pointer;color:var(--color-panel-muted,#dfe3e8);border-radius:12px;justify-items:center;gap:6px;min-width:0;padding:10px;font-size:12px;display:grid}.image-option input{accent-color:var(--color-button-primary-bg,#ff7a1a)}.image-option__icon{border-radius:8px;width:80px;height:80px}.font-picker{flex-wrap:wrap;gap:10px;display:flex}.font-chip{border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);background:color-mix(in srgb,var(--color-form-bg,#16161b)85%,#000);color:var(--color-input-text,#f4f4f5);cursor:pointer;border-radius:999px;padding:10px 14px;font-size:14px}.font-chip--selected{border-color:var(--color-button-primary-bg,#ff7a1a);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-button-primary-bg,#ff7a1a)40%,transparent)}.font-chip:focus-visible{outline:2px solid var(--color-button-primary-bg,#ff7a1a);outline-offset:2px}.preview__label{color:var(--color-panel-muted,#dfe3e8);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px}.preview__text{color:color-mix(in srgb,var(--color-medal-border,#7b5416)65%,#000);text-transform:uppercase;letter-spacing:.08em;mix-blend-mode:multiply;opacity:.85;font-size:20px;font-weight:800}.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}.fulfilment{gap:10px;display:grid}.fulfilment-options{gap:16px;display:grid}.fulfilment-option{border:2px solid color-mix(in srgb,var(--color-input-bg,#0f0f12)55%,#fff);background:color-mix(in srgb,var(--color-input-bg,#0f0f12)65%,#fff);cursor:pointer;border-radius:18px;grid-template-columns:52px 1fr;align-items:center;gap:16px;padding:18px;font-size:14px;transition:border-color .2s,transform .2s;display:grid}.theme-dark .fulfilment-option{background:color-mix(in srgb,var(--color-input-bg,#0f0f12)82%,#000);border:2px solid color-mix(in srgb,var(--color-input-bg,#0f0f12)68%,#000)}.theme-light .fulfilment-option{background:color-mix(in srgb,var(--color-input-bg,#f1f2f6)60%,#fff);border:2px solid color-mix(in srgb,var(--color-input-bg,#f1f2f6)50%,#fff)}.fulfilment-option strong{color:var(--color-panel-text,#f0f2f5);margin-bottom:6px;font-size:16px;display:block}.fulfilment-option span{color:var(--color-panel-muted,#dfe3e8)}.fulfilment-price{color:var(--color-panel-text,#f0f2f5);margin-top:8px;font-weight:600;display:inline-block}.fulfilment-option.is-selected{border-color:var(--color-button-primary-bg,#ff7a1a);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-button-primary-bg,#ff7a1a)35%,transparent)}.fulfilment-option input{display:none}.fulfilment-icon{background:color-mix(in srgb,var(--color-button-secondary-bg,#2a2a33)20%,transparent);width:48px;height:48px;color:var(--color-button-secondary-bg,#2a2a33);border-radius:999px;place-items:center;display:grid}.fulfilment-icon svg{width:22px;height:22px}.fulfilment-icon--delivery{background:color-mix(in srgb,var(--color-button-secondary-bg,#2a2a33)20%,transparent);color:var(--color-button-secondary-bg,#2a2a33)}.theme-dark .fulfilment-icon,.theme-dark .fulfilment-icon--delivery{background:var(--color-button-secondary-bg,#2a2a33);color:var(--color-button-secondary-text,#f4f4f5)}.fulfilment-copy{display:grid}.delivery-fields{gap:12px;display:grid}.review-card{background:color-mix(in srgb,var(--color-form-bg,#16161b)85%,#000);border:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);border-radius:16px;gap:12px;padding:18px;display:grid}.theme-light .review-card{background:color-mix(in srgb,var(--color-form-bg,#fff)75%,#fff);border:1px solid color-mix(in srgb,var(--color-form-bg,#fff)60%,#fff)}.review-stack{gap:14px;display:grid}.review-title{margin:0;font-size:16px;font-weight:600}.review-grid{color:var(--color-panel-muted,#dfe3e8);gap:10px;font-size:13px;display:grid}.review-row{border-bottom:1px solid color-mix(in srgb,var(--color-form-bg,#16161b)70%,#fff);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.review-row strong{color:var(--color-panel-text,#f0f2f5);font-weight:600}.review-row:last-child{border-bottom:none;padding-bottom:0}@media (max-width:600px){.page{gap:20px;padding:20px 16px}.logo{width:min(200px,65vw)}.form-shell{max-width:100%}.stepper-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.field-grid{grid-template-columns:1fr}.qr img{width:180px;height:180px}}