.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.layout__bar{max-width:var(--maxw);align-items:center;gap:20px;margin:0 auto;padding:14px 24px;display:flex}.layout__brand{color:var(--text);align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.layout__mark{background:var(--lapis);flex:none;width:14px;height:14px;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:rotate(45deg)}.layout__brand:hover .layout__mark{transform:rotate(225deg)}.layout__wordmark{font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;font-size:1.15rem;line-height:1.05;display:flex}.layout__wordmark-sub{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:3px;font-size:.62rem}.layout__burger{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px;font-size:.72rem;display:none}.layout__nav{align-items:center;gap:4px;display:flex}.layout__nav-link{color:var(--muted);border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:7px 12px;font-size:.88rem;font-weight:500;text-decoration:none;position:relative}.layout__nav-link:hover{color:var(--text);background:var(--parchment)}.layout__nav-link.is-active{color:var(--lapis)}.layout__nav-link.is-active:after{content:"";background:var(--gold);width:5px;height:5px;position:absolute;bottom:1px;left:12px;transform:rotate(45deg)}.layout__main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:40px 24px 64px}.layout__footer{border-top:1px solid var(--line);color:#f2ede0;background:#131109;padding:44px 24px}.layout__footer-inner{max-width:var(--maxw);margin:0 auto}.layout__footer-lead{font-family:var(--font-display);color:#f2ede0;max-width:30ch;margin:0 0 14px;font-size:1.35rem;line-height:1.3}.layout__footer-note{color:#f2ede099;max-width:62ch;margin:0;font-size:.82rem;line-height:1.6}@media (width<=800px){.layout__burger{display:block}.layout__nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.layout__nav.is-open{display:flex}.layout__nav-link{padding:12px;font-size:.95rem}.layout__nav-link.is-active:after{inset:50% 12px auto auto}}.home__hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:32px;padding:24px 0 56px;display:grid}.home__title{max-width:16ch;margin:18px 0 20px;font-size:clamp(2.1rem,4.6vw,3.6rem)}.home__title em{color:var(--lapis);font-style:italic}.home__lead{color:var(--muted);max-width:46ch;margin:0 0 28px;font-size:1.05rem;line-height:1.65}.home__hero-actions{flex-wrap:wrap;gap:12px;display:flex}.home__hero-glyph{text-align:center;padding:20px 0;position:relative}.home__hero-glyph span{font-family:var(--font-arabic-mark);color:var(--text);font-size:clamp(7rem,20vw,14rem);font-weight:700;line-height:.9;display:block}.home__mistara{border:0;border-top:1px solid var(--lapis);width:100%;margin:8px 0 0}.home__hero-glyph:after{content:"";background:var(--gold);width:8px;height:8px;position:absolute;bottom:16px;right:4%;transform:rotate(45deg)}.home__index{scroll-margin-top:90px}.home__index-head{margin-bottom:4px}.home__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.home__list li{border-bottom:1px solid var(--line)}.home__item{color:var(--text);box-shadow:inset 0 0 0 0 var(--lapis);transition:background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px 20px;text-decoration:none;display:grid}.home__item:hover{background:var(--parchment);box-shadow:inset 3px 0 0 0 var(--lapis)}.home__item-glyph{font-family:var(--font-arabic-mark);text-align:center;color:var(--faint);transition:color var(--dur-fast) var(--ease);font-size:2.6rem;font-weight:700;line-height:1}.home__item:hover .home__item-glyph{color:var(--lapis)}.home__item-tagline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:.68rem;display:block}.home__item-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:6px;font-size:1.4rem;display:block}.home__item-desc{color:var(--muted);max-width:60ch;font-size:.9rem;line-height:1.55;display:block}.home__item-go{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lapis);white-space:nowrap;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.home__item-go .nuqta{transition:transform var(--dur-fast) var(--ease)}.home__item:hover .home__item-go .nuqta{transform:rotate(45deg)translate(2px,-2px)}.home__sources{border-top:1px solid var(--line);margin-top:64px;padding-top:28px}.home__sources-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px 32px;margin:18px 0 0;display:grid}.home__sources-list dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:6px;font-size:.72rem}.home__sources-list dd{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}@media (width<=860px){.home__hero{grid-template-columns:1fr;gap:8px;padding-bottom:40px}.home__hero-glyph{order:-1}.home__hero-glyph span{font-size:clamp(5rem,34vw,9rem)}}@media (width<=620px){.home__item{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 8px}.home__item-glyph{font-size:1.8rem}.home__item-go{grid-column:2}}.fontpicker__cats{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.fontpicker__cat{font-family:var(--font-mono);letter-spacing:.04em;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:5px 10px;font-size:.7rem}.fontpicker__cat:hover{color:var(--text);border-color:var(--lapis)}.fontpicker__cat.is-active{background:var(--text);color:var(--surface);border-color:var(--text)}.fontpicker__grid{border:1px solid var(--line);border-radius:var(--r);background:var(--parchment);grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;max-height:300px;padding:6px;display:grid;overflow-y:auto}.fontpicker__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;align-items:center;gap:5px;padding:12px 6px 8px;display:flex}.fontpicker__item:hover{border-color:var(--lapis);transform:translateY(-1px)}.fontpicker__item.is-active{border-color:var(--lapis);box-shadow:0 0 0 2px var(--lapis-soft)}.fontpicker__sample{color:var(--text);font-size:1.75rem;line-height:1.2}.fontpicker__name{font-family:var(--font-mono);letter-spacing:.02em;color:var(--faint);font-size:.6rem}.akb{border:1px solid var(--line);border-radius:var(--r);background:var(--parchment);padding:12px}.akb__tabs{gap:6px;margin-bottom:10px;display:flex}.akb__tabs button{font-family:var(--font-mono);letter-spacing:.04em;background:var(--surface);min-height:36px;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 14px;font-size:.72rem}.akb__tabs button.is-active{background:var(--lapis);color:var(--on-lapis);border-color:var(--lapis)}.akb__row{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:4px;display:flex}.akb__key{min-width:38px;min-height:40px;font-size:1.15rem;font-family:var(--font-arabic-mark);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:8px 6px}.akb__key:hover{border-color:var(--lapis)}.akb__key:active{background:var(--lapis-soft)}.akb__key--wide{min-width:120px;font-size:.74rem;font-family:var(--font-mono);letter-spacing:.04em}.akb__harakat{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;display:grid}.akb__harakat-key{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);flex-direction:column;align-items:center;gap:2px;padding:9px 4px;display:flex}.akb__harakat-key:hover{border-color:var(--lapis)}.akb__harakat-mark{font-size:1.5rem;font-family:var(--font-arabic-mark);color:var(--text)}.akb__harakat-label{font-family:var(--font-mono);color:var(--faint);font-size:.6rem}.editor{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.editor__controls{padding:22px}.editor__textarea{resize:vertical;font-size:1.5rem;line-height:1.7;font-family:var(--font-arabic-mark)}.editor__inline-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.editor__mini{padding:7px 11px;font-size:.78rem}.editor__keyboard{margin-top:12px}.editor__phrases{margin-top:16px}.editor__phrase-chips{flex-wrap:wrap;gap:6px;display:flex}.editor__chip{background:var(--parchment);color:var(--text);border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:500}.editor__chip:hover{border-color:var(--lapis);background:var(--lapis-soft)}.editor__divider{border:0;border-top:1px solid var(--line);margin:20px 0 16px}.editor__grid{grid-template-columns:1fr 1fr;gap:14px 16px;margin:14px 0;display:grid}.editor__field{flex-direction:column;gap:5px;display:flex}.editor__field-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-size:.68rem}.editor__align,.editor__bg-types,.editor__scale{gap:4px;display:flex}.editor__align button,.editor__bg-types button,.editor__scale button{min-height:40px;font-family:var(--font-mono);background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex:1;justify-content:center;align-items:center;padding:8px 4px;font-size:.8rem;display:inline-flex}.editor__align button:hover,.editor__bg-types button:hover,.editor__scale button:hover{color:var(--text);border-color:var(--lapis)}.editor__align button.is-active,.editor__bg-types button.is-active,.editor__scale button.is-active{background:var(--lapis);color:var(--on-lapis);border-color:var(--lapis)}.editor__color{margin:10px 0}.editor__color-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.editor__color-row input[type=color]{width:40px;height:34px}.editor__color-hex{width:100px;font-size:.82rem;font-family:var(--font-mono);padding:7px 9px}.editor__swatches{gap:4px;display:flex}.editor__swatches button{border:1px solid var(--line);border-radius:var(--r-sm);width:22px;height:22px}.editor__checkbox{cursor:pointer;align-items:center;gap:8px;margin:10px 0;font-size:.88rem;font-weight:500;display:flex}.editor__checkbox input{accent-color:var(--lapis)}.editor__bg-types{margin-bottom:12px}.editor__upload{cursor:pointer;font-size:.82rem;display:inline-flex}.editor__preview-wrap{flex-direction:column;gap:18px;display:flex;position:sticky;top:100px}.editor__preview{background:var(--parchment);border:1px solid var(--line);border-radius:var(--r-lg);justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex;overflow:auto;box-shadow:inset 0 1px 3px #1b1a170f}.editor__canvas{max-width:100%;height:auto;box-shadow:var(--shadow);background:linear-gradient(45deg,#e6ddca 25%,#0000 25%) -6px 0/12px 12px,linear-gradient(-45deg,#e6ddca 25%,#0000 25%) -6px 0/12px 12px,linear-gradient(45deg,#0000 75%,#e6ddca 75%) -6px 0/12px 12px,linear-gradient(-45deg,#0000 75%,#e6ddca 75%) -6px 0/12px 12px,#f3ecdc}.editor__export{padding:18px 20px}.editor__export-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.editor__export-buttons{flex-wrap:wrap;gap:8px;display:flex}.editor__status{min-height:1.1em;font-family:var(--font-mono);color:var(--lapis);margin:12px 0 0;font-size:.8rem}@media (width<=920px){.editor{grid-template-columns:1fr}.editor__preview-wrap{order:-1;position:static}}.tool-page__head{border-bottom:1px solid var(--line);max-width:62ch;margin-bottom:32px;padding-bottom:20px}.tool-page__head h1{margin:12px 0;font-size:clamp(1.9rem,3.6vw,2.6rem)}.tool-page__head p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.65}.tool-page__head .eyebrow{margin-bottom:2px}.namegen{margin-bottom:32px;padding:22px}.namegen__input{margin-bottom:20px;font-size:1.05rem}.namegen__result-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.namegen__badge{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.66rem}.namegen__badge--ok{border-color:color-mix(in srgb, var(--lapis) 40%, var(--line));color:var(--lapis)}.namegen__badge--warn{border-color:color-mix(in srgb, var(--gold) 50%, var(--line));color:var(--gold-ink)}.namegen__chips{flex-wrap:wrap;gap:10px;display:flex}.namegen__chip{font-family:var(--font-arabic-mark);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);padding:8px 20px;font-size:2rem;line-height:1.3}.namegen__chip:hover{border-color:var(--lapis);transform:translateY(-1px)}.namegen__chip.is-active{border-color:var(--lapis);box-shadow:0 0 0 2px var(--lapis-soft)}.namegen__empty{color:var(--faint);margin:0;font-size:.9rem}.namegen__editor-title{margin-bottom:16px;padding-top:8px;font-size:1.5rem}.fancy__input{margin-bottom:22px;font-size:1.1rem}.fancy__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.fancy__item{text-align:left;background:var(--surface);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex-direction:column;gap:5px;padding:14px 16px;display:flex}.fancy__item:hover{border-color:var(--lapis);box-shadow:var(--shadow);transform:translateY(-1px)}.fancy__style-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.64rem}.fancy__output{word-break:break-word;color:var(--text);font-size:1.2rem;line-height:1.5}.fancy__copy{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lapis);font-size:.64rem}.qc{padding:22px}.qc__row{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.qc__field{flex-direction:column;flex:1;min-width:220px;display:flex}.qc__field--sm{flex:0;min-width:110px;max-width:130px}.qc__field-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-size:.68rem}.qc__hint{color:var(--muted);background:var(--lapis-soft);border:1px solid color-mix(in srgb, var(--lapis) 25%, var(--line));border-radius:var(--r);margin-bottom:14px;padding:10px 14px;font-size:.85rem;line-height:1.55}.qc__muted{color:var(--faint);font-size:.85rem}.qc__glyphs{background:var(--parchment);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;gap:6px 4px;padding:22px;line-height:2;display:flex}.qc__token{border-radius:var(--r-sm);color:var(--text);background:0 0;border:1px solid #0000;padding:2px 6px;font-size:2.4rem;line-height:1.6;transition:background .1s,border-color .1s}.qc__token:hover{border-color:var(--lapis)}.qc__token.is-sel{background:var(--lapis-soft);border-color:var(--lapis)}.qc__token--end{color:var(--gold)}.qc__controls{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.qc__outputs{gap:12px;display:grid}.qc__output{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.qc__output-head{background:var(--text);color:var(--surface);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.qc__output-head .qc__field-label{color:color-mix(in srgb, var(--surface) 72%, transparent)}.qc__copy-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--surface);border:1px solid color-mix(in srgb, var(--surface) 30%, transparent);border-radius:var(--r-sm);background:0 0;padding:5px 9px;font-size:.66rem}.qc__copy-btn:hover{background:color-mix(in srgb, var(--surface) 14%, transparent)}.qc__output-val{word-break:break-word;background:var(--surface);min-height:40px;padding:14px;font-size:1.5rem}.qc__output-val.is-mono{font-family:var(--font-arabic-mark)}.qc__translations{gap:10px;margin:18px 0;display:grid}.qc__trans{border-left:2px solid var(--lapis);padding-left:12px}.qc__trans-key{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);font-size:.68rem}.qc__trans-id{margin:3px 0;font-size:.92rem}.qc__trans-en{color:var(--muted);margin:3px 0;font-size:.84rem;font-style:italic}.qc__divider{border:0;border-top:1px solid var(--line);margin:18px 0}.qc__export-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.qc__export-controls label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);flex-direction:column;gap:4px;font-size:.66rem;display:flex}.qc__hidden-canvas{display:none}.qc__fonts{margin-top:18px}.qc__font-links{flex-direction:column;gap:6px;margin-top:8px;display:flex}.qc__font-link{font-family:var(--font-mono);background:var(--lapis-soft);color:var(--lapis);border:1px solid color-mix(in srgb, var(--lapis) 25%, var(--line));border-radius:var(--r-sm);width:fit-content;padding:8px 11px;font-size:.78rem;text-decoration:none}.qc__font-link:hover{border-color:var(--lapis)}.qc__status{min-height:1.1em;font-family:var(--font-mono);color:var(--lapis);margin-top:14px;font-size:.8rem}.qc__export-controls label{font-variant-numeric:tabular-nums}:root{--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-ui:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-arabic-mark:"Amiri", "Scheherazade New", serif;--ink:#1b1a17;--paper:#f6f2e9;--surface:#fffdf7;--parchment:#efe8d6;--line:#ddd4c1;--text:#232019;--muted:#6b6558;--faint:#6f6857;--lapis:#234e82;--lapis-strong:#1c3f6a;--lapis-soft:#e5ebf3;--gold:#a97c3f;--gold-ink:#82601f;--cinnabar:#a6402e;--on-lapis:#f7f4ec;--r-sm:8px;--r:12px;--r-lg:18px;--dur-fast:.12s;--dur:.2s;--ease:cubic-bezier(.2, .7, .2, 1);--shadow-sm:0 1px 2px #1b1a170f, 0 1px 1px #1b1a170a;--shadow:0 6px 20px #1b1a1714, 0 1px 3px #1b1a170f;--shadow-lg:0 20px 48px #1b1a1724;--maxw:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#0f0e0b;--paper:#17150f;--surface:#201d16;--parchment:#2a261d;--line:#3a352b;--text:#ece6d6;--muted:#a9a08b;--faint:#948c79;--lapis:#86aadd;--lapis-strong:#a5c2e9;--lapis-soft:#22314a;--gold:#c9a35f;--gold-ink:#d9b877;--cinnabar:#d9755f;--on-lapis:#10161f;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 24px #00000073;--shadow-lg:0 24px 56px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.6}#root{overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin:0;font-weight:400;line-height:1.12}p{margin:0 0 1em}a{color:var(--lapis);text-underline-offset:3px;text-decoration-thickness:1px}button{color:inherit;cursor:pointer;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}::selection{background:var(--lapis);color:var(--on-lapis)}:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nuqta{background:var(--lapis);flex:none;width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lapis);align-items:center;gap:9px;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);width:6px;height:6px;transform:rotate(45deg)}.rule{border:0;border-top:1px solid var(--line);margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.btn{min-height:40px;font-family:var(--font-ui);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;line-height:1;display:inline-flex}.btn svg{flex:none}.btn:hover{border-color:var(--lapis);box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--primary{background:var(--lapis);color:var(--on-lapis);border-color:var(--lapis)}.btn--primary:hover{background:var(--lapis-strong);border-color:var(--lapis-strong)}.btn--dark{background:var(--text);color:var(--surface);border-color:var(--text)}.btn--dark:hover{opacity:.88}.field-input{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;font-size:.95rem;transition:border-color .12s,box-shadow .12s}.field-input:focus{border-color:var(--lapis);box-shadow:0 0 0 3px var(--lapis-soft);outline:none}.field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:8px;font-size:.7rem;font-weight:500;display:block}input[type=range]{width:100%;accent-color:var(--lapis)}input[type=color]{border:1px solid var(--line);border-radius:var(--r-sm);background:0 0;padding:0}.field-label,.editor__field-label{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}