.qr-out{display:grid;gap:16px;justify-items:center}.qr-out.is-compact{justify-items:start}.qr-box{width:100%;max-width:320px;aspect-ratio:1/1;border-radius:18px;border:1px solid var(--mkt-line);background:var(--mkt-field);display:grid;place-items:center;overflow:hidden;padding:8px;box-sizing:border-box;text-align:center}.qr-out.is-compact .qr-box{max-width:220px}.qr-box canvas{width:100%;height:auto;display:block}.qr-actions{display:grid;gap:10px;justify-items:center}.qr-out.is-compact .qr-actions{justify-items:start}.qr-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px}.qr-styles{display:flex;flex-wrap:wrap;gap:6px}.qr-style{display:inline-flex;align-items:center;gap:8px}.qr-style svg{width:18px;height:18px;flex-shrink:0}.cf-row{position:relative;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cf-swatch{width:34px;height:34px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--mkt-line);cursor:pointer;transition:box-shadow .12s ease}.cf-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--mkt-paper),0 0 0 4px var(--mkt-ink)}.cf-custom{position:relative;border:0;background:conic-gradient(from 45deg,#efacd4,#f6d94e,#9caf63,#a9c5e9,#efacd4)}.cf-custom>span{position:absolute;inset:5px;border-radius:50%;background:var(--mkt-paper);display:block}.cf-custom>span:not([style]):after,.cf-custom>span:not([style]):before{content:"";position:absolute;left:50%;top:50%;background:var(--mkt-ink);border-radius:2px;transform:translate(-50%,-50%)}.cf-custom>span:not([style]):before{width:10px;height:2px}.cf-custom>span:not([style]):after{width:2px;height:10px}.cf-pop{position:absolute;left:0;top:calc(100% + 10px);z-index:30}.cf-picker{width:248px;box-sizing:border-box;display:grid;gap:12px;padding:14px;background:var(--mkt-paper);border:1px solid var(--mkt-line);border-radius:20px;box-shadow:0 22px 50px rgba(16,16,15,.2)}.cf-area{position:relative;height:150px;border-radius:14px;cursor:crosshair;touch-action:none;outline:none}.cf-area:focus-visible,.cf-hue:focus-visible{box-shadow:0 0 0 2px var(--mkt-paper),0 0 0 4px var(--mkt-pink)}.cf-bar{display:flex;align-items:center;gap:10px}.cf-now{width:30px;height:30px;border-radius:50%;border:1px solid var(--mkt-line);flex-shrink:0}.cf-hue{position:relative;flex:1;height:12px;border-radius:999px;cursor:pointer;touch-action:none;outline:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cf-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(16,16,15,.25),0 2px 6px rgba(16,16,15,.3);transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box}.cf-drop{width:32px;height:32px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--mkt-line);background:transparent;color:var(--mkt-ink);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.utm-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.55;overflow-wrap:anywhere;background:var(--mkt-cream);border:1px solid var(--mkt-line);border-radius:14px;padding:14px 16px}