@font-face{font-family:Rubik UI;src:url(./rubik-hebrew-wght-normal-BIkpbuMU.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik UI;src:url(./rubik-latin-wght-normal-CnQIisVs.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,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:Frank UI;src:url(./frank-ruhl-libre-hebrew-700-normal-ZxcPrX5v.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Frank UI;src:url(./frank-ruhl-libre-hebrew-900-normal-CYMPuKQS.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Frank UI;src:url(./frank-ruhl-libre-latin-700-normal-BtbVhCvj.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:Cinzel UI;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+00C0-00FF}:root{--font-ui: "Rubik UI", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-display: "Frank UI", "Times New Roman", serif;--font-word: "Cinzel UI", "Frank UI", serif;--bg: #0b0e15;--bg-2: #0f131c;--glow: rgba(142, 167, 212, .085);--field: #121724;--field-hover: #161c2b;--line: #222a3b;--line-2: #2e3850;--text: #eceff5;--text-2: #a5adbe;--text-3: #6f7789;--accent: #f3e2b0;--accent-ink: #1b1608;--accent-soft: rgba(243, 226, 176, .14);--focus: #f3e2b0;--stage-shadow: 0 1px 0 0 rgba(255, 255, 255, .05) inset, 0 26px 50px -28px rgba(0, 0, 0, .8);--stage-ring: rgba(255, 255, 255, .07);--spill: rgba(142, 167, 212, .3);--toast-bg: #f3e2b0;--toast-ink: #1b1608;--ar: 16 / 9;--arn: 1.7778;--r-stage: 16px;--r: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #e8ecf3;--bg-2: #dfe5ee;--glow: rgba(255, 255, 255, .85);--field: #f4f6fa;--field-hover: #ffffff;--line: #cfd6e2;--line-2: #b9c2d2;--text: #10131a;--text-2: #4a5266;--text-3: #7a8294;--accent: #121318;--accent-ink: #f7edc6;--accent-soft: rgba(18, 19, 24, .07);--focus: #121318;--stage-shadow: 0 1px 0 0 rgba(255, 255, 255, .4) inset, 0 40px 80px -36px rgba(30, 44, 80, .45), 0 14px 30px -20px rgba(30, 44, 80, .35);--stage-ring: rgba(16, 19, 26, .08);--spill: rgba(110, 138, 196, .32);--toast-bg: #121318;--toast-ink: #f7edc6;color-scheme:light}}:root[data-theme=light]{--bg: #e8ecf3;--bg-2: #dfe5ee;--glow: rgba(255, 255, 255, .85);--field: #f4f6fa;--field-hover: #ffffff;--line: #cfd6e2;--line-2: #b9c2d2;--text: #10131a;--text-2: #4a5266;--text-3: #7a8294;--accent: #121318;--accent-ink: #f7edc6;--accent-soft: rgba(18, 19, 24, .07);--focus: #121318;--stage-shadow: 0 1px 0 0 rgba(255, 255, 255, .4) inset, 0 40px 80px -36px rgba(30, 44, 80, .45), 0 14px 30px -20px rgba(30, 44, 80, .35);--stage-ring: rgba(16, 19, 26, .08);--spill: rgba(110, 138, 196, .32);--toast-bg: #121318;--toast-ink: #f7edc6;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20vh -10vw auto -10vw;height:90vh;background:radial-gradient(60% 55% at 38% 42%,var(--glow),transparent 70%);pointer-events:none;z-index:0}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}svg{display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}kbd{font:500 11px/1 var(--font-ui);padding:3px 6px 2px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;color:var(--text-2);unicode-bidi:isolate}.shell{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:0 clamp(16px,3.2vw,48px) 40px}.top{display:flex;align-items:center;gap:14px;height:76px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;border-radius:8px}.brand-mark{width:30px;height:30px;transform:scaleX(-1)}.brand-mark .bulb{fill:var(--accent)}:root[data-theme=light] .brand-mark .bulb{fill:#e9c46a}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .brand-mark .bulb{fill:#e9c46a}}.brand-name{font:700 25px/1 var(--font-display);letter-spacing:.01em;transform:translateY(1px)}.tagline{color:var(--text-3);font-size:14px;padding-inline-start:14px;border-inline-start:1px solid var(--line);line-height:18px}.theme-btn{margin-inline-start:auto}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-2);transition:background-color .18s,color .18s,border-color .18s}.icon-btn:hover{background:var(--field);color:var(--text)}.icon-btn svg{width:20px;height:20px;fill:currentColor}.icon-btn svg .s,.btn svg .s{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-btn svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.theme-btn .i-sun{display:none}:root[data-theme=light] .theme-btn .i-sun{display:block}:root[data-theme=light] .theme-btn .i-moon{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-btn .i-sun{display:block}:root:not([data-theme=dark]) .theme-btn .i-moon{display:none}}.layout{display:grid;grid-template-columns:clamp(300px,27vw,380px) minmax(0,1fr);grid-template-areas:"panel stage";gap:clamp(32px,4vw,64px);align-items:start;padding-top:clamp(4px,1.5vh,20px)}.stage-col{grid-area:stage;min-width:0}.panel{grid-area:panel;min-width:0}.stage-wrap{position:relative}.stage-wrap:after{content:"";position:absolute;left:4%;right:4%;bottom:-64px;height:110px;background:radial-gradient(50% 50% at 50% 50%,var(--spill),transparent 72%);filter:blur(18px);pointer-events:none;z-index:-1}.stage{position:relative;aspect-ratio:var(--ar);width:min(100%,calc((100svh - 220px) * var(--arn)));min-width:min(100%,280px);margin-inline:auto;border-radius:var(--r-stage);overflow:hidden;background:#000;box-shadow:var(--stage-shadow),0 0 0 1px var(--stage-ring);isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s var(--ease-out)}.stage[data-state=ready] canvas,.stage[data-state=exporting] canvas{opacity:1}.stage:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 120% at 50% 45%,transparent 58%,rgba(5,8,16,.22) 100%);pointer-events:none}.stage-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#8f9ab3;font-size:14px;background:radial-gradient(70% 60% at 50% 60%,#151b29,#07090e);transition:opacity .5s}.stage[data-state=ready] .stage-msg,.stage[data-state=exporting] .stage-msg{opacity:0;pointer-events:none}.stage[data-state=error] .loader{display:none}.loader{width:8px;height:8px;border-radius:50%;background:#f3e2b0;box-shadow:0 0 18px 6px #f3e2b059;animation:breathe 1.6s var(--ease-io) infinite alternate}@keyframes breathe{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stage-export{position:absolute;top:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 11px;border-radius:999px;background:#080a10b8;color:#eceff5;font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s var(--ease-out);z-index:2}.stage[data-state=exporting] .stage-export{opacity:1;transform:none}.stage-export .dot{width:7px;height:7px;border-radius:50%;background:#e5484d;animation:breathe .9s ease-in-out infinite alternate}.transport{display:flex;align-items:center;gap:6px;width:min(100%,calc((100svh - 220px) * var(--arn, 1.7778)));margin:18px auto 0}.play-btn .i-play{display:none}.play-btn[data-paused=true] .i-play{display:block;transform:scaleX(-1)}.play-btn[data-paused=true] .i-pause{display:none}.mute-btn svg{transform:scaleX(-1)}.mute-btn .i-off,.mute-btn[data-sound=off] .i-on,.mute-btn[data-sound=locked] .i-on{display:none}.mute-btn[data-sound=off] .i-off,.mute-btn[data-sound=locked] .i-off{display:block}.mute-btn[data-sound=off]{color:var(--text-3)}.mute-btn{position:relative}.mute-btn[data-sound=locked]:after{content:"";position:absolute;top:8px;left:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.scrub{--p: 0%;flex:1;min-width:0;height:28px;margin:0 8px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.scrub::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to left,var(--text-2) var(--p),var(--line-2) var(--p))}.scrub::-moz-range-track{height:3px;border-radius:3px;background:var(--line-2)}.scrub::-moz-range-progress{height:3px;border-radius:3px;background:var(--text-2)}.scrub::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--text);border:0;box-shadow:0 0 0 4px var(--bg);transition:transform .15s}.scrub::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);border:0;box-shadow:0 0 0 4px var(--bg)}.scrub:hover::-webkit-slider-thumb{transform:scale(1.18)}.scrub:focus-visible{outline-offset:0;border-radius:6px}.tc{min-width:82px;text-align:end;font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tc b{font-weight:500;color:var(--text-2)}.keys{width:min(100%,calc((100svh - 220px) * var(--arn, 1.7778)));margin:10px auto 0;padding-inline-start:8px;font-size:12.5px;color:var(--text-3)}.keys .sep{margin:0 6px}.panel{display:flex;flex-direction:column;gap:30px;padding-top:6px}.field{margin:0;padding:0;border:0;min-width:0}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.label{display:block;padding:0;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-2)}legend.label{margin-bottom:12px}.optional,.count{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.count[data-full=true]{color:var(--text)}.count[data-over=true]{color:#e5484d;font-weight:600}.word-input{display:block;width:100%;padding:2px 0 14px;border:0;border-bottom:1.5px solid var(--line-2);border-radius:0;background:transparent;font-family:var(--font-word);font-weight:700;font-size:clamp(40px,4.2vw,54px);line-height:1.15;letter-spacing:.01em;color:var(--text);text-align:right;unicode-bidi:plaintext;caret-color:var(--accent);transition:border-color .2s}.word-input[data-script=latin]{font-weight:600;letter-spacing:.04em}.word-input[data-script=hebrew]{font-weight:900}.word-input::placeholder{color:var(--text-3);opacity:.55;font-family:var(--font-display);font-weight:700;letter-spacing:0}.word-input:hover{border-bottom-color:var(--text-3)}.word-input:focus{outline:none;border-bottom-color:var(--accent)}.word-input:focus-visible{outline:none}.hint{position:relative;min-height:24px;margin:10px 0 0;font-size:13px;color:var(--text-3)}.hint>span{display:inline-flex;align-items:center;gap:8px;transition:opacity .25s}.hint .hint-target{position:absolute;inset-inline-start:0;top:0;opacity:0}.hint[data-target=true] .hint-default{opacity:0}.hint[data-target=true] .hint-target{opacity:1}.target-chip{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:6px;background:var(--accent-soft);color:var(--text);font:900 15px/1 var(--font-word)}.target-chip[data-script=latin]{font-weight:600;font-size:14px}.text-input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--field);font-size:16px;color:var(--text);unicode-bidi:plaintext;text-align:right;transition:border-color .18s,background-color .18s}.text-input::placeholder{color:var(--text-3)}.text-input:hover{background:var(--field-hover)}.text-input:focus{outline:none;border-color:var(--accent);background:var(--field-hover)}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swatch{position:relative;display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:right;color:var(--text-2);font-size:13px}.swatch-pic{position:relative;display:block;width:100%;aspect-ratio:16 / 10;max-height:88px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--stage-ring);transition:box-shadow .2s,transform .25s var(--ease-out)}.swatch-pic .glyph{position:absolute;bottom:33%;right:24%;color:#121318;font:900 26px/.72 var(--font-word)}.swatch-pic .glyph[data-script=latin]{font-weight:600;font-size:24px}.swatch-pic .pool{position:absolute;bottom:27%;left:14%;width:46%;height:13%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#fff6e8f2,#fff6e800)}.swatch-name{padding-inline-start:2px;transition:color .2s}.swatch:hover .swatch-pic{transform:translateY(-2px)}.swatch[aria-checked=true] .swatch-pic{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.swatch[aria-checked=true] .swatch-name{color:var(--text);font-weight:500}.swatch:focus-visible{outline:none}.swatch:focus-visible .swatch-pic{outline:2px solid var(--focus);outline-offset:5px}.swatch:focus-visible:not([aria-checked=true]) .swatch-pic{outline-offset:2px}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:4px;border-radius:calc(var(--r) + 2px);background:var(--field);border:1px solid var(--line)}.seg button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--text-3);font-size:14px;transition:background-color .18s,color .18s}.seg button:hover{color:var(--text)}.seg button[aria-checked=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #00000040,0 0 0 1px var(--line)}.seg .ar{display:inline-block;border:1.5px solid currentColor;border-radius:2.5px;opacity:.9}.actions{padding-top:26px;border-top:1px solid var(--line)}.actions-row{display:flex;gap:10px;container-type:inline-size;flex:1;min-width:0}@container (max-width: 330px){.btn .fmt{display:none}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;border-radius:var(--r);border:1px solid transparent;overflow:hidden;font-size:15.5px;font-weight:500;white-space:nowrap;transition:background-color .18s,border-color .18s,color .18s,transform .12s,opacity .2s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.35;box-shadow:none}.btn-label{position:relative;display:inline-flex;align-items:center;gap:9px;z-index:1}.btn svg{width:20px;height:20px}.btn .fmt{font-size:12px;font-weight:600;letter-spacing:.06em;padding:3px 6px 2px;border-radius:5px;background:#0000001a}:root[data-theme=light] .btn-primary .fmt{background:#ffffff1f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .btn-primary .fmt{background:#ffffff1f}}.btn-primary{flex:1;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -14px var(--accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{min-width:82px;background:var(--field);border-color:var(--line);color:var(--text);font-weight:600;letter-spacing:.04em}.btn-secondary:hover:not(:disabled){background:var(--field-hover);border-color:var(--line-2)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-2)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-2);background:var(--field)}.btn.icon-only{width:52px;padding:0;flex-shrink:0}.btn-secondary{flex-shrink:0}.btn-fill{position:absolute;inset:0;inset-inline-end:auto;width:var(--p, 0%);background:#00000024;transition:width .2s linear;pointer-events:none}.btn-secondary .btn-fill{background:color-mix(in srgb,var(--accent) 26%,transparent)}.btn[data-busy=true]{cursor:pointer}.meta{min-height:20px;margin:12px 0 0;font-size:12.5px;color:var(--text-3)}.meta bdi{font-variant-numeric:tabular-nums}.toast{position:fixed;z-index:10;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:max-content;max-width:min(520px,calc(100vw - 32px));padding:10px 18px;border-radius:22px;line-height:1.45;text-align:center;text-wrap:balance;background:var(--toast-bg);color:var(--toast-ink);font-size:14px;font-weight:500;box-shadow:0 12px 30px -10px #00000073;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease-out)}.toast[data-show=true]{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.top,.stage-wrap,.transport,.panel>*{animation:rise .7s var(--ease-out) both}.stage-wrap{animation-delay:.04s}.transport{animation-delay:.12s}.panel>:nth-child(1){animation-delay:.1s}.panel>:nth-child(2){animation-delay:.16s}.panel>:nth-child(3){animation-delay:.22s}.panel>:nth-child(4){animation-delay:.28s}.panel>:nth-child(5){animation-delay:.34s}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:901px)and (max-height:820px){.top{height:62px}.panel{gap:22px;padding-top:0}.word-input{font-size:44px;padding-bottom:10px}.label-row{margin-bottom:6px}legend.label{margin-bottom:8px}.swatch-pic{max-height:60px}.seg button{height:36px}.text-input{height:44px}.actions{padding-top:20px}.btn{height:48px}.btn.icon-only{width:48px}.stage,.transport,.keys{width:min(100%,calc((100svh - 190px) * var(--arn, 1.7778)))}}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "panel";gap:28px}.stage,.transport,.keys{width:min(100%,calc((100svh - 300px) * var(--arn, 1.7778)))}.panel{width:min(100%,calc((100svh - 300px) * var(--arn, 1.7778)),980px);min-width:min(100%,560px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"word palette" "sub format" "actions actions";column-gap:40px;row-gap:28px;align-items:start}.panel>:nth-child(1){grid-area:word}.panel>:nth-child(2){grid-area:sub}.panel>:nth-child(3){grid-area:palette}.panel>:nth-child(4){grid-area:format}.panel>:nth-child(5){grid-area:actions}.actions-row .btn-primary{flex:0 1 340px}.actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.actions .meta{margin:0}}@media(max-width:640px){.top{height:60px}.tagline{display:none}.brand-name{font-size:22px}.brand-mark{width:26px;height:26px}.layout{gap:22px;padding-top:0}.stage{--r-stage: 12px;width:min(100%,calc((100svh - 330px) * var(--arn, 1.7778)))}.transport,.keys{width:100%}.transport{margin-top:10px;gap:2px}.keys{display:none}.panel{display:flex;align-items:stretch;width:100%;min-width:0;gap:26px}.actions{display:block}.actions-row .btn-primary{flex:1}.actions .meta{margin-top:8px}.word-input{font-size:40px}.actions{position:sticky;bottom:0;z-index:5;margin:0 calc(-1*clamp(16px,3.2vw,48px)) -40px;padding:14px clamp(16px,3.2vw,48px) max(14px,env(safe-area-inset-bottom));background:var(--bg)}.meta{margin-top:8px}.toast{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 96px)}}@media(hover:none){.keys{display:none}}.btn[data-busy=true] .fmt,.btn[data-busy=true] svg{display:none}