*,*: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);--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) .4rem;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)}.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 #d0d0d0;border-radius:var(--radius-lg);background:#f7f7f7;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex:0 0 auto;cursor:pointer}.color-picker:is(:hover,:focus-within){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}#color-picker{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}.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)}#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)}#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)}.style-swatch{display:grid;width:22px;height:22px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#3aa0ff,#6fc2ff);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:before,.style-dots:after{border-radius:50%}.style-classy{border-radius:var(--radius-lg)}.style-square{border-radius:var(--radius-xs)}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){.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;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)}}