@font-face{font-family:ForgeMono;src:url(/fonts/jetbrains-bold.ttf)format("truetype");font-display:swap;font-weight:400 800}@font-face{font-family:Krypton;src:url(/fonts/krypton.woff)format("woff");font-display:swap;font-weight:800}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c15;--panel:#10141f;--line:#242b3b;--text:#e8eaf3;--muted:#959eb6;--violet:#c5a3ff;--mint:#67e8df;--mono:ForgeMono,monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#46516d #10141f}body{background:var(--bg);color:var(--text);font-family:var(--mono);margin:0;font-size:12px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button{border:1px solid var(--line);background:#151a28;border-radius:5px;padding:9px 13px;transition:background .15s,border-color .15s}button:hover{background:#1e2436;border-color:#6c6383}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}[hidden]{display:none!important}.topbar{border-bottom:1px solid var(--line);background:#0d101a;justify-content:space-between;align-items:center;height:84px;padding:0 36px;display:flex}.brand{font-family:Krypton,var(--mono);letter-spacing:-.8px;align-items:center;gap:12px;font-size:19px;display:flex}.brand small{font:8px var(--mono);letter-spacing:1.9px;color:var(--muted);margin-top:2px;display:block}.accent{color:var(--violet)}nav{align-items:center;gap:6px;display:flex}nav button{color:#69758f;background:0 0;border:0;gap:9px;padding:13px 16px;font-size:10px;display:flex}nav button span{color:#a6afc5}nav button[aria-current=page]{color:var(--violet);box-shadow:inset 0 -2px var(--violet);background:#202034}nav button[aria-current=page] span{color:#e6d9ff}.source{color:var(--muted);font-size:11px}main{max-width:1800px;margin:auto;padding:32px 36px 0}.intro{justify-content:space-between;align-items:center;margin:0 0 28px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--violet);margin:0 0 9px;font-size:9px}h1{font-family:Krypton,var(--mono);letter-spacing:-1.5px;margin:0 0 10px;font-size:clamp(26px,2.5vw,40px);line-height:1.2}h1 span{color:var(--mint)}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.local-pill{letter-spacing:1px;color:#8fd5c7;white-space:nowrap;background:#112021;border:1px solid #264440;border-radius:30px;padding:8px 12px;font-size:9px}i{background:var(--mint);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.workspace{grid-template-columns:248px minmax(320px,1fr) 236px;align-items:start;gap:18px;display:grid}.panel,.canvas-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);letter-spacing:1.4px;color:#a4adc3;justify-content:space-between;align-items:center;height:44px;padding:0 17px;font-size:9px;display:flex}.panel-body{padding:18px}.panel-body label{color:#b7bfd1;margin-bottom:17px;font-size:10px;display:block}input:not([type=checkbox]):not([type=range]):not([type=color]),select{color:#e3e7f2;background:#0b0f18;border:1px solid #30384c;border-radius:4px;width:100%;min-height:37px;margin-top:7px;padding:8px 10px;display:block}select{text-overflow:ellipsis;font-size:10px}input[type=range]{width:100%;height:5px;accent-color:var(--violet);cursor:pointer;margin:13px 0 7px;display:block}.range-label output{float:right;color:var(--violet);font-size:10px}.hint{color:var(--muted);margin:9px 0 16px;font-size:10px;line-height:1.8}.compact{font-size:9px}.divider{background:var(--line);height:1px;margin:21px 0}.full{text-align:left;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.quiet{background:#171c2a;font-size:10px}.text-button{color:var(--violet);background:0 0;border:0;padding:0;font-size:9px}.text-button:hover{color:var(--mint);background:0 0}.colors{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.colors label{margin:0}.colors input{border:1px solid var(--line);background:#0a0e17;border-radius:4px;width:100%;height:33px;margin-top:7px;padding:3px}.checkbox{align-items:center;gap:9px;color:var(--muted)!important;margin:0!important;display:flex!important}.checkbox input{accent-color:var(--violet)}.canvas-toolbar{border-bottom:1px solid var(--line);letter-spacing:1px;justify-content:space-between;align-items:center;min-height:44px;padding:7px 16px;font-size:9px;display:flex}.canvas-toolbar button{background:#141a29;padding:3px 9px;font-size:10px}.canvas-toolbar button[aria-pressed=true]{color:var(--mint)}.artboard{background:#090c15;justify-content:center;align-items:center;min-height:390px;padding:28px;display:flex;position:relative}.artboard.grid{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:24px 24px}#logo-preview{width:100%;position:relative}#logo-preview svg{width:100%;height:auto;max-height:300px;display:block}#logo-preview svg>rect{opacity:1}.artboard-label{color:#68738c;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:16px;left:20px}.corner{border-style:solid;border-color:#5d5474;width:12px;height:12px;position:absolute}.tl{border-width:1px 0 0 1px;top:20px;left:20px}.tr{border-width:1px 1px 0 0;top:20px;right:20px}.bl{border-width:0 0 1px 1px;bottom:44px;left:20px}.br{border-width:0 1px 1px 0;bottom:44px;right:20px}.canvas-footer{border-top:1px solid var(--line);color:#7c89a4;letter-spacing:.6px;justify-content:space-between;gap:8px;padding:11px 15px;font-size:8px;display:flex}.center-column{gap:21px;display:grid}.section-heading{letter-spacing:1px;justify-content:space-between;gap:6px;margin-bottom:12px;font-size:9px;display:flex}.section-heading small{color:var(--muted);letter-spacing:0;font-size:9px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.preset-grid button{text-align:left;background:#10141f;padding:0;overflow:hidden}.preset-grid button>span:last-child{color:#a8b1c6;padding:10px;font-size:8px;display:block}.preset-art{background:radial-gradient(at 50% 100%,#76629426,#0000 80%);flex-direction:column;justify-content:center;align-items:center;height:95px;font-size:28px;display:flex}.preset-art b{letter-spacing:2px;font-size:13px}.violet{color:var(--violet)}.mint{color:var(--mint)}.pink{color:#f3a9cf}h2{font-family:Krypton,var(--mono);letter-spacing:-.8px;margin:2px 0 12px;font-size:24px;line-height:1.25}.primary{background:var(--violet);color:#151121;border:1px solid #d9bdff;padding:12px;font-size:11px;font-weight:700}.primary:hover{background:#dec7ff;border-color:#f1e6ff}.license-card{background:#151e25;border:1px solid #2a3b43;border-radius:5px;gap:8px;margin-top:25px;padding:13px;display:flex}.tiny-icon{color:var(--mint)}.license-card strong{color:#c1d9d8;font-size:9px}.license-card p{color:#91a9b2;margin:5px 0;font-size:9px}footer{border-top:1px solid var(--line);letter-spacing:1px;color:#7e8aa3;justify-content:space-between;gap:20px;margin-top:28px;padding:19px 0;font-size:8px;display:flex}.toast{z-index:30;background:#242a3d;border:1px solid #7c70a1;border-radius:6px;max-width:min(650px,90vw);padding:13px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 50px #0009}.toast.error{border-color:#f3a9af}dialog{color:var(--text);background:#111623;border:1px solid #515a72;border-radius:10px;max-width:min(720px,90vw);max-height:85vh;padding:25px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}.dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-top button{padding:0 9px;font-size:20px}#dialog-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}#font-dialog p{color:var(--muted);font-size:11px}#font-dialog label{margin:18px 0;display:block}#font-dialog input{font-size:11px}#glyph-canvas{touch-action:none;background:#0b101a;width:100%;height:480px;display:block}#glyph-canvas .glyph-point{cursor:grab;stroke:#0b101a;stroke-width:3px;fill:var(--mint)}#glyph-canvas .glyph-point.control{fill:var(--violet)}#glyph-canvas .glyph-point.selected{fill:#fff;stroke:var(--mint)}.theme-colors{grid-template-columns:1fr 1fr;gap:9px;display:grid}.theme-colors label{align-items:center;gap:5px;margin:0;font-size:8px;display:flex}.theme-colors input{background:0 0;border:0;flex-shrink:0;width:25px;height:25px;padding:0}.theme-preview{background:var(--sample-bg,#111522);color:var(--sample-white,#eee)}.theme-sample{padding:32px}.theme-sample h2{color:var(--sample-purple,#c5a3ff);font-size:36px}.theme-sample .eyebrow{color:var(--sample-cyan,#67e8df)}.sample-muted{color:var(--sample-muted,#959eb6);font-size:11px}.sample-code{background:var(--sample-panel,#1c2435);border:1px solid var(--sample-line,#38445c);color:var(--sample-white,#eee);border-radius:5px;margin:25px 0;padding:20px}.sample-code span{color:var(--sample-hot_pink,#f3a9cf)}.sample-code em{color:var(--sample-acid_green,#67e8df);font-style:normal}.sample-tags{gap:10px;display:flex}.sample-tags span{color:var(--sample-purple);border:1px solid;padding:5px 12px;font-size:9px}.sample-tags span:nth-child(2){color:var(--sample-cyan)}.sample-tags span:nth-child(3){color:var(--sample-orange)}.contrast-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:7px 0;font-size:10px;display:flex}.pass{color:var(--mint)}.warn{color:#f3ba8c}#engine-state{letter-spacing:0;font-size:8px}#font-note{margin-top:-9px}@media (width>=1500px){.workspace{grid-template-columns:280px minmax(400px,1fr) 260px}.artboard{min-height:460px}.preset-art{height:120px}}@media (width<=1150px){main{padding:25px 20px 0}.topbar{padding:0 20px}.workspace{grid-template-columns:220px minmax(250px,1fr)}.workspace>aside:last-child{grid-column:1/-1}.export-panel .panel-body{grid-template-columns:repeat(3,1fr);gap:10px 20px;display:grid}.export-panel .divider{display:none}.export-panel .license-card{margin:0}nav button{padding:12px 9px}.artboard{min-height:380px}.local-pill{display:none}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:18px;height:auto;padding:18px 18px 0}.brand{font-size:18px}.source{margin-left:auto}nav{order:3;justify-content:space-between;width:100%}nav button{flex:1;justify-content:center;gap:5px;padding:13px 5px;font-size:9px}main{padding:24px 14px 0}.intro{margin-bottom:22px}h1{font-size:27px}.intro p:not(.eyebrow){max-width:310px;font-size:10px}.workspace{flex-direction:column;gap:16px;display:flex}.workspace>*,.workspace>aside:last-child{width:100%}.center-column{order:-1}.artboard{min-height:270px;padding:18px}.canvas-footer{font-size:7px}.canvas-footer span:last-child{text-align:right;max-width:130px}.preset-grid{gap:7px}.preset-art{height:78px}.preset-art b{font-size:10px}.preset-grid button>span:last-child{padding:8px 6px;font-size:7px}.section-heading{font-size:8px}.panel-body{padding:16px}.controls .panel-body{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.controls .divider{grid-column:1/-1;margin:9px 0 18px}.controls .colors{grid-column:1/-1;margin-bottom:16px}.controls .checkbox{grid-column:1/-1}.controls #font-note{align-self:end}.controls #import-font{grid-column:1/-1}.export-panel .panel-body,.export-panel .divider{display:block}.export-panel h2 br{display:none}.export-panel .license-card{margin-top:18px}footer{flex-wrap:wrap;gap:12px;font-size:7px}.theme-sample{padding:24px}.theme-sample h2{font-size:30px}#glyph-workspace .canvas-panel{order:-1}#glyph-canvas{height:360px}.theme-colors{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.metrics-editor{border-top:1px solid var(--line);padding:18px}.pair-controls{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;display:grid}.pair-controls label,.metrics-editor>label{color:var(--muted);font-size:10px}#kern-canvas{touch-action:none;border:1px solid var(--line);background:#0b101a;border-radius:5px;width:100%;height:180px;margin-bottom:24px}#kern-canvas .second-glyph{cursor:ew-resize}.bearing-handle{cursor:ew-resize;fill:#67e8df;stroke:#111;stroke-width:4px}#ligature-map{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}#ligature-map button{font-size:10px}textarea{resize:vertical;width:100%;color:var(--text);border:1px solid var(--line);font:11px var(--mono);background:#0b0f18;border-radius:5px;padding:10px}#font-testbed{border:1px solid var(--line);overflow-wrap:anywhere;font-feature-settings:"kern" 1,"liga" 1;min-height:100px;margin-top:15px;padding:20px;line-height:1.5}#font-testbed.light{color:#171717;background:#fafafa}.glyph-stage{position:relative}.format-choice{border:1px solid var(--line);border-radius:5px;gap:9px;margin:0 0 14px;padding:10px 12px 12px;display:grid}.format-choice legend{letter-spacing:1.2px;color:#a4adc3;padding:0 6px;font-size:9px}.format-choice .checkbox{font-size:10px}