*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--accent: #3aa0ff;--accent-hover: #1f86ff;--accent-shadow: rgba(58, 160, 255, .18);--accent-bg-subtle: rgba(58, 160, 255, .12);--accent-bg-medium: rgba(58, 160, 255, .2);--bg: #242424;--panel: #1a1a1a;--text: rgba(255, 255, 255, .87);--border: #333;--placeholder: #888;--hover-bg: rgba(255, 255, 255, .04);--hover-bg-strong: rgba(255, 255, 255, .05);--error: #ff7b7b;--backdrop: rgba(0, 0, 0, .35);--checkerboard-bg: repeating-conic-gradient(#333 0% 25%, #444 0% 50%) 50% / 12px 12px;--gap-xs: .25rem;--gap-sm: .35rem;--gap-md: .5rem;--gap-lg: .6rem;--gap-xl: .75rem;--gap-2xl: 1rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 999px;--shadow-sm: 0 6px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 38px rgba(0, 0, 0, .12);--transition-fast: .2s;--transition-medium: .25s;--transition-slow: .3s;--width-xs: 150px;--width-sm: 280px;--width-md: 640px;--width-lg: 960px;--width-input-min: 240px;--width-menu-min: 180px;--width-mobile: 320px;--content-max: clamp(var(--width-sm), 85vw, 540px);--size-icon-md: 26px;--size-icon-lg: 32px;--size-btn-min: 40px;--size-btn-height: 50px;--size-picker: 50px;color-scheme:light dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;align-items:center;padding:clamp(.05rem,.6vh,.45rem) .25rem;min-width:var(--width-mobile);min-height:100dvh;background-color:var(--bg)}[hidden],.popover[hidden],.backdrop[hidden],.style-menu[hidden]{display:none!important}h1{font-size:2em;font-style:italic;line-height:1.1;margin-bottom:.8rem;margin-top:.75rem;color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--accent);font-size:.8rem}.sr-only{visibility:hidden;width:0;overflow:hidden}.popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.backdrop{position:fixed;inset:0;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.popover-content{display:grid;max-height:calc(100dvh - 2rem);width:min(var(--width-md),calc(100vw - 2rem));overflow:auto;gap:var(--gap-lg);background:#1a1a1a73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--gap-2xl);box-shadow:var(--shadow-lg)}.popover-head{display:flex;align-items:center;justify-content:space-between}.popover-section{display:grid;gap:var(--gap-md)}.popover-section>.eyebrow{margin-bottom:var(--gap-xs)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;border-radius:var(--radius-full);background:var(--accent-bg-medium);color:var(--accent);font-weight:700;border:1px solid var(--accent)}.pill-quiet{background:#ffffff0f;color:var(--text);border-color:var(--border);font-weight:600}.input-row{display:flex;align-items:center;gap:var(--gap-md);width:100%}.controls-row{display:flex;align-items:stretch;gap:var(--gap-md)}.meta-value{display:flex;align-items:center;gap:var(--gap-sm)}.meta-value .icon-btn{min-width:36px;min-height:36px;padding:.35rem}.text-input{width:100%;padding:.85em 1em;font-size:1em;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--panel);color:var(--text);font-family:inherit;transition:border-color var(--transition-medium),box-shadow var(--transition-medium)}.text-input:focus{outline:none;border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-shadow)}.text-input::placeholder{color:var(--placeholder)}.meta{display:grid;gap:var(--gap-xl);margin-top:var(--gap-lg);padding:var(--gap-lg) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.meta-row{display:grid;grid-template-columns:1fr;gap:var(--gap-sm);align-items:flex-start}.meta-row.compact{grid-template-columns:1fr auto;align-items:center}.meta-row>.label{font-weight:700;color:var(--placeholder);font-size:.9rem}.meta-value a{color:var(--accent);word-break:break-all;flex:1 1 auto}.icon-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.45rem;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-btn-min);min-height:var(--size-btn-min);flex:0 0 auto;position:relative}.icon-btn:hover:not(:disabled){border-color:var(--accent);background:var(--hover-bg)}.icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) scale(.9);background:var(--text);color:var(--bg);padding:.4rem .7rem;border-radius:var(--radius-md);font-size:.85rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:100}.icon-btn[data-tooltip]:not([data-tooltip=""]):after{opacity:1;transform:translate(-50%) scale(1)}.sublabel{margin-top:calc(-1 * var(--gap-md));font-size:.85rem;font-style:italic;color:var(--placeholder)}.helper{margin:.2rem 0;font-size:.95rem;color:var(--placeholder)}.helper[data-variant=error]{color:var(--error)}.helper[data-variant=success]{color:var(--success, #22c55e)}.ghost{background:transparent;border:1px solid var(--border);color:var(--text);flex:0 0 auto}.ghost:hover:not(:disabled){border-color:var(--accent);background-color:var(--hover-bg-strong)}.container{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-2xl);width:100%;max-width:min(var(--width-lg),calc(100vw - 2rem));margin:0 auto;padding:clamp(.45rem,1vh,.8rem) .35rem;flex:1}.content-block,.controls-row{width:100%;max-width:var(--content-max);margin:0 auto}.current-link{margin:-.5rem auto 0;font-size:.9rem;color:var(--placeholder)}.current-link a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast);word-break:break-all}.current-link a:hover{border-bottom-color:var(--accent)}.redirect-arrow{color:var(--placeholder)}.input-wrapper{position:relative;flex:1 1 0;min-width:0;max-width:var(--content-max)}.input-wrapper #url-input{width:100%;padding-left:1em;transition:padding-left var(--transition-medium)}.input-wrapper.has-redirect #url-input{padding-left:2em}.input-sparkle{position:absolute;left:.75em;top:50%;transform:translateY(-50%);font-size:.9em;color:var(--accent);opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.input-wrapper.has-redirect .input-sparkle{opacity:1}.input-row input{flex:1 1 var(--width-input-min);min-width:0;height:var(--size-btn-height);box-sizing:border-box}.input-row button{white-space:nowrap;flex:0 0 auto}.color-picker{--picker-color: #000000;position:relative;width:var(--size-picker);height:var(--size-picker);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:transparent;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex:0 0 auto;cursor:pointer}.color-picker:hover{border-color:var(--accent);background:var(--hover-bg-strong)}.color-picker:has(input[type=color]:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.color-picker input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer}.color-picker svg{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--picker-color, var(--text));pointer-events:none;paint-order:stroke fill}.bg-picker-wrapper{display:flex;align-items:stretch;flex:0 0 auto}.bg-picker{border-radius:var(--radius-lg) 0 0 var(--radius-lg);margin-right:-1px}.bg-picker svg{color:var(--bg-picker-color, #fff)}.bg-picker-wrapper.is-transparent .bg-picker svg,.bg-picker-wrapper:not(.is-transparent) .transparent-slash{opacity:.6}.bg-picker-wrapper.is-transparent .bg-picker:hover svg,.transparent-toggle:hover .transparent-slash{opacity:1}.bg-picker-wrapper:not(.is-transparent) .bg-picker,.bg-picker-wrapper.is-transparent .transparent-toggle{border-color:var(--accent);z-index:1}.transparent-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:var(--size-picker);padding:0;border:1px solid var(--border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--checkerboard-bg);background-clip:padding-box;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast)}.transparent-toggle:hover:not(:disabled){border-color:var(--accent);z-index:1}.transparent-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transparent-slash{width:100%;height:100%;color:var(--text)}.transparent-toggle[aria-pressed=true] .transparent-slash{display:none}.preview-section{display:grid;min-height:clamp(var(--width-xs),55vw,var(--width-sm));width:100%;aspect-ratio:1 / 1;background-color:var(--panel);border-radius:var(--radius-xl);border:2px solid var(--border);position:relative;overflow:hidden}.preview-section.is-transparent{background:var(--checkerboard-bg)}.qr-stage{position:relative;width:100%;height:100%}.qr-dropzone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(44%,240px);aspect-ratio:1 / 1;border-radius:calc(var(--radius-xl) * .85);border:2px dashed transparent;background:transparent;color:var(--accent);display:grid;place-items:center;text-align:center;font-weight:800;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;transition:background var(--transition-fast),border-color var(--transition-fast);z-index:2}.preview-section.is-dragover .qr-dropzone{border-color:var(--accent);background:#1a1a1a8c;pointer-events:auto}.qr-dropzone-label{font-size:.75rem;padding:0 1rem;opacity:0;transition:opacity var(--transition-fast)}.preview-section.is-dragover .qr-dropzone-label{opacity:1}.qr-logo-remove{position:absolute;top:.5rem;right:.5rem;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:scale(.95);background:#1a1a1ab3;color:var(--text);border-color:var(--border)}.qr-logo-remove:hover:not(:disabled){border-color:var(--accent);background:#1a1a1ab3}.preview-section.has-logo .qr-dropzone{pointer-events:auto}.preview-section.has-logo .qr-dropzone:hover .qr-logo-remove,.preview-section.has-logo .qr-dropzone:focus-within .qr-logo-remove{opacity:1;pointer-events:auto;transform:scale(1)}.logo-toggle-wrapper{flex:0 0 auto}#logo-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-picker);min-height:var(--size-picker);padding:.25rem}#qr-target,#qr-target svg{width:100%;height:100%}#qr-target svg{border-radius:var(--radius-lg)}.controls-row>button{flex:1 1 0}#owner-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl);padding:.4em;aspect-ratio:1;min-height:0;font-size:1.5em}.style-toggle-wrapper{position:relative;flex:0 0 auto}#style-toggle{display:inline-flex;align-items:center;gap:var(--gap-sm);min-width:120px}#style-toggle:hover{background:var(--hover-bg-strong);border-color:var(--accent)}#style-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.style-menu{display:grid;position:absolute;bottom:calc(100% + .4rem);left:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-sm);gap:var(--gap-xs);min-width:var(--width-menu-min);z-index:10;box-shadow:var(--shadow-sm)}.style-menu button{display:flex;align-items:center;gap:var(--gap-md);padding:.45rem .6rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text);font-size:.95rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.style-menu button:hover{background:var(--accent-bg-subtle);border-color:var(--accent)}.download-toggle-wrapper{position:relative;flex:1 1 auto}#download-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);min-width:var(--size-picker);min-height:var(--size-picker);width:100%}#download-toggle .download-label{display:none}@media(min-width:600px){#download-toggle .download-label{display:inline}}#download-toggle:hover{background:var(--hover-bg-strong);border-color:var(--accent)}#download-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.download-menu{display:grid;position:absolute;bottom:calc(100% + .4rem);right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-sm);gap:var(--gap-xs);min-width:var(--width-menu-min);z-index:10;box-shadow:var(--shadow-sm)}.download-menu[hidden]{display:none!important}.download-menu button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:.5rem .7rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text);font-size:.95rem;min-height:auto;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.download-menu button:hover{background:var(--accent-bg-subtle);border-color:var(--accent)}.download-menu button svg{opacity:.6;flex-shrink:0}.download-menu button:hover svg{opacity:1}.download-format{font-weight:600}.style-swatch{display:grid;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--text);border:2px solid var(--bg);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:2px}.style-swatch:before,.style-swatch:after{content:""}.style-rounded{border-radius:var(--radius-md)}.style-dots{border-radius:50%}.style-dots:before,.style-dots:after{border-radius:50%}.style-classy{border-radius:var(--radius-md) 0 var(--radius-md) 0}.style-square{border-radius:0}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.5em .75em;font-size:1em;font-family:inherit;background-color:var(--accent);color:#fff;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex:0 0 auto;min-height:var(--size-btn-height)}button:hover:not(:disabled){background-color:#4aa7f7;border-color:#3a8dd1}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:4px auto -webkit-focus-ring-color}.github-link{width:var(--size-icon-lg);height:var(--size-icon-lg);opacity:.8;transition:opacity var(--transition-slow) ease;color:var(--text)}.github-link svg{fill:currentColor;transition:fill var(--transition-fast) ease}.footer{max-width:none!important;width:100%;margin-top:auto;padding-top:1.5rem;padding-bottom:.5rem}.footer>p{margin:0;flex:1 1 auto;text-align:center}.footer>.github-link{margin-left:auto}@media(max-width:640px){:root{--gap-md: .35rem}.footer{padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px));margin-bottom:env(safe-area-inset-bottom,0px)}}@media(prefers-color-scheme:light){:root{--bg: #f6f6f6;--panel: #ffffff;--text: #111111;--border: #dcdcdc;--placeholder: #666;--checkerboard-bg: repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 50% / 12px 12px;color:#213547;background-color:#fff}.text-input{background-color:#fff;color:#213547;border:1px solid #dcdcdc}.preview-section{background-color:#f5f5f5;border-color:#d6e9ff}.popover-content{background:#ffffffd9;border:1px solid rgba(0,0,0,.1)}}