@charset "UTF-8";:root{--surface-0: #fbfbfd;--surface-1: #ffffff;--surface-2: #f5f5f7;--surface-3: #e8e8ed;--border-1: rgba(0, 0, 0, .06);--border-2: rgba(0, 0, 0, .12);--border-3: rgba(0, 0, 0, .2);--text-1: #1d1d1f;--text-2: #424245;--text-3: #6e6e73;--text-on-accent: #ffffff;--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .08);--sys-blue: #0071e3;--sys-indigo: #5e5ce6;--sys-purple: #af52de;--sys-pink: #ff375f;--sys-red: #ff3b30;--sys-orange: #ff9500;--sys-yellow: #ffd60a;--sys-green: #34c759;--sys-mint: #00c7be;--sys-teal: #30b0c7;--sys-graphite: #1d1d1f;--sys-silver: #aeaeb2;--color-success: var(--sys-green);--color-warning: var(--sys-orange);--color-error: var(--sys-red);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 6px 16px -4px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 24px 48px -16px rgba(0, 0, 0, .12), 0 8px 18px rgba(0, 0, 0, .06);--shadow-xl: 0 40px 80px -20px rgba(0, 0, 0, .18), 0 14px 24px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--gradient-aurora: linear-gradient(120deg, #0071e3 0%, #5e5ce6 50%, #00c7be 100%);--gradient-iri: var(--gradient-aurora);--gradient-iri-radial: conic-gradient( from 210deg at 50% 50%, #0071e3, #5e5ce6, #00c7be, #34c759, #ffd60a, #0071e3 );--neon-cyan: var(--sys-blue);--neon-magenta: var(--sys-pink);--neon-violet: var(--sys-indigo);--neon-amber: var(--sys-orange);--neon-lime: var(--sys-mint)}@media (prefers-color-scheme: dark){:root{--surface-0: #000000;--surface-1: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--border-1: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .16);--border-3: rgba(255, 255, 255, .24);--text-1: #f5f5f7;--text-2: #d2d2d7;--text-3: #86868b;--accent: #2997ff;--accent-hover: #4eaaff;--accent-soft: rgba(41, 151, 255, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px -4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 48px -16px rgba(0, 0, 0, .6), 0 8px 18px rgba(0, 0, 0, .3);--shadow-xl: 0 40px 80px -20px rgba(0, 0, 0, .75), 0 14px 24px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-1);background:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.47059;letter-spacing:-.022em;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .16s var(--ease-out)}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:inherit;margin:0;color:var(--text-1);font-weight:600;letter-spacing:-.025em}h1{letter-spacing:-.035em}button{font:inherit;color:inherit}.btn{--bg: var(--surface-2);--bg-hover: var(--surface-3);--fg: var(--text-1);--border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-weight:500;font-size:14px;letter-spacing:-.01em;cursor:pointer;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .1s var(--ease-out),color .16s var(--ease-out);white-space:nowrap}.btn:hover{background:var(--bg-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{--bg: var(--accent);--bg-hover: var(--accent-hover);--fg: var(--text-on-accent);--border: var(--accent)}.btn--ghost{--bg: transparent;--bg-hover: var(--surface-2);--fg: var(--text-1);--border: var(--border-2)}.btn--link{--bg: transparent;--bg-hover: transparent;--fg: var(--accent);--border: transparent;padding:6px 0;font-weight:400}.btn--link:hover{text-decoration:underline}.btn--icon{width:36px;height:36px;padding:0;border-radius:50%}.btn--block{width:100%}.input,.select,.textarea{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-1);color:var(--text-1);font:inherit;font-size:15px;letter-spacing:-.01em;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.textarea{resize:vertical;min-height:92px}.label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.range{width:100%;accent-color:var(--accent)}.color-input{width:44px;height:34px;padding:2px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface-1);cursor:pointer}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-2);background:var(--surface-1);font-size:12px;font-weight:500;letter-spacing:-.01em;color:var(--text-2);text-transform:none}.pill--accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.pill--iri{background:var(--gradient-aurora);border:none;color:var(--text-on-accent)}@keyframes iri-shift{to{background-position:200% 0}}.panel{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.section-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.tab-strip{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-pill)}.tab-strip__btn{flex:1;min-width:60px;padding:7px 12px;border:none;background:transparent;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.tab-strip__btn:hover{color:var(--text-1)}.tab-strip__btn.is-active{background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-sm)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.swatch{position:relative;aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;background-clip:padding-box;transition:transform .16s var(--ease-out),border-color .16s var(--ease-out);overflow:hidden}.swatch:hover{transform:translateY(-2px)}.swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.swatch__label{position:absolute;inset:auto 0 0;padding:4px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));font-size:10px;font-weight:600;color:#fff;text-align:center;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.shape-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:12px;border:1px solid var(--border-2);background:var(--surface-1);cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform .1s var(--ease-out);color:var(--text-2)}.shape-tile svg{width:60%;height:60%;fill:currentColor}.shape-tile:hover{background:var(--surface-2);color:var(--text-1)}.shape-tile:active{transform:scale(.97)}.shape-tile.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px;border:3px solid var(--surface-0)}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface-1);border:1px solid var(--border-1);color:var(--text-1);padding:10px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:1000;animation:toast-rise .2s var(--ease-out)}.toast--success{border-color:color-mix(in srgb,var(--sys-green) 60%,transparent)}.toast--error{border-color:color-mix(in srgb,var(--sys-red) 60%,transparent)}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.qr-card__inner canvas,.qr-card__inner svg,.phone__qr-wrap canvas,.phone__qr-wrap svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}.qr-card{position:relative;border-radius:var(--card-radius, 22px);clip-path:var(--card-clip, none);overflow:hidden;isolation:isolate;transform-style:flat;transition:transform .32s var(--ease-out);--tilt-x: 0;--tilt-y: 0}.qr-card__border{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit}.qr-card__border.is-solid{border:var(--border-width, 2px) solid var(--border-color, #0071e3)}.qr-card__border.is-dashed{border:var(--border-width, 2px) dashed var(--border-color, #0071e3)}.qr-card__border.is-glow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color, #0071e3) 60%,transparent),inset 0 0 calc(var(--border-width, 6px) * 3) var(--border-color, #0071e3)}.qr-card__inner{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:var(--card-padding, 28px);z-index:1;isolation:isolate;transform:translateZ(0)}.qr-card.mode-flat{background:#fff;border:1px solid var(--border-1);box-shadow:var(--shadow-xl);transform:rotateX(calc(var(--tilt-y, 0) * -11deg)) rotateY(calc(var(--tilt-x, 0) * 14deg));transition:transform .2s var(--ease-out)}.qr-card.mode-flat:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at calc(50% + var(--tilt-x, 0) * 35%) calc(20% + var(--tilt-y, 0) * 25%),#ffffffd9,#fff0 55%);mix-blend-mode:overlay;opacity:.55;pointer-events:none;transition:background .24s var(--ease-out)}.qr-card.mode-hologram{background:linear-gradient(135deg,#0071e3,#5e5ce6 18%,#af52de 32%,#ff375f 48%,#ff9500 62%,#ffd60a,#34c759 86%,#00c7be);background-size:300% 300%;background-position:calc(50% + var(--tilt-x, 0) * 40%) calc(50% + var(--tilt-y, 0) * 40%);box-shadow:0 24px 64px -16px #5e5ce673,0 8px 24px #0071e340;transform:rotateX(calc(var(--tilt-y, 0) * -20deg)) rotateY(calc(var(--tilt-x, 0) * 26deg));animation:hologram-drift 12s linear infinite;transition:transform .22s var(--ease-out),background-position .28s var(--ease-out)}@keyframes hologram-drift{0%{filter:hue-rotate(0deg) saturate(1.05)}50%{filter:hue-rotate(180deg) saturate(1.15)}to{filter:hue-rotate(360deg) saturate(1.05)}}.qr-card.mode-hologram:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.15) 42%,rgba(255,255,255,.85) 49%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.85) 51%,rgba(255,255,255,.15) 58%,transparent 70%);background-size:280% 100%;background-position:calc(50% + var(--tilt-x, 0) * 45%) 50%;mix-blend-mode:overlay;opacity:.9;pointer-events:none;transition:background-position .24s var(--ease-out);animation:hologram-sweep 6s linear infinite;z-index:3}@keyframes hologram-sweep{0%{background-position:-50% 50%}to{background-position:150% 50%}}.qr-card.mode-hologram:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.1) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;opacity:.55;pointer-events:none;z-index:3}.qr-card.mode-neon{background:#1d1d1f;box-shadow:0 24px 64px -16px color-mix(in srgb,var(--accent, #0071e3) 35%,transparent),0 8px 24px #0000004d;transform:rotateX(calc(var(--tilt-y, 0) * -15deg)) rotateY(calc(var(--tilt-x, 0) * 20deg));transition:transform .22s var(--ease-out)}.qr-card.mode-neon:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at calc(50% + var(--tilt-x, 0) * 25%) calc(-10% + var(--tilt-y, 0) * 20%),rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none;transition:background .24s var(--ease-out)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}