*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-app, "Inter", system-ui, sans-serif);color:#1d2630;background:#faf8f4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;cursor:default}button{font:inherit;color:inherit;cursor:default}kbd{font-family:Roboto Mono,ui-monospace,monospace;background:#fff;border:1px solid var(--rule-2);padding:1px 5px;border-radius:4px;font-size:11px}.shell{--r: calc(8px * var(--radius-scale, 1));--r-lg: calc(14px * var(--radius-scale, 1));--r-sm: calc(6px * var(--radius-scale, 1));--r-xl: calc(22px * var(--radius-scale, 1));--bg: #faf8f4;--paper: #ffffff;--ink: #1d2630;--ink-2: #475569;--ink-3: #94a3b8;--rule: #ecebe5;--rule-2:#e3e1d8;position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow-x:hidden;transition:background .25s,color .25s}.shell--dark{--bg: #0e1116;--paper: #161b22;--ink: #e6edf3;--ink-2: #9ba9b9;--ink-3: #6b7785;--rule: #232a33;--rule-2:#2e3744}.bgwash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.bgwash__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 28px);-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,black 0%,transparent 100%);mask-image:radial-gradient(80% 60% at 50% 30%,black 0%,transparent 100%);opacity:.5}.bgwash__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6}.shell--dark .bgwash__glow{opacity:.2}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--rule)}.nav__inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 32px;height:72px}.brand{display:flex;align-items:center;gap:10px}.brand__name{font-weight:700;font-size:19px;letter-spacing:-.01em;font-family:"Source Serif 4",Georgia,serif}.nav__center{margin:0 auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}.nav__crumb{font-weight:500}.nav__crumb--muted{color:var(--ink-3);font-weight:400}.nav__crumb-sep{color:var(--ink-3);opacity:.5}.nav__right{display:flex;align-items:center;gap:8px}.iconpill,.langpill,.settingsbtn{height:38px;border-radius:999px;border:1px solid var(--rule-2);background:var(--paper);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:13px;font-weight:500;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s}.iconpill{width:38px;color:var(--ink-2)}.iconpill:hover{background:color-mix(in srgb,var(--ink) 6%,var(--paper));color:var(--ink)}.langpill{padding:0 12px;gap:6px}.langpill>svg:last-child{color:var(--ink-3)}.settingsbtn{padding:0 16px;gap:8px;border-color:transparent;cursor:pointer;box-shadow:0 1px #fff3 inset,0 6px 16px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.main{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:32px;flex:1;display:flex;flex-direction:column}.conv{flex:1;display:flex;flex-direction:column}.conv__card{position:relative;display:flex;flex-direction:column;flex:1;background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r-xl);box-shadow:0 2px #00000005,0 24px 56px -28px color-mix(in srgb,var(--accent-deep) 50%,transparent);overflow:hidden;transition:background .25s,border-color .25s}.conv__corner{position:absolute;opacity:.5;pointer-events:none;width:44px;height:44px}.conv__corner--tl{top:10px;left:10px}.conv__corner--tr{top:10px;right:10px}.conv__corner--bl{bottom:10px;left:10px}.conv__corner--br{bottom:10px;right:10px}.conv__top{display:flex;align-items:center;gap:16px;padding:28px 32px 20px;border-bottom:1px dashed var(--rule);flex-wrap:wrap;flex-shrink:0}.conv__group{display:flex;flex-direction:column;gap:8px}.pillrow{display:flex;gap:6px;padding:4px;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-radius:999px}.pill{padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.pill__name{font-size:13px;font-weight:600;color:var(--ink)}.pill__sub{font-size:10px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.pill:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.pill--on{background:var(--paper);border-color:color-mix(in srgb,var(--accent) 30%,var(--rule-2));box-shadow:0 1px 2px #0000000a,0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.pill--on .pill__name{color:var(--accent-deep)}.pill--on .pill__sub{color:var(--accent)}.shell--dark .pill--on .pill__name{color:color-mix(in srgb,var(--accent) 30%,white)}.pill[data-script=ar] .pill__name{font-family:KazNet,Kerwen Tor,Noto Naskh Arabic,serif;font-size:15px}.swap{width:44px;height:44px;border-radius:999px;border:1px solid var(--rule-2);background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;margin-bottom:2px;transition:transform .25s,background .15s,color .15s,border-color .15s}.conv__opts{margin-inline-start:auto;display:flex;flex-direction:column;gap:8px}.opt{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}.opt input{position:absolute;opacity:0;width:0;height:0}.opt__box{width:16px;height:16px;border:1.5px solid var(--rule-2);border-radius:4px;background:var(--paper);position:relative;transition:background .15s,border-color .15s}.opt input:checked+.opt__box{background:var(--accent);border-color:var(--accent)}.opt input:checked+.opt__box:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}.conv__body{display:grid;grid-template-columns:1fr 1fr;min-height:480px;flex:1 1 auto;align-content:stretch}.pane{display:flex;flex-direction:column;padding:20px 28px 16px;background:var(--paper);position:relative}.pane--right{background:color-mix(in srgb,var(--ink) 1.5%,var(--paper));border-left:1px dashed var(--rule)}.pane__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.pane__label{display:inline-flex;align-items:baseline;gap:8px}.pane__dot{width:8px;height:8px;border-radius:999px;align-self:center}.pane__name{font-weight:600;font-size:14px;color:var(--ink)}.pane__sub{font-size:11px;color:var(--ink-3);font-family:Roboto Mono,ui-monospace,monospace}.pane__tools{display:flex;gap:4px}.ibtn{width:30px;height:30px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center}.ibtn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.pane__ta{flex:1;resize:none;border:0;outline:none;padding:8px 4px;font-family:inherit;line-height:1.55;color:var(--ink);background:transparent;min-height:340px}.pane__ta::placeholder{color:var(--ink-3)}.pane__foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px dashed var(--rule);margin-top:10px}.pane__stats{font-size:12px;color:var(--ink-3);display:flex;gap:8px;align-items:center}.pane__stats b{color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums}.dot-sep{color:var(--ink-3);opacity:.5}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--rule-2);background:var(--paper);color:var(--ink-2);font-size:12px;font-weight:500}.copy-btn:hover,.copy-btn--ok{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent)}.shell--dark .copy-btn:hover,.shell--dark .copy-btn--ok{color:color-mix(in srgb,var(--accent) 20%,white);background:color-mix(in srgb,var(--accent) 18%,var(--paper))}.conv__bottom{display:flex;align-items:center;justify-content:end;gap:16px;padding:16px 32px;border-top:1px solid var(--rule);background:color-mix(in srgb,var(--ink) 2%,var(--paper));flex-wrap:wrap;flex-shrink:0}.conv__actions{display:flex;gap:8px}.convstats{margin-inline-end:auto;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:40px;border-radius:var(--r);border:1px solid transparent;font-size:13.5px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#fff;box-shadow:0 1px #fff3 inset,0 6px 16px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.btn--ghost{background:var(--paper);color:var(--ink);border-color:var(--rule-2)}.btn--ghost:hover{background:color-mix(in srgb,var(--ink) 5%,var(--paper))}.foot{position:relative;z-index:1;border-top:1px solid var(--rule)}.foot__inner{max-width:1240px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-3);flex-wrap:wrap}.foot__copy{font-weight:500;color:var(--ink-2)}.foot__dot{opacity:.5}.foot a:hover{color:var(--accent)}.drawerBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f131a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.drawerBg--on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(460px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border-left:1px solid var(--rule-2);box-shadow:-16px 0 48px -12px #0f131a2e;display:flex;flex-direction:column;transform:translate(105%);transition:transform .32s cubic-bezier(.2,.7,.1,1)}.drawer--on{transform:translate(0)}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--rule)}.drawer__title{margin:0 0 4px;font-size:22px;font-weight:600;font-family:"Source Serif 4",Georgia,serif;letter-spacing:-.01em}.drawer__sub{margin:0;font-size:13px;color:var(--ink-2);max-width:320px}.drawer__close{width:36px;height:36px;border:1px solid var(--rule-2);color:var(--ink-2)}.drawer__body{flex:1;overflow-y:auto;padding:8px 24px 24px;display:flex;flex-direction:column;gap:28px}.drawer__foot{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--rule);background:color-mix(in srgb,var(--ink) 2%,var(--paper))}.drawer__foot .btn{flex:1;justify-content:center}.set-sect{display:flex;flex-direction:column;gap:16px;padding-top:16px}.set-sect__head{display:flex;gap:12px;align-items:flex-start}.set-sect__icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shell--dark .set-sect__icon{background:color-mix(in srgb,var(--accent) 22%,var(--paper));color:color-mix(in srgb,var(--accent) 30%,white)}.set-sect__head h3{margin:0 0 2px;font-size:15px;font-weight:600}.set-sect__head p{margin:0;font-size:12.5px;color:var(--ink-2)}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.palette-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:var(--r-lg);border:1.5px solid var(--rule);background:var(--paper);text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.palette-card:hover{transform:translateY(-1px);border-color:var(--rule-2)}.palette-card__swatch{display:flex;width:100%;height:28px;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.palette-card__swatch>span{flex:1}.palette-card__name{font-size:13px;font-weight:600}.palette-card__sub{font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.palette-card__check{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.palette-card__check svg{width:12px;height:12px}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.font-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--r);border:1.5px solid var(--rule);background:var(--paper);transition:border-color .15s,transform .15s,background .15s}.font-card:hover{transform:translateY(-1px);border-color:var(--rule-2)}.font-card--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 50%,var(--paper))}.font-card__sample{font-size:22px;font-weight:600;color:var(--ink);line-height:1}.font-card__name{font-size:11.5px;color:var(--ink-2);font-weight:500}.font-card--on .font-card__name{color:var(--accent-deep)}.shell--dark .font-card--on{background:color-mix(in srgb,var(--accent) 12%,var(--paper))}.shell--dark .font-card--on .font-card__name{color:color-mix(in srgb,var(--accent) 25%,white)}.set-row{display:flex;flex-direction:column;gap:10px}.set-row__head{display:flex;justify-content:space-between;align-items:baseline}.set-row__head label{font-size:13px;font-weight:500;color:var(--ink)}.set-row__val{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;font-family:Roboto Mono,ui-monospace,monospace}.set-row__hint{margin:2px 0 0;font-size:12px;color:var(--ink-3)}.set-row--toggle{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r);background:color-mix(in srgb,var(--ink) 1.5%,var(--paper))}.set-row--toggle label{font-size:13.5px;font-weight:500}.slider-wrap{display:flex;align-items:center;gap:10px}.slider-min{font-size:12px;color:var(--ink-3)}.slider-max{font-size:16px;color:var(--ink-3);font-weight:600}.slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent),var(--accent) calc((var(--val,50) - 14) / 10 * 100%),var(--rule) calc((var(--val,50) - 14) / 10 * 100%));background:var(--rule)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:var(--accent);border:3px solid var(--paper);box-shadow:0 1px 3px #0003}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--accent);border:3px solid var(--paper);box-shadow:0 1px 3px #0003}.slider-shape{width:14px;height:14px;flex-shrink:0;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1.5px solid var(--accent)}.slider-shape--sharp{border-radius:0}.slider-shape--soft{border-radius:999px}.switch{width:42px;height:24px;border-radius:999px;background:var(--rule-2);border:0;padding:0;position:relative;transition:background .2s}.switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform .22s cubic-bezier(.4,1.4,.5,1)}.switch--on{background:var(--accent)}.switch--on .switch__thumb{transform:translate(18px)}@media (max-width: 900px){.nav__center{display:none}.nav__inner{justify-content:space-between;gap:12px}.conv__body{grid-template-columns:1fr}.pane--right{border-left:0;border-top:1px dashed var(--rule)}.conv__opts{margin-inline-start:0;flex-direction:row;flex-wrap:wrap}.palette-grid{grid-template-columns:1fr}.font-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 600px){.settingsbtn span{display:none}.settingsbtn{width:38px;padding:0;justify-content:center}.nav__inner{padding:12px 16px}.main{padding:24px 16px}}@font-face{font-family:KazNet;src:url(/fonts/KazNet.ttf) format("truetype");font-weight:400;font-display:swap}.langpick{position:relative}.langpill{cursor:pointer}.langpill__cur{font-weight:600;max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:184px;padding:6px;background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r-lg);box-shadow:0 16px 40px -16px #0f131a52;display:flex;flex-direction:column;gap:2px}.langmenu__item{display:flex;align-items:baseline;gap:8px;padding:9px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:start;cursor:pointer;transition:background .15s}.langmenu__item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.langmenu__item--on{background:var(--accent-soft)}.shell--dark .langmenu__item--on{background:color-mix(in srgb,var(--accent) 18%,var(--paper))}.langmenu__label{font-size:14.5px;font-weight:600}.langmenu__item--on .langmenu__label{color:var(--accent-deep)}.shell--dark .langmenu__item--on .langmenu__label{color:color-mix(in srgb,var(--accent) 30%,white)}.langmenu__sub{font-size:10px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.langmenu__check{margin-inline-start:auto;color:var(--accent);align-self:center;display:inline-flex}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lang-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:var(--r);border:1.5px solid var(--rule);background:var(--paper);cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.lang-card:hover{transform:translateY(-1px);border-color:var(--rule-2)}.lang-card--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 50%,var(--paper))}.shell--dark .lang-card--on{background:color-mix(in srgb,var(--accent) 12%,var(--paper))}.lang-card__label{font-size:17px;font-weight:600;color:var(--ink);line-height:1.2}.lang-card--on .lang-card__label{color:var(--accent-deep)}.shell--dark .lang-card--on .lang-card__label{color:color-mix(in srgb,var(--accent) 25%,white)}.lang-card__sub{font-size:10px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.shell--rtl .conv__body,.shell--rtl .slider-wrap{direction:ltr}.shell--rtl .drawer__title{font-family:inherit}