:root{--ease-out:cubic-bezier(.22,1,.36,1);--font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;--r1:4px;--r2:8px}.note{font-size:.8125rem;line-height:1.5;color:var(--muted)}.note a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--text) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;border-radius:var(--r1);border:1px solid var(--text);background:var(--text);color:var(--page);font:500 .9375rem/1 var(--font);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),translate .3s var(--ease-out)}.btn:hover{translate:0 -1px;background:color-mix(in srgb,var(--text) 88%,var(--page))}.btn.is-ghost{background:transparent;color:var(--text);border-color:color-mix(in srgb,var(--text) 18%,transparent);box-shadow:none}.btn.is-ghost:hover{background:var(--text);color:var(--page);border-color:var(--text)}.btn.is-sm{height:2.375rem;padding:0 1rem;font-size:.875rem}.tool{margin-block-start:clamp(1.5rem,3vw,2.5rem);display:grid;gap:1.25rem;padding:clamp(1rem,3vw,2rem);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.tool[hidden],.tool [hidden]{display:none!important}.tool_label{display:block;margin-block-end:.4rem;font:400 .6875rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.tool_field textarea{min-height:16rem;resize:vertical;line-height:1.6}.tool_check{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--muted);cursor:pointer}.tool_status{min-height:1.5rem;font-size:.9375rem;color:var(--muted)}.tool_status[data-kind=ok]{color:var(--text)}.tool_status[data-kind=bad]{color:#ff8a80}.tool_status[data-kind=warn]{color:#ffd180}.tool_drop{display:grid;place-items:center;gap:.5rem;min-height:14rem;padding:2rem 1rem;text-align:center;border-radius:var(--r2);border:1.5px dashed color-mix(in srgb,var(--text) 28%,transparent);cursor:pointer;transition:background-color .2s,border-color .2s}.tool_drop:hover,.tool_drop[data-over=true],.tool_drop:focus-within{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:var(--text)}.tool_drop input{position:absolute;opacity:0;width:1px;height:1px}.tool_drop strong{font-size:1.0625rem;font-weight:500}.tool_privacy{display:flex;gap:.6rem;align-items:flex-start;font-size:.875rem;color:var(--muted)}.tool_privacy:before{content:"";flex:none;width:.5rem;height:.5rem;margin-block-start:.45rem;border-radius:50%;background:#7bd88f}.tool_privacy{margin-block-start:1rem}.tool img[data-gif]{width:auto;max-width:100%;height:auto;border-radius:var(--r1)}.tool_field .tool_label b{color:var(--text);font-weight:400}.tool_field textarea[data-text]{min-height:4.5rem}.tool_compare{--split:50%;display:grid;place-items:center;max-width:100%;border-radius:var(--r1);background:repeating-conic-gradient(#1a1a1a 0 25%,#111 0 50%) 0 0/16px 16px}.tool_compare_in{position:relative;display:block;max-width:100%;line-height:0}.tool_compare img{display:block;max-width:100%;max-height:60vh;width:auto;height:auto}.tool_compare_in:after{content:"";position:absolute;inset-block:0;left:var(--split);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #00000059;pointer-events:none}.tool_compare.is-full{display:block;overflow:auto;max-height:70vh}.tool_compare.is-full .tool_compare_in{display:inline-block;max-width:none}.tool_compare.is-full img{max-width:none;max-height:none}.tool{--f-bg:#121212;--f-bg-h:#181818;--f-line:rgba(255,255,255,.09);--f-line-h:rgba(255,255,255,.17);--f-track:#2a2a2a;--acc:#7C52FF;--acc-hi:#9B7DFF;--ring:0 0 0 3px rgba(124,82,255,.32);--knob:1.125rem;box-shadow:inset 0 0 0 1px var(--line),inset 0 1px #ffffff08}.tool_field{position:relative;min-width:0}.tool_label{margin-block-end:.55rem}.tool_field select,.tool_field textarea,.tool_field input[type=text],.tool_field input[type=number],.ui-select{width:100%;min-height:2.75rem;padding:.6rem .85rem;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);color:var(--text);font:400 .9375rem/1.4 var(--font);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0006;transition:border-color .15s,background-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}:where(.tool) :where(textarea){padding:.75rem .9rem;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);color:var(--text);font:400 .9375rem/1.6 var(--font);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0006;transition:border-color .15s,background-color .15s,box-shadow .15s}:where(.tool) :where(textarea):hover{border-color:var(--f-line-h)}:where(.tool) :where(textarea):focus-visible{outline:none;border-color:var(--acc);box-shadow:var(--ring)}.tool_field select{padding-inline-end:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6.25 3.5 3.5 3.5-3.5' fill='none' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.tool_field select:hover,.tool_field textarea:hover,.tool_field input[type=text]:hover,.tool_field input[type=number]:hover,.ui-select:hover:not(:disabled){background-color:var(--f-bg-h);border-color:var(--f-line-h)}.tool_field select:focus-visible,.tool_field textarea:focus-visible,.tool_field input[type=text]:focus-visible,.tool_field input[type=number]:focus-visible,.ui-select:focus-visible,.ui-select[aria-expanded=true]{outline:none;border-color:var(--acc);box-shadow:var(--ring)}.tool_field select:disabled,.tool_field input:disabled,.ui-select:disabled,.tool_field textarea:disabled{opacity:.45;cursor:not-allowed}.tool_field textarea::placeholder,.tool_field input::placeholder{color:#6b6b6b}.tool_field input[type=number]{font-variant-numeric:tabular-nums;-moz-appearance:textfield}.tool_field input[type=number]::-webkit-inner-spin-button,.tool_field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-native{position:absolute!important;inset-block-end:0;inset-inline-start:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}.ui-select{display:flex;align-items:center;gap:.5rem;text-align:start;cursor:pointer}.ui-select_v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select svg{flex:none;width:1rem;height:1rem;color:var(--muted);transition:transform .2s var(--ease-out),color .15s}.ui-select:hover svg{color:var(--text)}.ui-select[aria-expanded=true] svg{transform:rotate(180deg);color:var(--text)}.ui-menu{position:fixed;z-index:400;overflow-y:auto;overscroll-behavior:contain;padding:.3125rem;border-radius:10px;background:#141414;box-shadow:0 0 0 1px #ffffff1a,0 18px 50px -12px #000000d9,0 6px 16px -6px #0009;font:400 .9375rem/1.35 var(--font);color:var(--text);outline:none;scrollbar-width:thin;scrollbar-color:#333 transparent;animation:ui-in .14s var(--ease-out)}.ui-menu[data-side=top]{animation-name:ui-in-up}.ui-group{padding:.6rem .625rem .35rem;font:400 .6875rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8a8a8a}.ui-opt{display:flex;align-items:center;gap:.75rem;min-height:2.25rem;padding:.4rem .625rem;border-radius:6px;cursor:pointer;color:#d4d4d4;user-select:none}.ui-opt span{flex:1;min-width:0}.ui-opt svg{flex:none;width:1rem;height:1rem;color:var(--acc-hi);visibility:hidden}.ui-opt[aria-selected=true]{color:var(--text)}.ui-opt[aria-selected=true] svg{visibility:visible}.ui-opt[data-active]{background:#ffffff12;color:var(--text)}.ui-opt[aria-disabled=true]{opacity:.4;cursor:default}.tool input[type=range]{--f:.5;display:block;width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:pan-y}.tool input[type=range]:disabled{opacity:.4;cursor:not-allowed}.tool input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc-hi)) 0 0/calc(var(--knob) / 2 + (100% - var(--knob)) * var(--f)) 100% no-repeat,var(--f-track)}.tool input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--f-track)}.tool input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc-hi))}.tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--knob);height:var(--knob);margin-top:calc((4px - var(--knob)) / 2);border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 .5px #0000004d,0 1px 4px #00000080,0 0 #7c52ff00;transition:box-shadow .15s,transform .15s}.tool input[type=range]::-moz-range-thumb{width:var(--knob);height:var(--knob);border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 .5px #0000004d,0 1px 4px #00000080;transition:box-shadow .15s}.tool input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 .5px #0000004d,0 1px 4px #00000080,0 0 0 5px #7c52ff38}.tool input[type=range]:active:not(:disabled)::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 .5px #0000004d,0 1px 4px #00000080,0 0 0 7px #7c52ff47}.tool input[type=range]:focus-visible{outline:none}.tool input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .5px #0000004d,0 0 0 4px #7c52ff8c}.tool input[type=range]:hover:not(:disabled)::-moz-range-thumb,.tool input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .5px #0000004d,0 0 0 5px #7c52ff4d}.tool_label output,.tool_label b{color:var(--text);font-variant-numeric:tabular-nums}.tool_check{gap:.75rem;min-height:2rem;color:var(--muted);transition:color .15s;user-select:none}.tool_check:has(input:checked){color:var(--text)}.tool_check input[type=checkbox]{position:relative;flex:none;width:2.25rem;height:1.25rem;margin:0;border-radius:999px;background:var(--f-track);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background-color .18s}.tool_check input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000073;transition:transform .2s var(--ease-out)}.tool_check input[type=checkbox]:checked{background:var(--acc)}.tool_check input[type=checkbox]:checked:before{transform:translate(1rem)}.tool_check:hover input[type=checkbox]:not(:checked){background:#333}.tool_check input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--ring)}.tool_check input:disabled,.tool_check:has(input:disabled){opacity:.45;cursor:not-allowed}.tool input[type=checkbox]:not(.tool_check input),.tool input[type=radio]{position:relative;flex:none;width:1.125rem;height:1.125rem;margin:.1rem 0 0;border-radius:5px;background:var(--f-bg);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:inset 0 0 0 1px #ffffff38;transition:background-color .15s,box-shadow .15s}.tool input[type=radio]{border-radius:50%}.tool input[type=checkbox]:not(.tool_check input):checked{background:var(--acc) var(--tick-w) center/.75rem no-repeat;box-shadow:none}.tool input[type=radio]:checked{background:var(--acc);box-shadow:none}.tool input[type=radio]:checked:before{content:"";position:absolute;inset:.3125rem;border-radius:50%;background:#fff}.tool input[type=checkbox]:focus-visible,.tool input[type=radio]:focus-visible{outline:none;box-shadow:var(--ring)}.tool{--tick-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ui-num{position:relative;display:block}.ui-num input[type=number]{padding-inline-end:2.25rem}.ui-num_step{position:absolute;inset-block:1px;inset-inline-end:1px;display:grid;grid-template-rows:1fr 1fr;width:1.75rem;border-inline-start:1px solid var(--f-line);border-radius:0 calc(var(--r2) - 1px) calc(var(--r2) - 1px) 0;overflow:hidden}.ui-num_step button{display:grid;place-items:center;padding:0;border:0;background:none;color:#8a8a8a;cursor:pointer;transition:background-color .15s,color .15s}.ui-num_step button+button{border-top:1px solid var(--f-line)}.ui-num_step button:hover{background:#ffffff0f;color:var(--text)}.ui-num_step svg{width:.75rem;height:.75rem}.ui-num:has(input:disabled) .ui-num_step{opacity:.45;pointer-events:none}.tool input[type=color]{width:2.75rem;height:2.75rem;padding:3px;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .15s}.tool input[type=color]:hover{border-color:var(--f-line-h)}.tool input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tool input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.tool input[type=color]::-moz-color-swatch{border:0;border-radius:5px}:where(.tool) :where(input[type=file]){max-width:100%;color:var(--muted);font:400 .8125rem/1.4 var(--font)}:where(.tool) :where(input[type=file])::file-selector-button{margin-right:.75rem;height:1.9rem;padding:0 .85rem;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#1d1d1d;color:var(--text);font:500 .8125rem/1 var(--font);cursor:pointer}:where(.tool) :where(input[type=file]):hover::file-selector-button{background:#272727}.tool progress{width:100%;height:.375rem;border:0;border-radius:999px;background:var(--f-track);overflow:hidden;-webkit-appearance:none;appearance:none}.tool progress::-webkit-progress-bar{background:var(--f-track);border-radius:999px}.tool progress::-webkit-progress-value{background:linear-gradient(90deg,var(--acc),var(--acc-hi));border-radius:999px;transition:width .15s}.tool progress::-moz-progress-bar{background:linear-gradient(90deg,var(--acc),var(--acc-hi));border-radius:999px}@media(prefers-reduced-motion:reduce){.ui-menu{animation:none}}.tool_field input[type=range]{height:2.75rem}.tool_status:empty{display:none}.tool_status{display:flex;align-items:flex-start;gap:.55rem;min-height:0;line-height:1.5}.tool_status[data-kind]:before{content:"";flex:none;width:.5rem;height:.5rem;margin-block-start:.5rem;border-radius:50%;background:#7a7a7a}.tool_status[data-kind=ok]:before{background:#7bd88f;box-shadow:0 0 0 3px #7bd88f26}.tool_status[data-kind=bad]:before{background:#ff8a80;box-shadow:0 0 0 3px #ff8a8026}.tool_status[data-kind=warn]:before{background:#ffd180;box-shadow:0 0 0 3px #ffd18026}.tool_drop{position:relative;gap:.75rem;min-height:clamp(15rem,32vw,20rem);padding:2.5rem 1.25rem;border-radius:14px;border:1.5px dashed rgba(255,255,255,.16);background:radial-gradient(120% 90% at 50% 0%,rgba(124,82,255,.07),transparent 60%),#0c0c0c;transition:border-color .2s,background-color .2s,box-shadow .2s}.tool_drop:hover,.tool_drop:focus-within{border-color:#9b7dff99;background-color:#101010}.tool_drop[data-over=true]{border-color:#9b7dff;border-style:solid;background-color:#130f1f;box-shadow:0 0 0 4px #7c52ff2e}.tool_drop_icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:14px;color:#d4c6ff;background:linear-gradient(180deg,#2a2140,#17131f);box-shadow:inset 0 0 0 1px #9b7dff66,inset 0 1px #ffffff1a,0 12px 30px -12px #7c52ffb3}.tool_drop_icon svg{width:1.5rem;height:1.5rem}.tool_drop strong{font-size:1.125rem;font-weight:500;letter-spacing:-.015em}.tool_drop_btn{display:inline-flex;align-items:center;height:2.5rem;padding:0 1.125rem;border-radius:var(--r1);background:var(--text);color:#0a0a0a;font-size:.9375rem;font-weight:500;transition:translate .2s var(--ease)}.tool_drop:hover .tool_drop_btn{translate:0 -1px}.tool_drop .note{max-width:28rem}.tool_compare_in{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}.tool_compare img{-webkit-user-drag:none;pointer-events:none}.tool_compare_knob{position:absolute;top:50%;left:var(--split);z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;border-radius:50%;background:#fff;color:#0a0a0a;box-shadow:0 0 0 1px #00000040,0 6px 18px #00000073;pointer-events:none;transition:transform .15s var(--ease),box-shadow .15s}.tool_compare_knob svg{width:1.125rem;height:1.125rem}.tool_compare_in:hover .tool_compare_knob,.tool_compare[data-drag] .tool_compare_knob{transform:scale(1.08)}.tool_compare[data-focus] .tool_compare_knob{box-shadow:0 0 0 1px #00000040,0 0 0 4px #9b7dffb3}.ui-split{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.tool_compare{border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.tool>*{min-width:0}.tool>[data-result]:not([hidden]){display:grid;gap:.875rem;padding:1.25rem;border-radius:14px;background:linear-gradient(180deg,rgba(123,216,143,.05),transparent 40%),#0e0e0e;box-shadow:inset 0 0 0 1px #7bd88f47;scroll-margin-top:7rem}.tool_dual{--a:0;--b:1;position:relative;height:2.75rem}.tool_dual:before{content:"";position:absolute;left:calc(var(--knob) / 2);right:calc(var(--knob) / 2);top:50%;height:6px;margin-top:-3px;border-radius:999px;background:linear-gradient(90deg,var(--f-track) calc(var(--a) * 100%),#7C52FF calc(var(--a) * 100%),#9B7DFF calc(var(--b) * 100%),var(--f-track) calc(var(--b) * 100%))}.tool_dual .tool_field{position:absolute;inset:0}.tool_dual .tool_label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tool .tool_dual input[type=range]{position:absolute;inset:0;height:100%;pointer-events:none}.tool .tool_dual input[type=range]::-webkit-slider-runnable-track{background:transparent}.tool .tool_dual input[type=range]::-moz-range-track,.tool .tool_dual input[type=range]::-moz-range-progress{background:transparent}.tool .tool_dual input[type=range]::-webkit-slider-thumb{pointer-events:auto;cursor:ew-resize}.tool .tool_dual input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:ew-resize}.tool [data-result]{scroll-margin-top:7rem}.tool .btn:disabled,.tool .btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;translate:none}.tool .btn:not(.is-ghost):disabled,.tool .btn:not(.is-ghost)[aria-disabled=true]{opacity:1;background:#232323;border-color:#2c2c2c;color:#7a7a7a;box-shadow:none}.tool [data-out]{gap:.5rem}.tool_field :is(input[type=email],input[type=tel],input[type=url],input[type=password],input[type=date]){width:100%;min-height:2.75rem;padding:.6rem .85rem;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);color:var(--text);font:400 .9375rem/1.4 var(--font);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0006;transition:border-color .15s,background-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.tool_field :is(input[type=email],input[type=tel],input[type=url],input[type=password],input[type=date]):hover{background-color:var(--f-bg-h);border-color:var(--f-line-h)}.tool_field :is(input[type=email],input[type=tel],input[type=url],input[type=password],input[type=date]):focus-visible{outline:none;border-color:var(--acc);box-shadow:var(--ring)}.tool_field input[type=date]{color-scheme:dark}.ft_in textarea{font-size:1.125rem}.ft_list{display:grid;gap:.5rem;margin-block-start:1rem}.ft_row{display:grid;grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem .75rem .75rem 1rem;border-radius:10px;background:#0f0f0f;box-shadow:inset 0 0 0 1px #ffffff12;transition:box-shadow .15s}.ft_row:hover{box-shadow:inset 0 0 0 1px #ffffff29}.ft_row.is-copied{box-shadow:inset 0 0 0 1.5px #7bd88f99}.ft_name{font:400 .6875rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a}.ft_out{margin:0;font-size:1.1875rem;line-height:1.4;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:640px){.ft_row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem}.ft_name{grid-column:1/-1}}.tool_label b{font-weight:500;color:var(--text);margin-left:.35rem}.tool [data-form]{display:grid;gap:.75rem;align-content:start}.tool[data-tool=fraction]{display:grid;gap:1rem}:where(.tool) :where(input[type=text],input[type=number],input[type=time],input[type=date],input[type=search]){min-height:2.5rem;padding:.5rem .75rem;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);color:var(--text);font:400 .9375rem/1.4 var(--font);box-shadow:inset 0 1px #ffffff09,0 1px 2px #0006;transition:border-color .15s,background-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;color-scheme:dark}:where(.tool) :where(input[type=text],input[type=number],input[type=time],input[type=date],input[type=search]):hover{border-color:var(--f-line-h)}:where(.tool) :where(input[type=text],input[type=number],input[type=time],input[type=date],input[type=search]):focus-visible{outline:none;border-color:var(--acc);box-shadow:var(--ring)}.tool_field input[type=time]{width:100%;min-height:2.75rem}:where(.tool) :where(input[type=datetime-local]){width:100%;min-height:2.75rem;padding:.5rem .75rem;border-radius:var(--r2);border:1px solid var(--f-line);background:var(--f-bg);color:var(--text);font:400 .9375rem/1.4 var(--font);color-scheme:dark}.tool[data-tool=hourscalc] [hidden],.tool[data-tool=gradecalc] [hidden]{display:none!important}[data-p-pic]>.btn{justify-self:start}.tool[data-tool=tone] [data-len-row][hidden]{display:none}.tool_field:has(>textarea[data-top]),.tool_field:has(>textarea[data-bottom]){display:grid;gap:.5rem;align-content:start}.tool[data-tool=songmaker]>.tool_status{margin:0}.ftx .ft_in textarea{display:block;width:100%}.ftx_lbl{display:flex;justify-content:space-between;align-items:center}.ftx_plain{padding:0;border:0;background:none;font:500 .75rem/1 var(--font);letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ftx_plain:hover{color:var(--text)}.ftx_plain:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px}.ftx_warn{margin:.75rem 0 0;font-size:.8125rem;max-width:62rem}.ftx .tool_status{margin:.5rem 0 0}.ftx_row{grid-template-columns:10.5rem minmax(0,1fr) auto}.ftx_meta{display:grid;gap:.3rem}.ftx_note{font-size:.75rem;line-height:1.3;color:#6f6f6f}.ftx_note.is-warn{color:#ffd180}.ftx_btns{display:flex;align-items:center;gap:.35rem}.ftx_star{display:grid;place-items:center;width:2.375rem;height:2.375rem;padding:0;border:0;border-radius:9px;background:none;color:#5f5f5f;cursor:pointer}.ftx_star svg{width:1.125rem;height:1.125rem}.ftx_star .ftx_fill{opacity:0}.ftx_star:hover{color:#bdbdbd;background:#181818}.ftx_star[aria-pressed=true]{color:#ffd76a}.ftx_star[aria-pressed=true] .ftx_fill{opacity:.35}.ftx_star:focus-visible{outline:none;box-shadow:var(--ring)}@media(max-width:640px){.ftx_row{grid-template-columns:minmax(0,1fr) auto}.ftx_meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:baseline}}.tool[data-tool=pdfviewer]:has(.tool_drop)>.tool_status.tool_status{max-width:none;margin-inline:0}.tool[data-tool=aspect-ratio-calculator]{display:grid;gap:1rem}.tool textarea[data-colours]{min-height:3.2rem;font:400 .8125rem/1.5 var(--mono)}.tool[data-tool=roman] [data-rom]{text-transform:uppercase}.tool[data-tool=bitrate-calculator]{display:grid;gap:1rem}.tool [data-showfk]:not([hidden]){display:grid}.tool [data-pane-random],.tool [data-pane-guess]{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.tool [data-pane-random][hidden],.tool [data-pane-guess][hidden]{display:none}.tool [data-pane-random],.tool [data-pane-quiz]{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.tool [data-pane-random][hidden],.tool [data-pane-quiz][hidden],.tool [data-only-random][hidden],.tool [data-only-quiz][hidden]{display:none}.tool [hidden]{display:none!important}@keyframes ui-in-up{0%{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes ui-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}