@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:600;src:url(/uyduruk/assets/big-shoulders-latin-600-normal-B-pGGujo.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-600-normal-0D-BQtX2.woff)format("woff")}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:600;src:url(/uyduruk/assets/big-shoulders-latin-ext-600-normal-DNVjHA_v.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-ext-600-normal-B5B1vegn.woff)format("woff")}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:700;src:url(/uyduruk/assets/big-shoulders-latin-700-normal-BXkjPpB5.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-700-normal-BCJQMx3s.woff)format("woff")}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:700;src:url(/uyduruk/assets/big-shoulders-latin-ext-700-normal-CroU-BWi.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-ext-700-normal-BsAuV9kT.woff)format("woff")}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:800;src:url(/uyduruk/assets/big-shoulders-latin-800-normal-BmnmSKe3.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-800-normal-IbCvOL6_.woff)format("woff")}@font-face{font-family:Big Shoulders;font-style:normal;font-display:swap;font-weight:800;src:url(/uyduruk/assets/big-shoulders-latin-ext-800-normal-BTMM5PxG.woff2)format("woff2"),url(/uyduruk/assets/big-shoulders-latin-ext-800-normal-CdUdFmui.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/uyduruk/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/uyduruk/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/uyduruk/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/uyduruk/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/uyduruk/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/uyduruk/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/uyduruk/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/uyduruk/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/uyduruk/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/uyduruk/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/uyduruk/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff")}:root{--color-bg:#eef0f3;--color-bg-panel:#fff;--color-bg-inset:#e4e7ec;--color-bg-inset-hover:#dadfe6;--color-border:#cbd1db;--color-border-strong:#a3abb9;--color-ink:#101b2d;--color-ink-muted:#4b5568;--color-ink-faint:#7a8394;--color-on-dark:#eef0f3;--color-seal:#c4122f;--color-seal-strong:#96091f;--color-seal-bg:#fbe6e9;--color-mint:#12805f;--color-mint-strong:#0d6249;--color-mint-bg:#dff3ea;--font-display:"Big Shoulders", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm:3px;--radius-md:5px;--shadow-panel:0 1px 0 #101b2d0a, 0 8px 24px -12px #101b2d2e;--focus-ring:0 0 0 3px var(--color-mint-bg), 0 0 0 5px var(--color-mint);--transition-fast:.12s ease}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--color-ink);margin:0;font-weight:700}p{margin:0}code,pre,kbd,samp{font-family:var(--font-mono)}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--color-seal)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--color-seal-bg);color:var(--color-seal-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app-shell{flex-direction:column;gap:20px;max-width:1180px;min-height:100vh;margin:0 auto;padding:20px 20px 40px;display:flex}.site-header{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.site-header__mark{background:var(--color-ink);width:44px;height:44px;color:var(--color-on-dark);border:2px dashed var(--color-seal);border-radius:50%;flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;display:grid}.site-header__title{font-family:var(--font-display);letter-spacing:.01em;text-transform:lowercase;font-size:clamp(28px,4vw,34px);font-weight:800;line-height:1}.site-header__tagline{color:var(--color-ink-muted);margin-top:4px;font-size:13.5px}.site-header__install{font-family:var(--font-mono);color:var(--color-mint-strong);background:var(--color-mint-bg);border-radius:var(--radius-sm);white-space:nowrap;margin-left:auto;padding:6px 10px;font-size:12.5px}.app-grid{flex:1;grid-template:"fields output""controls output"/minmax(280px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);overflow:hidden}.panel--fields{grid-area:fields}.panel--controls{grid-area:controls;padding:18px 20px 20px}.panel--output{grid-area:output;align-self:stretch}@media (width<=900px){.app-grid{grid-template-columns:1fr;grid-template-areas:"fields""controls""output"}}.app-footer{text-align:center;color:var(--color-ink-faint);padding:4px 12px 8px;font-size:12.5px}.field-selector{max-height:66vh;padding:4px 4px 8px;overflow-y:auto}.field-group{border:0;min-width:0;margin:0;padding:0 4px}.field-group__legend{z-index:1;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:4px 8px;width:100%;padding:10px 12px;display:flex;position:sticky;top:0}.field-group__title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-ink);font-size:15px;font-weight:700}.field-group__count{font-family:var(--font-mono);color:var(--color-ink-faint);font-size:11.5px}.field-group__toggle{color:var(--color-seal);border-radius:var(--radius-sm);background:0 0;border:0;margin-left:auto;padding:4px 6px;font-size:12px;font-weight:600}.field-group__toggle:hover{background:var(--color-seal-bg)}.field-group__list{padding:4px 0 10px}.field-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:8px 12px;display:flex}.field-row:hover{background:var(--color-bg-inset)}.field-row[data-checked=true]{background:var(--color-mint-bg)}.field-row__checkbox{width:17px;height:17px;accent-color:var(--color-seal);flex:none}.field-row__label{flex:none;width:118px;font-size:13.5px;font-weight:500}.field-row__example{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--color-ink-muted);text-align:right;flex:1;font-size:12px;overflow:hidden}.controls-panel{flex-direction:column;gap:18px;display:flex}.control{flex-direction:column;gap:8px;display:flex}.control__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.control__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);font-size:11.5px;font-weight:700}.control__value{font-family:var(--font-mono);color:var(--color-ink);font-size:15px;font-weight:600}.control__hint{color:var(--color-ink-faint);text-align:right;font-size:11px}.control__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control__row input[type=range]{min-width:90px;accent-color:var(--color-seal);flex:1}.control__number,.control__text,.control__select{font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-inset);color:var(--color-ink);min-height:36px;padding:7px 9px;font-size:16px}.control__number{width:76px}.control__number--wide{width:140px}.control__text{width:100%;font-family:var(--font-mono)}.control__select{width:100%;font-family:var(--font-body)}.icon-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-panel);min-height:36px;color:var(--color-ink);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--color-bg-inset)}.icon-button:disabled{opacity:.5}.icon-button[aria-pressed=true]{background:var(--color-mint-bg);border-color:var(--color-mint);color:var(--color-mint-strong)}.icon-button--light{color:var(--color-on-dark);background:#eef0f30f;border-color:#eef0f347}.icon-button--light:hover:not(:disabled){background:#eef0f324}.output-panel{background:var(--color-ink);color:var(--color-on-dark);border-top:4px solid var(--color-seal);flex-direction:column;min-height:420px;display:flex}.output-panel__bar{border-bottom:1px solid #eef0f324;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 14px;display:flex}.output-panel__tab{color:#eef0f399;font-family:var(--font-display);letter-spacing:.02em;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 4px;font-size:14px;font-weight:700}.output-panel__tab[aria-selected=true]{color:var(--color-on-dark);border-bottom-color:var(--color-seal)}.output-panel__tab+.output-panel__tab{margin-left:8px}.output-panel__stats{font-family:var(--font-mono);color:#eef0f38c;margin-left:auto;font-size:11.5px}.output-panel__body{flex-direction:column;flex:1;min-height:0;display:flex}.output-panel__empty{color:#eef0f38c;text-align:center;margin:auto;padding:40px 20px;font-size:14px}.output-panel__actions{border-top:1px solid #eef0f324;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.code-block{min-height:260px;max-height:58vh;font-family:var(--font-mono);flex:1;margin:0;padding:16px;font-size:12.5px;line-height:1.65;overflow:auto}@media (width<=640px){.field-row__label{width:92px}.site-header__install{margin-left:0}.code-block{font-size:11.5px}}
