﻿:root{color-scheme:light dark;--bg:            light-dark(#FAFAF7, #121216);--card:          light-dark(#FFFFFF, #1A1A21);--ink:           light-dark(#111113, #F0F0EC);--muted:         light-dark(#55555C, #A2A2AC);--line:          light-dark(#E4E4DC, #2C2C35);--field:         light-dark(#FFFFFF, #131318);--blue:          light-dark(#2563EB, #6E96FF);--blue-ink:      light-dark(#FFFFFF, #0E1430);--blue-soft:     light-dark(rgba(37, 99, 235, .12), rgba(110, 150, 255, .16));--acid:          #A3E635;--acid-ink:      #111113;--danger:        light-dark(#C81E3C, #FF7A8C);--danger-ink:    #FFFFFF;--ok-bg:         light-dark(#EDFBEA, #17281A);--ok-ink:        light-dark(#14532D, #A7E8B4);--warn-bg:       light-dark(#FDF0EF, #2E1A1E);--warn-ink:      light-dark(#991B1B, #FFB4BE);--band-h: 12px;--band: repeating-linear-gradient(90deg,
            var(--blue) 0 14px,  transparent 14px 28px,
            var(--acid) 28px 42px, transparent 42px 70px,
            var(--ink)  70px 84px, transparent 84px 126px);--font-display: "Sora", -apple-system, system-ui, "Segoe UI", sans-serif;--font-body:    "Manrope", -apple-system, system-ui, "Segoe UI", sans-serif;--text-hero:  clamp(2.1rem, 5vw, 3.25rem);--text-h2:    1.5rem;--text-body:  0.9375rem;--text-small: 0.8125rem;--text-tiny:  0.75rem;--border-w:       2px;--radius-card:    18px;--radius-control: 12px;--radius-chip:    10px;--shadow-tint:    light-dark(rgba(37, 99, 235, .18), rgba(0, 0, 0, .55));--shadow-card:    8px 8px 0 var(--shadow-tint);--shadow-btn:     5px 5px 0 var(--ink);--shadow-btn-up:  7px 7px 0 var(--ink);--max-width:      1120px;--color-primary:        var(--blue);--color-primary-hover:  var(--blue);--color-bg:             var(--bg);--color-surface:        var(--card);--color-text:           var(--ink);--color-text-secondary: var(--muted);--color-border:         var(--line);--radius:               var(--radius-card)}[data-theme="dark"]:root{color-scheme:dark}[data-theme="light"]:root{color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:#FAFAF7;background:var(--bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}body::before,body::after{content:"";display:block;height:var(--band-h);background:var(--band);flex:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-0.02em}::selection{background:var(--acid);color:var(--acid-ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.staging-banner{position:fixed;top:0;left:0;right:0;z-index:200;height:26px;line-height:26px;background:#F59E0B;color:#1A1300;text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-tiny);letter-spacing:0.12em;text-transform:uppercase}body.has-staging-banner{padding-top:26px}header{padding:1rem 2rem}header nav{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-0.02em}.logo::before{content:"";width:21px;height:21px;flex:none;background:conic-gradient(var(--blue) 0 0) 0 0/6px 6px no-repeat,conic-gradient(var(--ink) 0 0) 7.5px 0/6px 6px no-repeat,conic-gradient(var(--blue) 0 0) 15px 0/6px 6px no-repeat,conic-gradient(var(--ink) 0 0) 0 7.5px/6px 6px no-repeat,conic-gradient(var(--acid) 0 0) 7.5px 7.5px/6px 6px no-repeat,conic-gradient(var(--ink) 0 0) 15px 7.5px/6px 6px no-repeat,conic-gradient(var(--blue) 0 0) 0 15px/6px 6px no-repeat,conic-gradient(var(--ink) 0 0) 7.5px 15px/6px 6px no-repeat,conic-gradient(var(--blue) 0 0) 15px 15px/6px 6px no-repeat}.nav-links{display:flex;gap:0.9rem;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:var(--text-small);font-weight:600}.nav-links a:hover{color:var(--blue)}.nav-links form.button_to{margin:0;display:inline}.nav-links .nav-signin{width:auto;background:none;border:0;border-radius:0;padding:0;box-shadow:none;transform:none;font:600 var(--text-small) var(--font-body);color:var(--muted);cursor:pointer}.nav-links .nav-signin:hover{color:var(--blue);background:none;box-shadow:none;transform:none}.theme-toggle{border:var(--border-w) solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--radius-chip);width:34px;height:34px;font-size:0.95rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.container{max-width:var(--max-width);margin:0 auto;padding:2rem;flex:1;width:100%}.hero{text-align:center;padding:2.75rem 0 2.25rem;position:relative}.hero::before,.hero::after{content:"";position:absolute;width:45px;height:45px;opacity:0.9;pointer-events:none;background:conic-gradient(var(--blue) 0 0) 0 0/9px 9px no-repeat,conic-gradient(var(--acid) 0 0) 12px 0/9px 9px no-repeat,conic-gradient(var(--blue) 0 0) 36px 0/9px 9px no-repeat,conic-gradient(var(--acid) 0 0) 0 12px/9px 9px no-repeat,conic-gradient(var(--blue) 0 0) 24px 12px/9px 9px no-repeat,conic-gradient(var(--blue) 0 0) 12px 24px/9px 9px no-repeat,conic-gradient(var(--acid) 0 0) 36px 24px/9px 9px no-repeat,conic-gradient(var(--blue) 0 0) 0 36px/9px 9px no-repeat,conic-gradient(var(--acid) 0 0) 24px 36px/9px 9px no-repeat}.hero::before{left:4%;top:18px;transform:rotate(8deg)}.hero::after{right:4%;top:40px;transform:rotate(-9deg)}.hero h1{display:inline-block;font-size:var(--text-hero);font-weight:800;line-height:1.08;margin-bottom:0.4rem;text-wrap:balance;background-image:linear-gradient(transparent 66%, var(--acid) 66%, var(--acid) 94%, transparent 94%);background-repeat:no-repeat;background-size:100% 100%;padding:0 0.35rem}.hero p{font-size:1.1rem;color:var(--muted);max-width:40rem;margin:0 auto}.generator-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;max-width:var(--max-width);margin:0 auto}@media (max-width: 820px){.generator-layout{grid-template-columns:1fr}.hero::before,.hero::after{display:none}}.generator-form,.generator{background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.75rem}.tab-bar{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.tab-btn{padding:0.5rem 0.95rem;border:var(--border-w) solid var(--line);background:var(--field);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:var(--text-small);cursor:pointer;border-radius:var(--radius-chip);transition:border-color .12s, color .12s, background .12s}.tab-btn:hover{border-color:var(--blue);color:var(--blue)}.tab-btn.active{border-color:var(--ink);background:var(--acid);color:var(--acid-ink)}.tab-panel{animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.form-group{margin-bottom:1.25rem}.form-group label,.presets-label{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:0.5rem}.form-group input[type="text"],.form-group input[type="url"],.form-group input[type="email"],.form-group input[type="tel"],.form-group input[type="number"],.form-group input[type="search"],.form-group input[type="password"],.frame-group input[type="text"],select,textarea{width:100%;padding:0.8rem 1rem;border:var(--border-w) solid var(--ink);border-radius:var(--radius-control);font-size:var(--text-body);font-family:var(--font-body);background:var(--field);color:var(--ink);outline:none;transition:box-shadow 0.15s}.form-group input:not([type="checkbox"]):not([type="color"]):not([type="file"]):focus,.frame-group input[type="text"]:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--acid) 55%, transparent);outline:none}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}button[type="submit"],.btn-save{width:100%;padding:0.95rem;background:var(--blue);color:var(--blue-ink);border:var(--border-w) solid var(--ink);border-radius:14px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform 0.06s, box-shadow 0.06s}button[type="submit"]:hover,.btn-save:hover{transform:translate(-2px, -2px);box-shadow:var(--shadow-btn-up)}button[type="submit"]:active,.btn-save:active{transform:translate(0, 0);box-shadow:3px 3px 0 var(--ink)}.btn-save:disabled{opacity:0.6;cursor:default;transform:none;box-shadow:var(--shadow-btn)}.btn-save-form{width:100%;margin:0}.preview-panel{position:sticky;top:2rem;align-self:start}.preview-box{background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:2rem;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.preview-box:has(.preview-loading:not([hidden]))::after{content:"";position:absolute;left:10px;right:10px;top:18px;height:3px;border-radius:2px;background:var(--acid);animation:scan 1.6s ease-in-out infinite}@keyframes scan{0%,100%{top:18px}50%{top:calc(100% - 21px)}}.preview-placeholder,.preview-loading{color:var(--muted);font-size:var(--text-body);text-align:center}.preview-image{max-width:100%;height:auto;border-radius:var(--radius-chip);background:#fff;padding:6px}.download-buttons{display:flex;gap:0.6rem;margin-top:1.1rem;flex-wrap:wrap}.btn{padding:0.7rem 1.3rem;border-radius:var(--radius-chip);border:var(--border-w) solid var(--ink);font-family:var(--font-body);font-weight:700;font-size:var(--text-small);text-decoration:none;text-align:center;cursor:pointer;transition:background .12s, color .12s}.btn-download{background:var(--acid);color:var(--acid-ink);flex:1}.btn-download:hover{background:var(--blue);color:var(--blue-ink)}.btn-outline{background:var(--card);color:var(--ink)}.btn-outline:hover{background:var(--blue);border-color:var(--ink);color:var(--blue-ink)}.btn-sm{padding:0.5rem 0.9rem;font-size:var(--text-tiny)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--danger-ink)}.signin-promo{max-width:var(--max-width);margin:2.5rem auto 0;background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:2rem}.signin-promo-head{text-align:center;margin-bottom:1.5rem}.signin-promo-head h2{font-size:var(--text-h2)}.signin-promo-head p{color:var(--muted);margin-top:0.35rem}.signin-promo-benefits{list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin:0 0 1.5rem;padding:0}@media (max-width: 720px){.signin-promo-benefits{grid-template-columns:1fr}}.signin-promo-benefits li{display:flex;gap:0.75rem;align-items:flex-start;background:var(--bg);border:var(--border-w) solid var(--line);border-radius:var(--radius-control);padding:1rem}.promo-ic{font-size:1.4rem;line-height:1;flex:none}.promo-text{display:flex;flex-direction:column;gap:0.15rem;font-size:var(--text-small);color:var(--muted)}.promo-text strong{color:var(--ink);font-family:var(--font-display);font-size:var(--text-body)}.signin-promo-form{max-width:320px;margin:0 auto}.customization-panel{margin:1.5rem 0;border:var(--border-w) solid var(--line);border-radius:var(--radius-card);overflow:hidden}.customization-panel summary{padding:0.8rem 1.1rem;font-family:var(--font-display);font-weight:700;font-size:var(--text-small);cursor:pointer;background:color-mix(in srgb, var(--bg) 70%, var(--card));list-style:none}.customization-panel summary::before{content:"◼ ";color:var(--blue);font-size:0.7em}.customization-panel summary::-webkit-details-marker{display:none}.customization-panel summary:hover{color:var(--blue)}.customization-panel[open] summary{border-bottom:var(--border-w) dashed var(--line)}.customization-fields{padding:1.1rem}input[type="color"]{width:100%;height:42px;border:var(--border-w) solid var(--ink);border-radius:var(--radius-chip);padding:3px;cursor:pointer;background:var(--field)}input[type="file"]{font-size:var(--text-small);margin-top:0.25rem;color:var(--muted)}.logo-preview{max-width:80px;max-height:80px;margin-top:0.5rem;border-radius:6px;border:var(--border-w) solid var(--line)}.presets{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.preset-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 0.9rem;background:var(--field);border:var(--border-w) solid var(--line);border-radius:999px;font-family:var(--font-body);font-size:var(--text-tiny);font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .12s, transform .08s}.preset-btn:hover{border-color:var(--blue)}.preset-btn:active{transform:translateY(1px)}.preset-btn-active{background:var(--acid);border-color:var(--ink);color:var(--acid-ink)}.preset-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg, var(--preset-fg, #000) 50%, var(--preset-bg, #fff) 50%);border:1px solid rgba(0,0,0,0.2);flex:0 0 auto}.frame-group{margin-top:0.5rem}.track-scans label{display:flex;align-items:center;gap:0.5rem;font-weight:600;cursor:pointer}.track-scans-hint{margin:0.35rem 0 0;font-size:var(--text-tiny);color:var(--muted)}.flash{padding:0.75rem 2rem;text-align:center;font-size:var(--text-small);font-weight:600}.flash-notice{background:var(--ok-bg);color:var(--ok-ink)}.flash-alert{background:var(--warn-bg);color:var(--warn-ink)}footer{text-align:center;padding:1.75rem 2rem;color:var(--muted);font-size:var(--text-small)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:0.5rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:var(--text-small)}.footer-links a:hover{color:var(--blue);text-decoration:underline}.locale-switcher{display:flex;gap:0.25rem;margin-right:0.5rem}.locale-link{padding:0.3rem 0.55rem;font-size:var(--text-tiny);font-weight:700;color:var(--muted);text-decoration:none;border-radius:7px}.locale-link:hover{color:var(--blue)}.locale-active{color:var(--acid-ink);background:var(--acid)}.history-grid{display:grid;gap:1rem;margin-top:1.5rem}.history-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card);border:var(--border-w) solid var(--line);border-radius:var(--radius-card);transition:border-color .12s}.history-card:hover{border-color:var(--blue)}.history-card-preview img{width:64px;height:64px;border-radius:8px;background:#fff;border:1px solid var(--line)}.history-card-info{flex:1;min-width:0}.history-type-badge{display:inline-block;padding:0.15rem 0.55rem;background:var(--blue);color:var(--blue-ink);font-size:0.625rem;font-weight:800;border-radius:6px;letter-spacing:0.08em;text-transform:uppercase}.history-data{margin-top:0.25rem;font-size:var(--text-small);word-break:break-all}.history-meta{margin-top:0.125rem;font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums}.history-card-actions{display:flex;gap:0.5rem;align-items:center}.history-card-actions form{display:inline;margin:0}.empty-state{text-align:center;padding:3rem 0;color:var(--muted)}.empty-state p{margin-bottom:1rem}.empty-state .btn{flex:none}.stats-back{color:var(--muted);font-weight:600;font-size:var(--text-small);text-decoration:none}.stats-back:hover{color:var(--blue)}.stats-page h1{margin:0.5rem 0 0.25rem}.stats-target{margin-bottom:1.5rem;word-break:break-all}.stats-target a{color:var(--blue);font-size:var(--text-small)}.stats-tiles{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-tile{flex:1;min-width:140px;background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.25rem;text-align:center}.stat-num{display:block;font-family:var(--font-display);font-weight:800;font-size:2.25rem;line-height:1;color:var(--blue);font-variant-numeric:tabular-nums}.stat-label{display:block;margin-top:0.4rem;color:var(--muted);font-size:var(--text-small)}.stats-block{margin-bottom:2rem}.stats-block h2{font-size:1.1rem;margin-bottom:0.85rem}.stats-empty,.stats-muted{color:var(--muted)}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:140px;padding:0.5rem;background:var(--bg);border:var(--border-w) solid var(--line);border-radius:var(--radius-control)}.bar-chart .bar{flex:1;background:var(--blue);border-radius:2px 2px 0 0;min-height:0;transition:height .2s}.bar-chart .bar:hover{background:var(--acid)}.stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.stats-cols{grid-template-columns:1fr}}.stats-list{list-style:none;padding:0;margin:0}.stats-list li{display:flex;justify-content:space-between;padding:0.55rem 0;border-bottom:1px solid var(--line);font-size:var(--text-body)}.stats-list li b{font-variant-numeric:tabular-nums}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.stats-table th,.stats-table td{text-align:left;padding:0.55rem 0.75rem 0.55rem 0;border-bottom:1px solid var(--line);white-space:nowrap}.stats-table th{color:var(--muted);font-weight:600;font-size:var(--text-small);text-transform:uppercase;letter-spacing:0.03em}.stats-table .stats-ip{font-variant-numeric:tabular-nums;font-family:var(--font-mono, ui-monospace, monospace)}.share-page{display:flex;justify-content:center;padding:3rem 1rem}.share-card{background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:2.5rem;max-width:500px;width:100%;text-align:center}.share-title{margin:0 0 1.5rem;font-size:var(--text-h2)}.share-preview{display:flex;justify-content:center;margin-bottom:1.5rem}.share-qr-image{max-width:320px;width:100%;height:auto;border:var(--border-w) solid var(--line);border-radius:var(--radius-control);padding:1rem;background:#fff}.share-meta{margin-bottom:1.5rem;text-align:left;color:var(--muted);font-size:var(--text-body)}.share-meta p{margin:0.25rem 0}.share-actions{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.share-cta{border-top:var(--border-w) dashed var(--line);padding-top:1.5rem}.share-cta-subtitle{margin:0 0 1rem;color:var(--muted);font-size:var(--text-small)}.share-cta-btn{display:inline-block}.legal-page h1{font-size:2rem;margin-bottom:0.25rem}.legal-updated{color:var(--muted);font-size:var(--text-small);margin-bottom:2rem}.legal-section{margin-bottom:1.5rem;max-width:46rem}.legal-section h2{font-size:1.125rem;margin-bottom:0.5rem}.legal-section p{color:var(--muted);line-height:1.8}.qr-type-landing .hero{margin-bottom:1.5rem}.qr-type-faq{max-width:760px;margin:3rem auto 1.5rem}.qr-type-faq h2{font-size:var(--text-h2);margin-bottom:1rem}.qr-type-faq .faq-item{border-bottom:var(--border-w) dashed var(--line);padding:0.75rem 0}.qr-type-faq .faq-item summary{cursor:pointer;font-weight:700;list-style:none}.qr-type-faq .faq-item summary::before{content:"▸ ";color:var(--blue)}.qr-type-faq .faq-item[open] summary::before{content:"▾ "}.qr-type-faq .faq-item summary::-webkit-details-marker{display:none}.qr-type-faq .faq-item[open] summary{margin-bottom:0.5rem}.qr-type-faq .faq-item p{margin:0;color:var(--muted);line-height:1.6}.qr-type-back-link{text-align:center;margin:1.5rem 0 3rem}.qr-type-back-link a{color:var(--blue);font-weight:700}.ad-slot{margin:1.5rem 0;text-align:center}.ad-slot img{max-width:100%;height:auto;border-radius:var(--radius-control);border:1px solid var(--line)}.ad-slot-sidebar{max-width:300px}.ad-slot-footer{margin:2rem auto 1rem;max-width:728px}.ad-link{display:inline-block;transition:opacity .15s}.ad-link:hover{opacity:.85}.dev-container{max-width:860px}.dev-title{font-family:var(--font-display);font-size:var(--text-hero);margin-bottom:0.75rem}.dev-intro{color:var(--muted);margin-bottom:1.5rem;max-width:60ch}.dev-intro a{color:var(--blue)}.dev-cta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.dev-base-url{font-size:var(--text-small);padding:0.55rem 0.9rem;background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-chip)}.dev-docs section{margin-bottom:2.5rem}.dev-docs h2{font-family:var(--font-display);font-size:var(--text-h2);margin-bottom:0.75rem;padding-top:0.5rem}.dev-docs p{margin-bottom:0.75rem}.dev-note{color:var(--muted);font-size:var(--text-small)}.code-block{background:light-dark(#111113, #0C0C10);color:#F0F0EC;padding:1rem 1.25rem;border-radius:var(--radius-control);border:var(--border-w) solid var(--ink);font-size:var(--text-small);line-height:1.6;overflow-x:auto;white-space:pre;margin:0}.code-card{position:relative;margin:0.75rem 0 1rem}.code-card .copy-btn{position:absolute;top:0.6rem;right:0.6rem;z-index:1;padding:0.3rem 0.7rem;font-size:var(--text-tiny);font-weight:700;font-family:var(--font-body);cursor:pointer;color:#F0F0EC;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.25);border-radius:var(--radius-chip)}.code-card .copy-btn:hover{background:var(--acid);border-color:var(--acid);color:var(--acid-ink)}.code-card .code-block{padding-right:5.5rem}.dev-try{border:var(--border-w) solid var(--ink);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-card);padding:1.5rem 1.75rem;margin-bottom:2.5rem}.dev-try h2{padding-top:0}.dev-table-wrap{overflow-x:auto;margin:0.75rem 0 1rem}.dev-table{width:100%;border-collapse:collapse;font-size:var(--text-small);background:var(--card);border:var(--border-w) solid var(--ink);border-radius:var(--radius-control);overflow:hidden}.dev-table th,.dev-table td{text-align:left;padding:0.6rem 0.9rem;border-bottom:1px solid var(--line);vertical-align:top}.dev-table thead th{font-family:var(--font-display);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:0.06em;background:var(--blue-soft)}.dev-table tbody tr:last-child td{border-bottom:none}.dev-table code{background:var(--blue-soft);padding:0.1rem 0.35rem;border-radius:6px}.dev-badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:var(--radius-chip);background:var(--acid);color:var(--acid-ink);font-size:var(--text-tiny);font-weight:700;text-transform:uppercase}.api-key-reveal{background:var(--ok-bg);color:var(--ok-ink);border:var(--border-w) solid var(--ink);border-radius:var(--radius-control);padding:1rem 1.25rem;margin-bottom:1.5rem}.api-key-reveal-hint{font-weight:700;margin-bottom:0.5rem}.api-key-reveal-row{display:flex;gap:0.5rem}.api-key-reveal-row input{flex:1;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--text-small);padding:0.5rem 0.75rem;border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--field);color:var(--ink)}.api-key-form{display:flex;gap:0.75rem;margin-bottom:2rem;flex-wrap:wrap}.api-key-form input[type="text"]{flex:1;min-width:220px;padding:0.6rem 0.9rem;border:var(--border-w) solid var(--ink);border-radius:var(--radius-control);background:var(--field);color:var(--ink);font-size:var(--text-body)}.api-key-form .btn{flex:none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}@media (max-width: 640px){.container{padding:1.25rem}header{padding:0.75rem 1.25rem}.generator-form,.generator{padding:1.25rem}}
