: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}.post_table{overflow-x:auto;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line)}.post_table table{width:100%;min-width:40rem;border-collapse:collapse;font-size:.875rem}.post_table th,.post_table td{padding:.75rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}.post_table thead th{font:400 .75rem/1.3 var(--mono);color:var(--muted);background:var(--surface)}.post_table tbody tr:last-child td{border-bottom:0}.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_row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.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_ws{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.tool>*,.tool_ws>*{min-width:0}.tool_main{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0}.tool_side{display:grid;gap:1rem;align-content:start;min-width:0}.tool_side .tool_row{display:grid;gap:.5rem}.tool_side .tool_row .btn{width:100%}.tool_side .note{margin:0}.tool_side_t{margin:0;font:400 .6875rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8a8a8a}.tool_main .tool_compare img{max-height:min(68vh,44rem)}@media(min-width:1024px){.tool_ws{grid-template-columns:minmax(0,1fr) 19.5rem;gap:1.5rem}.tool_side{position:sticky;top:6rem;padding:1.25rem;border-radius:14px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff12}}.tool_ws:has([data-result]:not([hidden])) .tool_main>[data-look]{display:none}.tool_ws:has([data-result]:not([hidden])) .tool_side [data-go]{background:transparent;color:var(--text);border-color:color-mix(in srgb,var(--text) 18%,transparent)}.tool_ws:has([data-result]:not([hidden])) .tool_side [data-go]:hover{background:var(--text);color:var(--page)}.tool_main .tool_compare{min-height:min(40vh,24rem)}.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>[data-result]>.tool_row .btn:first-child{min-width:12rem}.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]>.tool_row{order:-1}.tool [data-result]{scroll-margin-top:7rem}.tool>[data-result] .tool_side{position:static;padding:0;background:none;box-shadow:none}.tool:has(.tool_drop):not(:has(.tool_ws))>:is([data-editor],[data-result],.tool_status,progress){width:100%;max-width:46rem;margin-inline:auto}.tool:has(.tool_drop):not(:has(.tool_ws))>[data-editor]{padding:1.25rem;border-radius:14px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff12}.tool_main>.tool_field:has(textarea){display:grid;grid-template-rows:auto 1fr;height:100%}.tool .tool_main textarea{min-height:clamp(16rem,40vh,26rem);height:100%;padding:1rem 1.125rem;font-size:1rem;line-height:1.65;border-radius:12px}@media(min-width:1024px){.tool_ws:has(>.tool_main>.tool_field textarea){align-items:stretch}}.tool_side .tool_row:has(>:nth-child(4)){grid-template-columns:1fr 1fr}.tool_side .tool_row:has(>:nth-child(4))>:first-child{grid-column:1 / -1}.tool_side .tool_row:has(>:nth-child(4))>.btn{padding-inline:.5rem}.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}@media(max-width:1023px){.tool_main .tool_compare{min-height:0}}.tool_side>.tool_row+.tool_side_t{padding-block-start:1rem;border-top:1px solid rgba(255,255,255,.07)}.tool [data-out]{gap:.5rem}.tool_side,.tool_side .tool_row{grid-template-columns:minmax(0,1fr)}.tool_side .tool_row:has(>:nth-child(4)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool_side .btn{min-width:0;height:auto;min-height:2.75rem;padding-block:.5rem;white-space:normal;text-align:center;line-height:1.25}.tool>[data-result]>.tool_row:not(:has(.btn:not(.is-ghost))){order:1}.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}.tool_label b{font-weight:500;color:var(--text);margin-left:.35rem}.tool [data-form]{display:grid;gap:.75rem;align-content:start}.cht_out{display:grid;place-items:center;min-height:18rem;padding:.75rem;border-radius:14px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff12;overflow:auto}.cht_out svg{display:block;width:100%;height:auto;max-height:70vh;border-radius:8px}.cht_out .note code{font:400 .8125rem/1 var(--mono)}.tool textarea.cht_data{min-height:11rem;font:400 .875rem/1.55 var(--mono)}.cht_two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.tool[data-tool=datecalc] .tool_side textarea{font:400 .875rem/1.55 var(--mono)}.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]{display:none!important}[data-tool=mp4-to-mp3][data-over=true] .tool_ws{outline:2px dashed rgba(155,125,255,.6);outline-offset:6px;border-radius:14px}@media(max-width:1023px){[data-tool=mp4-to-mp3] .tool_side{display:contents}[data-tool=mp4-to-mp3] .tool_side>*{order:1}}.tool[data-tool=gradecalc] [hidden]{display:none!important}.tool_side [data-stop] svg{width:1.05rem;height:1.05rem}@media(max-width:1023px){[data-tool=photo-editor] .tool_ws>.tool_main{position:sticky;top:4.25rem;z-index:6;margin-block:-.5rem 0;padding-block:.5rem;background:var(--surface);box-shadow:0 14px 16px -14px #000000e6}}.tool_side>[data-center]{justify-self:start;width:auto}[data-p-pic]>.btn{justify-self:start}.tool[data-tool=tone] [data-len-row][hidden]{display:none}.tool .tool_main .tool_field textarea[data-top],.tool .tool_main .tool_field textarea[data-bottom]{min-height:5.25rem;height:5.25rem}.tool_field:has(>textarea[data-top]),.tool_field:has(>textarea[data-bottom]){display:grid;gap:.5rem;align-content:start}.tool_side textarea[data-own]{width:100%;min-height:4.5rem;padding:.625rem .75rem;border:0;border-radius:10px;background:#111;color:var(--text);font:400 .8125rem/1.5 var(--mono);box-shadow:inset 0 0 0 1px #ffffff1a;resize:vertical}.tool[data-tool=songmaker]>.tool_status{margin:0}.tool_side kbd[data-key]{font:500 .75rem/1 var(--mono);padding:.15rem .35rem;border-radius:4px;background:#1a1a1a;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text)}.tool[data-tool=pdfviewer]:has(.tool_drop)>.tool_status.tool_status{max-width:none;margin-inline:0}.tool textarea.cht_data.is-over{outline:2px dashed #7c52ff;outline-offset:2px}.tool_side [data-teams-opt]{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}[data-tool=teams] .tool_main,[data-tool=rng] .tool_main{align-content:start}.tool .cht_two[data-own][hidden]{display:none}.tool[data-tool=aspect-ratio-calculator]{display:grid;gap:1rem}.tool[data-tool=aspect-ratio-calculator].is-over{box-shadow:inset 0 0 0 2px #9b7dff}.tool textarea[data-colours]{min-height:3.2rem;font:400 .8125rem/1.5 var(--mono)}.tool[data-tool=sprite] .tool_main{align-content:start}@media(max-width:1023px){.tool[data-tool=graphing] .tool_ws{display:flex;flex-direction:column;gap:.9rem}.tool[data-tool=graphing] .tool_main{display:contents}.tool[data-tool=graphing] .tool_main>*{order:3}.tool[data-tool=graphing] .tool_side{order:1}}.tool[data-tool=roman] [data-rom]{text-transform:uppercase}.tool[data-tool=bitrate-calculator]{display:grid;gap:1rem}.tool[data-tool=bitrate-calculator].is-over{box-shadow:inset 0 0 0 2px #9b7dff}[data-tool=depth-map] .tool_side [data-bar3d]{width:100%}[data-tool=depth-map] .tool_side [data-bar3d][hidden]{display:none}.sct_tool .tool_side .sct_open{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sct_tool .tool_side .sct_open .btn{width:auto}.sct_open .tool_label{margin-right:.25rem}.sct_tool .sct_stats{margin-top:1.25rem}.sct_stats[hidden]{display:none}.sct_stats .post_table table{min-width:0}.sct_stats code{font:400 .8125rem/1.4 var(--mono);white-space:nowrap}.sct_stats .tool_row{margin-top:.6rem;display:flex}.sct_dot{display:inline-block;width:.6rem;height:.6rem;margin-right:.45rem;border-radius:50%}.sct_stick .tool_row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.sct_tool .cht_out svg{max-height:62vh}@media(min-width:1024px){.sct_tool .tool_ws{align-items:stretch}.sct_tool .tool_side{position:static;align-self:start}.sct_stick{position:sticky;top:6rem;align-self:start}}@media(max-width:639px){.sct_tool .cht_out svg{width:auto;min-width:600px;max-width:none}.sct_tool .cht_out{place-items:start}}.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)}}