@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0eeb07{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_0eeb07{--font-dm-sans:"DM Sans","DM Sans Fallback"}*{box-sizing:border-box}@font-face{font-family:Aeonik;src:url(/fonts/aeonik/aeonik-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Aeonik;src:url(/fonts/aeonik/aeonik-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Aeonik;src:url(/fonts/aeonik/aeonik-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:block}:root{--navy:#001a72;--navy-deep:#001456;--ink:#0d0f26;--bg:#f3f2f2;--surface:#ffffff;--surface-2:#f9f8f8;--border:#e2dfdf;--border-strong:#c9c5c5;--muted:#5c6079;--accent:hsl(200,70%,55%);--accent-soft:hsl(200,70%,92%);--danger:#b3261e;--link:var(--navy);--btn-bg:var(--navy);--btn-ink:#ffffff;--shadow:0 8px 30px rgba(13,15,38,0.14);--radius:10px;--radius-sm:6px;--font-display:"Aeonik",var(--font-dm-sans,ui-sans-serif),sans-serif;--font-body:var(--font-dm-sans,ui-sans-serif),system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}:root[data-theme=dark]{--navy:hsl(230,70%,76%);--navy-deep:hsl(230,70%,83%);--ink:#f3f2f2;--bg:#0d0f26;--surface:#16182f;--surface-2:#1c1e38;--border:#2b2d4a;--border-strong:#3d4066;--muted:#9599b4;--accent:hsl(200,70%,60%);--accent-soft:hsl(200,45%,22%);--danger:#ff8a80;--link:hsl(230,70%,80%);--btn-bg:hsl(230,70%,76%);--btn-ink:#0d0f26;--shadow:0 8px 30px rgba(0,0,0,0.45)}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}a{color:var(--link)}::selection{background:var(--accent-soft)}.brandnav{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:5}.brandnav-logo{height:30px;width:auto;display:block}.brandnav-logo.logo-dark,:root[data-theme=dark] .brandnav-logo.logo-light{display:none}:root[data-theme=dark] .brandnav-logo.logo-dark{display:block}.brandnav-title{font-family:var(--font-display);font-weight:500;font-size:15px;padding-left:16px;border-left:1px solid var(--border);color:var(--ink);text-decoration:none}.brandnav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.brandnav-links a{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm)}.brandnav-links a:hover{color:var(--ink);background:var(--surface-2)}.brandnav-links a[aria-current=page]{color:var(--ink);background:var(--bg)}.theme-toggle{height:30px;width:34px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:14px;line-height:1;cursor:pointer}.theme-toggle:hover{border-color:var(--border-strong)}.palette-hint{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:12px;font-weight:500;cursor:pointer}.palette-hint:hover{background:var(--surface-2);color:var(--ink)}.palette-hint kbd{font-family:var(--font-mono);font-size:10px;border:1px solid var(--border);border-radius:4px;padding:1px 4px;background:var(--bg)}.cmdk-overlay{position:fixed;inset:0;z-index:50;background:rgba(13,15,38,.45);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.cmdk{width:640px;max-width:100%;max-height:70vh;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.cmdk,.cmdk input{background:var(--surface)}.cmdk input{height:52px;border:none;border-bottom:1px solid var(--border);padding:0 18px;font-size:15px;color:var(--ink);outline:none}.cmdk-results{overflow-y:auto;padding:6px}.cmdk-note{padding:14px 12px;margin:0;font-size:13px;color:var(--muted)}.cmdk-row{display:flex;align-items:stretch;border-radius:var(--radius-sm)}.cmdk-row.active{background:var(--surface-2)}.cmdk-main{flex:1 1 auto;display:flex;align-items:center;gap:10px;height:auto;padding:9px 10px;border:none;color:var(--ink);font-size:13px;font-weight:500;text-align:left;cursor:pointer;min-width:0}.cmdk-main,.cmdk-main:hover{background:none}.cmdk-kind{flex:0 0 auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.cmdk-title{flex:0 0 auto;white-space:nowrap}.cmdk-detail{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:400}.cmdk-side{flex:0 0 auto;height:auto;padding:0 12px;border:none;color:var(--link);font-size:11px;font-weight:600;cursor:pointer}.cmdk-side,.cmdk-side:hover{background:none}.cmdk-foot{margin:0;padding:8px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}button{height:38px;padding:0 16px;border:none;border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer}button:hover{background:var(--navy-deep)}button.ghost{height:32px;padding:0 12px;background:transparent;border:1px solid var(--border-strong);color:var(--ink);font-size:12px;font-weight:500}button.ghost:hover{background:var(--surface-2)}button.ghost.tiny{height:22px;padding:0 8px;font-size:11px;margin-left:auto}input,select,textarea{font-family:var(--font-body)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wrap{display:flex;flex-direction:column;height:100dvh;max-width:1440px;margin:0 auto;padding:20px 24px;overflow:hidden}.header{flex:0 0 auto;margin-bottom:16px}.title{display:flex;align-items:baseline;gap:16px;font-size:24px;margin:0 0 4px}.title .brandnav-link{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--muted);text-decoration:none}.title .brandnav-link:hover{color:var(--link)}.subtitle{color:var(--muted);margin:0;font-size:14px}.layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:360px 1fr;grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:900px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(220px,40%)}}.panel{min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.section-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--link);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.section-title:first-child{margin-top:0;padding-top:0;border-top:none}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input[type=text],.field select{height:36px;width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:14px;background:var(--surface);color:var(--ink)}.row{display:flex;gap:8px}.row>*{flex:1 1;min-width:0}.color-row{display:flex;gap:8px;align-items:center;min-width:0}.color-row input[type=text],.color-row select{flex:1 1;min-width:0}.color-row input[type=color]{flex:0 0 auto;width:38px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;background:var(--surface)}.preview-card{min-height:0;display:flex;flex-direction:column;gap:12px}.preview-frame{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#eee 0 25%,#fafafa 0 50%) 50% /20px 20px}.og-live-preview{position:absolute;top:0;left:0;font-family:Aeonik,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;overflow:hidden;background:#fff}.og-live-preview,.og-live-preview *{box-sizing:border-box}.og-live-preview img{display:block;max-width:none;border:0}.url-box{flex:0 0 auto;display:flex;gap:8px}.url-box input{flex:1 1;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:12px;font-family:var(--font-mono);color:var(--ink);background:var(--surface)}.hint{flex:0 0 auto;font-size:12px;color:var(--muted);margin:0}.downloads{position:relative}.downloads-toggle{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer}.downloads-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.downloads-busy{min-width:18px;height:18px;line-height:18px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);font-size:11px;text-align:center}.downloads-list{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-height:60vh;overflow-y:auto;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);z-index:20}.dl{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--radius-sm)}.dl+.dl{border-top:1px solid var(--border)}.dl-main{display:flex;justify-content:space-between;gap:8px;font-size:12px}.dl-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-state{color:var(--muted);flex:0 0 auto}.dl.error .dl-state{color:var(--danger)}.dl progress{width:100%;height:4px;accent-color:var(--accent)}.dl-actions{display:flex;gap:8px;justify-content:flex-end}.dl-actions a{font-size:12px;font-weight:600;color:var(--link);text-decoration:none}.dl-actions button{height:auto;border:none;background:none;color:var(--muted);font-size:11px;cursor:pointer;padding:0}.dl-actions button:hover{background:none;color:var(--ink)}.gallery{max-width:1240px;margin:0 auto;padding:32px 24px 140px}.gallery-head h1{font-size:32px;margin:0 0 6px}.gallery-head p{margin:0 0 24px;color:var(--muted);font-size:14px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:-webkit-sticky;position:sticky;top:59px;z-index:4;background:var(--bg);padding:10px 0}.toolbar .search{flex:1 1 260px;min-width:200px;padding:0 12px;font-size:14px}.downloadbar select,.toolbar .search,.toolbar select{height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.downloadbar select,.toolbar select{padding:0 10px;font-size:13px}.toolbar .toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}.toolbar .backdrop-color{width:38px;height:38px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.resultbar{gap:12px;font-size:13px;color:var(--muted);margin:4px 0 20px}.gallery h2,.resultbar{display:flex;align-items:center}.gallery h2{font-size:17px;margin:30px 0 12px;gap:10px}.gallery h2 a{color:var(--ink);text-decoration:none}.gallery h2 a:hover{color:var(--link)}.gallery .slug{font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--muted)}.gallery .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.gallery .tile{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;background:var(--surface)}.gallery .tile.selected{border-color:var(--link);box-shadow:0 0 0 2px var(--accent-soft)}.gallery .pick{position:absolute;top:8px;left:8px;z-index:1}.gallery .pick input{width:16px;height:16px;cursor:pointer}.gallery .tile img{display:block;width:100%;height:104px;object-fit:contain;padding:18px;box-sizing:border-box}.gallery .tile.on-dark>img{background:#0d0f26}.gallery .tile.on-light>img{background:#fff}.gallery .tile.universal>img{background:linear-gradient(135deg,#fff 50%,#e8eaf2 0)}.gallery figcaption{border-top:1px solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:4px;background:var(--surface-2)}.gallery figcaption strong{font-size:12px}.gallery figcaption code{font-family:var(--font-mono);font-size:11px;color:var(--muted);word-break:break-all}.gallery .actions{display:flex;gap:10px;margin-top:2px}.gallery .actions a,.gallery .actions button{font-size:11px;height:auto;padding:0;background:none;border:none;color:var(--link);font-weight:600;text-decoration:none;cursor:pointer}.gallery .empty,.gallery .missing{font-size:13px;color:var(--muted);line-height:1.7}.gallery .missing a{font-size:11px;text-decoration:none;white-space:nowrap}.gallery-foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.brand-hero{display:flex;align-items:center;gap:28px;margin-bottom:8px}.brand-hero h1{font-size:34px;margin:0 0 4px}.brand-hero-art{width:220px;height:120px;object-fit:contain;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex:0 0 auto}.brand-hero-art.on-dark{background:#0d0f26}.brand-meta{margin:0 0 8px;color:var(--muted);font-size:13px}.brand-meta code{font-family:var(--font-mono)}.brand-links{display:flex;gap:16px;margin:0;font-size:13px}.brand-pngsize label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.brand-pngsize select{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:0 10px}.placeholder-badge{font-family:var(--font-body);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px dashed var(--border-strong);border-radius:999px;padding:2px 8px}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px}.swatch{display:flex;flex-direction:column;align-items:stretch;gap:6px;height:auto;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:500;font-size:13px;text-align:left;cursor:pointer}.swatch:hover{background:var(--surface-2);border-color:var(--border-strong)}.swatch-chip{display:block;height:56px;border-radius:var(--radius-sm);border:1px solid rgba(13,15,38,.08)}.swatch code{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.docs section{max-width:760px;margin-bottom:36px}.docs h2{margin:0 0 8px}.docs p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 12px}.docs p code{font-family:var(--font-mono);font-size:12.5px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.code-example{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.code-example code{flex:1 1 auto;font-family:var(--font-mono);font-size:12px;color:var(--ink);overflow-x:auto;white-space:nowrap}.code-example button{flex:0 0 auto;height:24px;padding:0 10px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--border-strong);color:var(--ink)}.code-example button:hover{background:var(--surface-2)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.usage-grid>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.usage-grid h3{margin:0 0 6px;font-size:14px}.usage-grid p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}.downloadbar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:10;display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:13px;max-width:calc(100vw - 32px);flex-wrap:wrap}.downloadbar label{display:flex;align-items:center;gap:6px;color:var(--muted)}.downloadbar .error{color:var(--danger)}@media (max-width:640px){.brandnav-title{display:none}.toolbar{position:static}}.gallery .tile.group{position:relative}.gallery .tile .count{position:absolute;top:8px;right:8px;z-index:2;height:20px;line-height:20px;padding:0 8px;border-radius:999px;background:rgba(13,15,38,.62);color:#fff;font-size:10px;font-weight:600}.gallery .tile.on-light .count,.gallery .tile.universal .count{background:rgba(13,15,38,.5)}.gallery .tile .variants{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);max-height:240px}.gallery .variant{display:flex;align-items:center;gap:8px;font-size:11px;padding:3px 4px;border-radius:var(--radius-sm);cursor:pointer}.gallery .variant.showing{background:var(--accent-soft)}.gallery .variant input{flex:0 0 auto;margin:0}.gallery .variant .vname{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.gallery .variant a,.gallery .variant button{flex:0 0 auto;font-size:10px;font-weight:600;height:auto;padding:0;border:none;background:none;color:var(--link);text-decoration:none;cursor:pointer}@keyframes tile-cycle-in{0%{opacity:.35}to{opacity:1}}.gallery .tile img.lead{animation:tile-cycle-in .18s ease-out}@media (prefers-reduced-motion:reduce){.gallery .tile img.lead{animation:none}}.gallery .variant .vthumb{flex:0 0 auto;width:48px;height:28px;object-fit:contain;border-radius:3px;padding:2px;background:#fff}.gallery .variant .vthumb.on-light{background:#fff}.gallery .variant .vthumb.on-dark{background:#0d0f26}.gallery .variant .vthumb.universal{background:linear-gradient(135deg,#fff 50%,#e8eaf2 0)}