:root{--bg:#fff;--bg-warm:#f5f4f1;--field:#f2f1ee;--ink:#1d1d1f;--ink-2:#605e59;--ink-3:#68655f;--ink-soft:#45443f;--divider:#3c3a3633;--hairline:#00000014;--track:#78746c1f;--hover:#0000000d;--hover-soft:#00000008;--accent:#c2410c;--accent-tint:#f06a3017;--accent-tint-2:#f06a3024;--btn:linear-gradient(180deg, #f7834d 0%, #ec6a33 55%, #e35b22 100%);--btn-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 #00000029, 0 1px 2px #be461438, 0 6px 14px -6px #ec6a3399;--fill:linear-gradient(90deg, #ffa06c 0%, #f06a30 100%);--led-done:#22b35e;--led-work:#3d6be6;--led-error:#f0442e;--led-idle:#c6c4bf;--surface:#fff;--surface-2:#f4f3f0;--glyph-shadow:inset 0 -1.5px 0 #00000014, 0 0 0 .5px #0000000f;--glass:#ffffff38;--glass-clear:#ffffff80;--glass-strong:#ffffffa8;--glass-solid:#fafaf8f5;--glass-ink-2:#3a3937;--nav-shadow:0 0 0 .5px #0000000f, 0 8px 28px #00000014;--nav-shadow-up:0 0 0 .5px #00000012, 0 10px 34px #0000001f;--spec:#fff;--spec-mid:#ffffff80;--spec-back:#ffffffd9;--sheen:#ffffff6b;--glint:#ffffffb3;--lg-depth:#00000021;--lens-tint:#ffffff0f;--lens-sheen:#ffffff24;--lens-shadow:0 0 0 .5px #0000000d, 0 8px 22px #00000029, 0 2px 5px #00000014;--scrim:#1d1d1f29;--shadow-card:0 10px 30px #00000014;--shadow-float:0 10px 30px #0000002e;--shadow-photo:0 30px 70px -30px #00000059;--kbd-bg:#fff;--kbd-shadow:0 0 0 .5px #0000001f, 0 1.5px 0 #0000001f;--seg-track:#78746c29;--seg-on:#fff;--seg-on-shadow:0 3px 8px #0000001f, 0 0 0 .5px #0000000a;--slider-track:#3c3a3638;--switch-off:#78746c2e;--switch-on:#ec6a33;--stage-bg:#dad8d3;--danger:#c2321f;--warning:#b4521c;--success:#1b7a36;--code-key:#1f4fd1;--code-str:#1b7a36;--code-num:#a55400;--code-lit:#7a3fd1;--code-pun:#77746f;--ease:cubic-bezier(.25, .8, .25, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#121211;--bg-warm:#1a1918;--field:#252422;--ink:#f2f1ee;--ink-2:#b0ada7;--ink-3:#a29f99;--ink-soft:#d2cfc9;--divider:#ffffff1f;--hairline:#ffffff1a;--track:#ffffff17;--hover:#ffffff12;--hover-soft:#ffffff0a;--accent:#ff9f6e;--accent-tint:#ff9f6e24;--accent-tint-2:#ff9f6e33;--btn:linear-gradient(180deg, #f7834d 0%, #ec6a33 55%, #e35b22 100%);--btn-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #00000040, 0 1px 2px #0006, 0 6px 16px -6px #ec6a338c;--fill:linear-gradient(90deg, #ffb48a 0%, #f47a42 100%);--led-idle:#5e5c58;--surface:#222120;--surface-2:#2e2d2b;--glyph-shadow:inset 0 -1.5px 0 #00000059, inset 0 .5px 0 #ffffff0f, 0 0 0 .5px #ffffff12;--glass:#28272580;--glass-clear:#28272580;--glass-strong:#22211fb8;--glass-solid:#22211ff7;--glass-ink-2:#cfccc6;--nav-shadow:0 0 0 .5px #ffffff0f, 0 8px 28px #00000073;--nav-shadow-up:0 0 0 .5px #ffffff14, 0 10px 34px #0000008c;--spec:#ffffff80;--spec-mid:#ffffff1f;--spec-back:#ffffff42;--sheen:#ffffff12;--glint:#ffffff29;--lg-depth:#0000004d;--lens-tint:#ffffff0a;--lens-sheen:#ffffff0a;--lens-shadow:0 0 0 .5px #ffffff1a, 0 8px 22px #00000073, 0 2px 5px #0000004d;--scrim:#00000073;--shadow-card:0 10px 30px #00000073;--shadow-float:0 10px 30px #00000080;--shadow-photo:0 30px 70px -30px #000c;--kbd-bg:#2e2d2b;--kbd-shadow:0 0 0 .5px #ffffff1a, 0 1.5px 0 #00000080;--seg-track:#ffffff1a;--seg-on:#4a4945;--seg-on-shadow:0 3px 8px #00000059, inset 0 .5px 0 #ffffff1a;--slider-track:#ffffff2e;--switch-off:#ffffff29;--switch-on:#f07a42;--stage-bg:#2a2927;--danger:#ff7b67;--warning:#f2a65e;--success:#62d38f;--code-key:#93aeff;--code-str:#7fd49a;--code-num:#f2ae6b;--code-lit:#c9a2ff;--code-pun:#8e8b85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}fieldset{border:0;min-width:0;margin:0;padding:0}.settings-group:disabled{opacity:.6}html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.47}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}img{display:block}::selection{background:var(--accent-tint-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}.theme-switching .theme-icon{view-transition-name:theme-icon}::view-transition-group(theme-icon){z-index:1;animation-duration:.42s}::view-transition-old(theme-icon){animation:.3s both theme-icon-out}::view-transition-new(theme-icon){animation:theme-icon-in .42s var(--spring) both}@keyframes theme-icon-out{to{opacity:0;transform:rotate(90deg)scale(.5)}}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-90deg)scale(.5)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}}.rise{animation:rise-in .5s var(--ease) backwards}@supports (animation-timeline:view()){.reveal{animation:linear backwards reveal;animation-timeline:view();animation-range:entry entry 35%}}:where(.lg){position:relative}.lg{--lg-tint:var(--glass);--lg-shadow:var(--nav-shadow);isolation:isolate;background:var(--lg-tint);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}.lg-sheet{--lg-tint:var(--glass-strong);--lg-shadow:0 0 0 .5px var(--hairline), var(--shadow-float)}.lg-clear{--lg-tint:var(--glass-clear);--lg-shadow:0 6px 20px #0000001f}.lg:before,.lg:after,.lg-glint{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.lg:before{background:linear-gradient(135deg, var(--spec) 0%, var(--spec-mid) 26%, transparent 46%, transparent 58%, var(--spec-mid) 78%, var(--spec-back) 100%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lg:after{background:linear-gradient(180deg, var(--sheen) 0%, transparent 52%);box-shadow:inset 1.5px 2px 2.5px -2px var(--spec), inset -1.5px -2px 2.5px -2px var(--spec-back), inset 0 -5px 9px -7px var(--lg-depth)}.lg-glint{opacity:0;background:radial-gradient(circle 64px at var(--x,50%) var(--y,50%), var(--glint), transparent);transition:opacity .3s}.lg:active>.lg-glint{opacity:1;transition-duration:80ms}@media (hover:hover){.lg:hover>.lg-glint{opacity:.75}}@media (prefers-reduced-transparency:reduce){.lg{background:var(--glass-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.lens{z-index:1000;pointer-events:none;opacity:0;transform-origin:50%;will-change:transform, opacity;--lg-tint:var(--lens-tint);--lg-shadow:var(--lens-shadow);--sheen:var(--lens-sheen);position:fixed;top:0;left:0}.led{background:var(--led-idle);border-radius:50%;flex:none;width:6px;height:6px;transition:background .3s,box-shadow .3s;display:inline-block}.led-glow-done{background:var(--led-done);box-shadow:0 0 5px #22b35ecc}.led-glow-work{background:var(--led-work);animation:1.2s ease-in-out infinite led-pulse;box-shadow:0 0 6px #3d6be6e6}.led-glow-error{background:var(--led-error);box-shadow:0 0 5px #f0442eb3}@keyframes led-pulse{50%{opacity:.35}}.kbd{min-width:24px;height:24px;font-size:12px;font-family:var(--font);color:var(--ink-soft);background:var(--kbd-bg);box-shadow:var(--kbd-shadow);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.kbd-sm{border-radius:5px;min-width:20px;height:20px;padding:0 4px;font-size:11px}.glyph{background:var(--surface-2);width:38px;height:38px;color:var(--ink);box-shadow:var(--glyph-shadow);transition:transform .25s var(--spring), box-shadow .25s ease;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.glyph-latin{font-family:var(--mono);font-size:15px}.glyph-latin-long{font-family:var(--mono);font-size:12px}.btn,.btn-soft{cursor:pointer;white-space:nowrap;color:#fff;background:var(--btn);height:40px;box-shadow:var(--btn-shadow);transition:filter .2s ease, opacity .2s ease, transform .18s var(--ease), background-color .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover,.btn-soft:hover{filter:brightness(1.06);text-decoration:none}.btn:active,.btn-soft:active{filter:brightness(.94);transform:scale(.97)}.btn:disabled,.btn-soft:disabled{cursor:default;opacity:.45;filter:none;transform:none}.btn-soft{color:var(--ink);background:var(--track);box-shadow:none;font-weight:400}.btn-soft:hover{filter:none;background:var(--seg-track)}.btn-lg{height:44px;padding:0 22px;font-size:15px}.btn-soft.btn-sm,.btn.btn-sm{height:32px;padding:0 14px;font-size:13.5px}.icon-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;transition:background .2s ease, transform .18s var(--ease);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--hover)}.icon-btn:active{transform:scale(.92)}.link-btn{cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.seg{background:var(--seg-track);isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:3px;display:flex;position:relative}.seg-thumb{z-index:0;background:var(--seg-on);box-shadow:var(--seg-on-shadow);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.seg-btn{z-index:1;cursor:pointer;white-space:nowrap;height:38px;color:var(--ink);transition:transform .18s var(--ease), opacity .2s ease;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13.5px;position:relative}.seg-btn[aria-pressed=true]{font-weight:600}.seg-btn:not([aria-pressed=true]):hover{opacity:.7}.seg-sm .seg-btn{height:30px;padding:0 12px}.seg.is-disabled{opacity:.5}.seg.is-disabled .seg-btn{cursor:not-allowed;transform:none}.seg-square{background:var(--track);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:2px}.seg-square .seg-btn{border-radius:9px;height:34px;padding:0 clamp(12px,1.6vw,16px);font-size:14px}.seg-square .seg-thumb{border-radius:9px}.slider{flex:auto;min-width:72px;height:28px;position:relative}.slider-track,.slider-fill{pointer-events:none;border-radius:2px;height:4px;position:absolute;top:12px;left:0}.slider-track{background:var(--slider-track);right:0}.slider-fill{background:var(--fill)}.slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;position:absolute;inset:0}.slider input::-webkit-slider-runnable-track{background:0 0;height:28px}.slider input::-moz-range-track{background:0 0;height:28px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:0 0;border-radius:999px;width:38px;height:24px;margin-top:2px}.slider input::-moz-range-thumb{opacity:0;background:0 0;border:0;border-radius:999px;width:38px;height:24px}.slider{touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slider-knob{pointer-events:none;background:#fff;border-radius:999px;width:38px;height:24px;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000038,0 0 0 .5px #00000014}.slider input:disabled{cursor:default}.slider.is-disabled{opacity:.4}.switch-row{cursor:pointer;width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.switch{background:var(--switch-off);touch-action:pan-y;border-radius:999px;flex:none;width:64px;height:28px;transition:background .25s;position:relative}.switch-knob{pointer-events:none;background:#fff;border-radius:999px;width:38px;height:24px;position:absolute;top:0;left:0;box-shadow:0 3px 8px #00000026,0 0 0 .5px #0000000a}[aria-checked=true]>.switch{background:var(--switch-on)}.tool-main input[type=range]:not(.slider input){appearance:none;cursor:pointer;background:0 0;border:0;height:28px;min-height:28px;margin:0;padding:0}.tool-main input[type=range]:not(.slider input)::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:2px;height:4px}.tool-main input[type=range]:not(.slider input)::-moz-range-track{background:var(--slider-track);border-radius:2px;height:4px}.tool-main input[type=range]:not(.slider input)::-moz-range-progress{background:var(--fill);border-radius:2px;height:4px}.tool-main input[type=range]:not(.slider input)::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:22px;transition:transform .2s var(--spring);background:#fff;border-radius:999px;margin-top:-9px;box-shadow:0 2px 6px #00000038,0 0 0 .5px #00000014}.tool-main input[type=range]:not(.slider input)::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:34px;height:22px;box-shadow:0 2px 6px #00000038,0 0 0 .5px #00000014}.tool-main input[type=range]:not(.slider input):active::-webkit-slider-thumb{transform:scale(1.15)}.tool-main input[type=range]:not(.slider input):disabled{cursor:default;opacity:.4}.tool-main input[type=checkbox]:not(.native){appearance:none;vertical-align:middle;background:var(--switch-off);cursor:pointer;touch-action:pan-y;border:0;border-radius:999px;flex:none;width:52px;min-width:52px;height:23px;min-height:23px;margin:0;padding:0;transition:background .25s;position:relative}.tool-main input[type=checkbox]:not(.native):after{content:"";width:30px;height:19px;transition:left .28s var(--ease), width .2s var(--ease);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000026,0 0 0 .5px #0000000a}.tool-main input[type=checkbox]:not(.native).is-lifted:after{opacity:0;transition:none}.tool-main input[type=checkbox]:not(.native):checked{background:var(--switch-on)}.tool-main input[type=checkbox]:not(.native):checked:after{left:20px}.tool-main input[type=checkbox]:not(.native):active:after{width:34px}.tool-main input[type=checkbox]:not(.native):checked:active:after{left:16px}.tool-main input[type=checkbox]:not(.native):disabled{cursor:default;opacity:.4}.tool-main input[type=checkbox]:not(.native):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-main .office-preview input[type=checkbox]{cursor:default;vertical-align:-2px;background:var(--track);width:16px;min-width:16px;height:16px;min-height:16px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:5px;flex:none;margin:0 8px 0 0}.tool-main .office-preview input[type=checkbox]:checked{background:var(--accent);box-shadow:none}.tool-main .office-preview input[type=checkbox]:disabled{opacity:1}.tool-main .office-preview input[type=checkbox]:after{display:none}.tool-main .office-preview input[type=checkbox]:checked:after{width:4px;height:8px;box-shadow:none;background:0 0;border:2px solid #fff;border-width:0 2px 2px 0;border-radius:0;display:block;top:2px;left:5.5px;transform:rotate(45deg)}.office-preview li:has(>input[type=checkbox]){margin-left:-1.25em;list-style:none}.group{background:var(--surface);border-radius:20px;overflow:hidden}.group>*+*{box-shadow:inset 0 .5px 0 var(--divider)}.group-title{color:var(--ink-2);margin:24px 0 8px;padding:0 16px;font-size:13px;font-weight:400}.group-note{color:var(--ink-2);margin:8px 0 0;padding:0 16px;font-size:13px;line-height:1.4}.select-row{justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:15px;display:flex;position:relative}.chevron{color:var(--ink-3);opacity:.7}.picker{background:var(--track);min-width:0;max-width:100%;height:38px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease, transform .15s var(--ease);border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:0 11px 0 14px;font-size:14.5px;display:inline-flex}.tool-main label>.picker{max-width:360px}.picker:hover:not(:disabled){background:var(--seg-track)}.picker:active:not(:disabled){transform:scale(.98)}.picker:disabled{cursor:default;opacity:.5}.picker[aria-expanded=true]{background:var(--seg-track)}.picker-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.picker-chevron{color:var(--ink-3);flex:none}label>.picker{width:100%}.field-control:has(>.picker){flex-shrink:0}.field-row .picker,.select-row .picker{width:auto;min-width:max-content;height:34px;color:var(--ink-2);background:0 0;flex:none;margin-right:-4px;padding:0 4px 0 8px;font-size:15px}.field-row .picker:hover:not(:disabled),.select-row .picker:hover:not(:disabled),.field-row .picker[aria-expanded=true],.select-row .picker[aria-expanded=true]{background:var(--track)}.picker-menu{z-index:130;--lg-shadow:0 0 0 .5px var(--hairline), 0 18px 48px -12px #00000052;max-width:calc(100vw - 16px);animation:picker-in .16s var(--ease) backwards;border-radius:14px;outline:none;flex-direction:column;display:flex;position:fixed}.picker-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--slider-track) transparent;border-radius:inherit;flex:auto;min-height:0;padding:5px;overflow-y:auto}@keyframes picker-in{0%{opacity:0;transform:scale(.96)}}.picker-option{min-height:34px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:9px;align-items:center;gap:4px;padding:5px 14px 5px 4px;font-size:14.5px;display:flex}.picker-option.is-active{background:var(--track)}.picker-option[aria-selected=true]{font-weight:600}.picker-option[aria-disabled=true]{opacity:.4;cursor:default}.picker-check{width:22px;color:var(--accent);flex:none;justify-content:center;display:flex}@media (pointer:coarse){.picker-option{min-height:44px;font-size:16px}}.tool-main summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.tool-main summary::-webkit-details-marker{display:none}.tool-main summary:after{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);width:7px;height:7px;transition:transform .2s var(--ease);flex:none;margin:0 4px 3px 0;transform:rotate(45deg)}.tool-main details[open]>summary:after{margin-bottom:-3px;transform:rotate(225deg)}.tool-main input[type=color]{appearance:none;cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:0 0 0 .5px var(--hairline), 0 2px 6px -2px #00000040;background:0 0;border:0;border-radius:50%;flex:none;padding:0}.tool-main input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tool-main input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.tool-main input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.tool-main input[type=number]{appearance:textfield}.tool-main input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-main input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-main progress{appearance:none;background:var(--slider-track);vertical-align:middle;border:0;border-radius:2px;width:160px;height:4px;overflow:hidden}.tool-main progress::-webkit-progress-bar{background:var(--slider-track);border-radius:2px}.tool-main progress::-webkit-progress-value{background:var(--fill);border-radius:2px;transition:width .2s}.tool-main progress::-moz-progress-bar{background:var(--fill);border-radius:2px}.tool-main :is(.code-actions,.office-row,.data-controls,.data-actions,.ce-row){align-items:flex-end}.tool-main :is(.code-actions,.office-row,.data-controls,.data-actions,.ce-row) :is(.btn,.btn-soft){height:38px;min-height:0}.tool-main :is(.code-actions,.office-row,.data-controls,.data-actions,.ce-row) input:not([type=checkbox]):not([type=range]){box-sizing:border-box;height:38px;min-height:0;padding-top:0;padding-bottom:0}.tool-main :is(.code-actions,.office-row,.data-controls,.data-actions,.ce-row) input[type=color]{width:38px;min-width:38px}.tool-main :is(.code-actions>label:not(.code-check),.office-row>.office-label,.data-controls>label,.ce-row>.ce-field){color:var(--ink-2);flex-direction:column;gap:7px;font-size:13px;display:flex}.seg-field{gap:7px}.seg-field .seg-btn{height:32px;min-height:0}.picker{min-height:0}.tool-main :is(.code-actions,.office-row,.data-controls,.ce-row)>label:has(>input[type=checkbox]){min-height:38px;color:var(--ink);flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.btn.btn-tint{color:var(--accent);background:var(--accent-tint-2);box-shadow:none}.btn.btn-tint:hover{filter:none;background:color-mix(in srgb, var(--accent) 18%, transparent)}.dropzone{text-align:center;background:var(--surface);outline:1.5px dashed var(--divider);outline-offset:-12px;border-radius:26px;flex-direction:column;align-items:center;gap:6px;max-width:760px;margin-inline:auto;padding:52px 24px;transition:outline-color .2s,background .2s;display:flex}.dropzone.in-layout{box-sizing:border-box;justify-content:center;max-width:none;min-height:420px;margin:0}@media (max-width:900px){.dropzone.in-layout{min-height:0}.dropzone.in-layout~*{display:none}}.dropzone-icon{color:var(--ink);margin-bottom:6px}.dropzone-title{margin:0;font-size:21px;font-weight:600}.dropzone-hint{color:var(--ink-2);margin:0;font-size:14px}.drop-sheet{text-align:center;width:min(420px,100%);color:var(--ink);--lg-tint:var(--glass);--lg-shadow:0 0 0 .5px var(--hairline), 0 20px 50px -20px #0000004d;border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:28px 28px 24px;display:flex}.drop-sheet p{margin:0}.drop-sheet .big{font-size:21px;font-weight:600}.drop-sheet .small{color:var(--glass-ink-2);font-size:14px}.drop-overlay{z-index:90;background:var(--scrim);pointer-events:none;justify-content:center;align-items:center;padding:24px;animation:.16s fade-in;display:flex;position:fixed;inset:0}.drop-overlay .drop-sheet{animation:sheet-in .32s var(--spring) backwards}@keyframes sheet-in{0%{opacity:0;transform:scale(.94)translateY(8px)}}.nav-wrap{z-index:30;height:0;transform:translateY(calc(-1 * var(--nav-push,0px)));justify-content:center;padding:0 16px;display:flex;position:sticky;top:12px;overflow:visible}.nav-pushed .nav-wrap:not(:has(.cat-nav)){visibility:hidden}.nav{width:432px;max-width:100%;height:52px;animation:nav-in .6s var(--ease) backwards;border-radius:999px;flex:0 auto;justify-content:space-between;align-items:center;gap:2px;padding:0 8px 0 14px;transition:box-shadow .3s;display:flex}.nav.is-scrolled{--lg-shadow:var(--nav-shadow-up)}@keyframes nav-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.nav-link{color:var(--ink);opacity:.85;transition:opacity .2s}.nav-link:hover{opacity:1;text-decoration:none}.nav-brand{align-items:center;gap:8px;padding-right:8px;display:flex}.nav-brand b{letter-spacing:.02em;font-size:15px;font-weight:600}.logo{width:26px;height:26px;transition:transform .3s var(--spring);border-radius:7px;flex:none;display:flex;box-shadow:0 1px 2px #be46144d}.nav-brand:hover .logo{transform:rotate(-8deg)scale(1.06)}.nav-links{isolation:isolate;align-items:center;display:flex;position:relative}.nav-links a{z-index:1;border-radius:999px;padding:8px 12px;font-size:13.5px;position:relative}.nav-links a[aria-current]{opacity:1;font-weight:600}.nav-pill{z-index:0;background:var(--seg-on);height:34px;box-shadow:var(--seg-on-shadow);transition:transform .45s var(--spring), width .45s var(--spring), opacity .25s ease;border-radius:999px;margin-top:-17px;position:absolute;top:50%;left:0}.tools-filter{z-index:31;justify-content:center;margin-top:18px;display:flex;position:sticky;top:12px}.cat-nav{gap:0;width:auto;max-width:calc(100vw - 32px);padding:0 6px}.cat-nav-side{opacity:0;max-width:0;transition:max-width .4s var(--ease), opacity .25s ease;flex:none;align-items:center;display:flex;overflow:hidden}.cat-nav.has-brand .cat-nav-side{opacity:1;max-width:220px}.cat-nav-side:not(.is-end) .nav-brand{padding:0 6px 0 8px}.cat-nav-side.is-end{padding-right:2px}.cat-nav-scroll{scrollbar-width:none;flex:0 auto;min-width:0;margin:-5px 0;padding:5px 3px;overflow-x:auto}.cat-nav-scroll::-webkit-scrollbar{display:none}.seg-cat{background:0 0;flex-wrap:nowrap;padding:0}.seg-cat .seg-btn{white-space:nowrap;height:38px;padding:0 14px;font-size:14px}.cat-label{align-items:center;gap:7px;display:inline-flex}@media (max-width:1080px){.cat-nav .nav-brand b{display:none}.seg-cat .seg-btn{padding:0 11px}}@media (max-width:860px){.seg-cat .led{display:none}.seg-cat .seg-btn{padding:0 10px;font-size:13.5px}}.cat-menu{z-index:1;opacity:0;visibility:hidden;transform-origin:var(--origin,50%) 0;transition:opacity .14s ease, scale .18s var(--ease), visibility 0s linear .18s;border-radius:22px;padding:8px;position:absolute;top:0;left:0;scale:.96}.cat-menu.is-open{opacity:1;visibility:visible;transition:opacity .16s ease, scale .34s var(--spring);scale:1}.cat-menu.is-open.is-gliding{transition:opacity .16s ease, scale .34s var(--spring), transform .4s var(--spring), width .4s var(--spring)}.cat-menu-body{animation:menu-swap .24s var(--ease) backwards}@keyframes menu-swap{0%{opacity:0;transform:translateY(4px)}}.cat-menu-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cat-menu-list.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-menu-item{min-height:52px;color:var(--ink);border-radius:14px;align-items:center;gap:11px;padding:0 10px;transition:background .12s;display:flex}.cat-menu-item:hover,.cat-menu-item:focus-visible{background:var(--accent-tint);outline:none;text-decoration:none}.cat-menu-item[aria-current]{background:var(--accent-tint-2)}.cat-menu-item .glyph{border-radius:9px;width:32px;height:32px;font-size:14px}.cat-menu-item .glyph-latin{font-size:12.5px}.cat-menu-item .glyph-latin-long{font-size:10px}.cat-menu-item:hover .glyph{transform:translateY(-1px)rotate(-4deg)}.cat-menu-item .text{flex-direction:column;flex:auto;min-width:0;line-height:1.3;display:flex}.cat-menu-item .name{white-space:nowrap;font-size:14px;font-weight:600}.cat-menu-item .desc{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cat-menu-item>svg{color:var(--accent);flex:none}.cat-menu-all{box-shadow:inset 0 .5px 0 var(--divider);color:var(--ink-2);border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;margin:6px 4px 0;padding:10px 8px 4px;font-size:13px;display:flex}.cat-menu-all:hover,.cat-menu-all:focus-visible{color:var(--accent);outline:none;text-decoration:none}.nav-sep{background:var(--divider);width:.5px;height:18px;margin:0 4px}.theme-icon{place-items:center;width:16px;height:16px;display:grid}.theme-icon svg{display:block}.theme-icon>*{transition:transform .45s var(--spring), opacity .3s ease;grid-area:1/1}:root[data-theme=dark] .theme-icon .sun,:root:not([data-theme=dark]) .theme-icon .moon{opacity:0;transform:rotate(-90deg)scale(.5)}@media (max-width:480px){.nav{width:auto}.nav-links a:not(:first-child){display:none}}.hero{text-align:center;flex-direction:column;align-items:center;padding:116px 24px 0;display:flex}.hero>*{animation:rise-in .7s var(--ease) backwards}.hero>:nth-child(2){animation-delay:60ms}.hero>:nth-child(3){animation-delay:.14s}@keyframes led-breathe{50%{box-shadow:0 0 9px #22b35ef2}}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:600;line-height:1.12}.hero-sub{max-width:620px;color:var(--ink-2);text-wrap:balance;margin:14px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.tools-search{background:var(--surface);width:100%;max-width:560px;box-shadow:0 0 0 .5px var(--hairline), 0 6px 18px -10px #00000024;margin:32px auto 0}.search-field{background:var(--field);height:56px;color:var(--ink-2);border-radius:999px;align-items:center;gap:12px;padding:0 12px 0 22px;transition:box-shadow .25s,background .25s;display:flex}.search-field:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--hairline), 0 10px 30px -10px #0000002e, 0 0 0 4px var(--accent-tint)}.search-field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:17px}.search-field input::placeholder{color:var(--ink-2)}.search-field input::-webkit-search-cancel-button{display:none}.kbd-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;gap:4px;padding:6px;transition:background .2s;display:flex}.kbd-btn:hover{background:var(--hover)}.scene{position:absolute;inset:0;overflow:hidden}.scene img{object-fit:cover;width:100%;height:100%}:root[data-theme=dark] .scene img{filter:brightness(.72)saturate(.9)}.tools{background:var(--bg-warm);margin-top:80px;padding:96px 24px 120px}.wrap{max-width:1100px;margin:0 auto}.h2{text-align:center;letter-spacing:-.01em;margin:0;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}.tool-group{margin-top:56px}.tool-group-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.tool-group-head .led{align-self:center;width:8px;height:8px}.tool-group-head h3{letter-spacing:-.005em;margin:0;font-size:24px;font-weight:600}.tool-group-head span{color:var(--ink-2);font-size:15px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.tool-card{background:var(--surface);color:var(--ink);transition:box-shadow .3s ease, transform .3s var(--ease);border-radius:18px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;position:relative}.tool-card:hover{box-shadow:var(--shadow-card);text-decoration:none;transform:translateY(-2px)}.tool-card:active{transition-duration:.12s;transform:translateY(0)scale(.985)}.tool-card:hover .glyph{transform:translateY(-1px)rotate(-4deg)}.tool-card .text{flex-direction:column;gap:2px;min-width:0;display:flex}.tool-card .glyph{border-radius:11px;width:42px;height:42px;margin-top:2.5px}.tool-card .name{padding-right:14px;font-size:17px;font-weight:600;line-height:25px}.tool-card .desc{color:var(--ink-2);font-size:14px;line-height:20px}.tool-card .led{position:absolute;top:27.5px;right:20px}.tool-card:hover .led{box-shadow:0 0 7px}.tool-card.is-soon .glyph{opacity:.7}.soon{color:var(--ink-3);margin-left:6px;font-size:12px;font-weight:400}.empty-card{background:var(--surface);text-align:center;max-width:480px;animation:rise-in .4s var(--ease) backwards;border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin:48px auto 0;padding:44px 24px;display:flex}.empty-card p{margin:0}.privacy{background:var(--bg);padding:130px 24px 120px}.lede{text-align:center;max-width:620px;color:var(--ink-2);margin:20px auto 0;font-size:19px;line-height:1.5}.pillars{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;margin-top:72px;display:grid}.pillars h3{margin:6px 0 0;font-size:21px;font-weight:600}.pillars p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.5}.pillars>div{color:var(--accent);flex-direction:column;gap:10px;display:flex}.pillars>div>:not(svg){color:var(--ink)}.pillars>div>p{color:var(--ink-2)}.deploy{background:var(--bg-warm);padding:110px 24px 120px}.deploy .wrap{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.deploy h2{letter-spacing:-.01em;margin:0;font-size:clamp(30px,3.4vw,40px);font-weight:600;line-height:1.12}.deploy p{color:var(--ink-2);margin:18px 0 0;font-size:17px;line-height:1.5}.terminal{background:var(--surface);min-width:0;font-family:var(--mono);border-radius:22px;flex:460px;padding:26px 28px;font-size:14.5px;line-height:2;overflow-x:auto}.terminal div{white-space:nowrap}.terminal b{color:var(--accent);font-weight:400}.footer{background:var(--bg-warm);padding:0 24px 40px}.footer .wrap{border-top:.5px solid var(--divider);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:18px;font-size:12px;display:flex}.footer a{color:var(--ink-soft)}.footer nav{gap:20px;display:flex}.tool-page{background:var(--bg-warm);min-height:100vh;font-size:15px}.tool-main{max-width:1280px;animation:rise-in .45s var(--ease) backwards;margin:0 auto;padding:96px 32px 48px}@media (max-width:600px){.tool-main{padding:88px 16px 40px}}.tool-head{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:28px;display:flex}@media (max-width:600px){.tool-head{margin-bottom:22px}}.tool-head .titles{flex:auto;min-width:0}.crumb{margin:0;font-size:15px}.crumb span{color:var(--ink-3)}.tool-head h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,4vw,40px);font-weight:600;line-height:1.1}.tool-title-row{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px;display:flex}.star-btn{color:var(--ink-3)}.star-btn:hover{color:var(--ink-2)}.star-btn.is-on{color:#f5a524}.star-btn.is-on svg{fill:currentColor;animation:star-pop .45s var(--spring)}@keyframes star-pop{40%{transform:scale(1.3)rotate(-12deg)}}.reset-btn{cursor:pointer;background:var(--track);height:28px;color:var(--ink-soft);animation:rise-in .25s var(--ease) backwards;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12.5px;transition:background .2s;display:inline-flex}.reset-btn:hover:not(:disabled){background:var(--seg-track)}.reset-btn:active:not(:disabled) svg{transition:transform .25s var(--ease);transform:rotate(-90deg)}.reset-btn:disabled{opacity:.5;cursor:default}.tool-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-title-row>.tool-actions{margin-left:auto}.tool-sub{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;font-size:17px;display:flex}.upload-led{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tool-foot{color:var(--ink-2);text-align:center;padding:0 32px 32px;font-size:12px}.m-bar{z-index:30;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.m-bar:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(color-mix(in srgb, var(--bg-warm) 55%, transparent), transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s;position:absolute;inset:0 0 -22px;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.m-bar.is-scrolled:before{opacity:1}.m-bar-pill{pointer-events:auto;border-radius:999px;align-items:center;height:44px;transition:box-shadow .3s;display:flex}.m-bar.is-scrolled .m-bar-pill{--lg-shadow:var(--nav-shadow-up)}.m-bar-back{border-radius:inherit;height:100%;color:var(--ink);align-items:center;gap:3px;padding:0 16px 0 10px;font-size:16px;font-weight:500;display:flex}.m-bar-back:hover{text-decoration:none}.m-bar-label{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;overflow:hidden}.m-bar-back:active{transform:scale(.96)}.m-bar-actions{gap:0;padding:0 2px}.m-bar-actions .icon-btn{width:40px;height:40px;color:var(--ink)}.m-bar-actions .star-btn.is-on{color:#f5a524}.tool-page.is-phone .tool-main{padding:4px 16px 40px}.tool-page.is-phone .tool-head{margin-bottom:22px}.tool-page.is-phone .tool-head h1{letter-spacing:.01em;font-size:34px;font-weight:700;line-height:1.2}.tool-page.is-phone .tool-sub{margin-top:4px;font-size:15px}.page-loading{justify-content:center;padding-top:220px;display:flex}.page-loading .led{background:var(--led-work);animation:1s ease-in-out infinite led-pulse}.palette-scrim{z-index:100;background:var(--scrim);animation:.18s backwards fade-in;position:fixed;inset:0}.palette{z-index:101;width:min(640px,100vw - 32px);height:min(480px,100dvh - min(132px,12vh) - 24px);color:var(--ink);--lg-shadow:0 0 0 .5px var(--hairline), 0 30px 80px -20px #00000059;animation:palette-in .26s var(--spring) backwards;border-radius:26px;flex-direction:column;display:flex;position:fixed;top:min(132px,12vh);left:50%;overflow:hidden;transform:translate(-50%)}.palette-closing .palette-scrim{animation:.16s both fade-out}.palette-closing .palette{animation:.16s both palette-out}@keyframes fade-out{to{opacity:0}}@keyframes palette-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.96)}}@keyframes palette-out{to{opacity:0;transform:translate(-50%)scale(.97)}}.palette-head{height:64px;box-shadow:inset 0 -.5px 0 var(--divider);color:var(--ink-2);flex:none;align-items:center;gap:12px;padding:0 18px 0 22px;display:flex}.palette-head input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:20px}.palette-head input::placeholder{color:var(--ink-3)}.palette-body{flex:auto;min-height:0;padding:8px 10px;overflow-y:auto}.palette-label{color:var(--ink-2);margin:6px 12px;font-size:12px;font-weight:500}.palette-item{width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;animation:rise-in .25s var(--ease) backwards;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 12px;transition:background .12s;display:flex}.palette-item:nth-child(3){animation-delay:20ms}.palette-item:nth-child(4){animation-delay:40ms}.palette-item:nth-child(5){animation-delay:60ms}.palette-item:hover{text-decoration:none}.palette-item[aria-selected=true]{background:var(--accent-tint-2)}.palette-item .glyph{border-radius:9px;width:34px;height:34px;font-size:15px}.palette-item .glyph-latin{font-size:13px}.palette-item .glyph-latin-long{font-size:10.5px}.palette-item .text{flex-direction:column;flex:auto;min-width:0;line-height:1.3;display:flex}.palette-item .name{font-size:15px;font-weight:600}.palette-item .desc{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.palette-item .cat{color:var(--ink-2);flex:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.palette-item .enter{width:26px;color:var(--accent);opacity:0;transition:opacity .15s ease, transform .2s var(--ease);font-size:13px;transform:translate(-4px)}.palette-item[aria-selected=true] .enter{opacity:1;transform:none}.palette-action{border-radius:12px;min-height:44px;font-size:15px}.palette-action .act-icon{background:var(--track);width:34px;height:28px;color:var(--ink-soft);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.palette-empty{text-align:center;animation:rise-in .3s var(--ease) backwards;flex-direction:column;align-items:center;gap:6px;padding:70px 24px;display:flex}.palette-empty p{margin:0}.palette-foot{height:44px;color:var(--ink-2);box-shadow:inset 0 .5px 0 var(--divider);flex:none;align-items:center;gap:16px;padding:0 20px;font-size:12.5px;display:flex}.palette-foot>span{align-items:center;gap:5px;display:flex}.palette-foot .spacer{flex:auto}@media (max-width:520px){.palette-foot .keys{display:none}}.toaster{z-index:120;left:50%;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{white-space:nowrap;height:44px;color:var(--ink);animation:toast-in .36s var(--spring) backwards;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 16px;font-size:14px;font-weight:500;display:flex}.toast.is-leaving{animation:.2s both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)scale(.96)}}.hero-drop{background:radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--surface) 75%, transparent), transparent 75%) var(--bg-warm);width:100%;max-width:1040px;color:var(--ink);transition:background-color .3s ease, transform .4s var(--ease), box-shadow .3s ease;border-radius:30px;margin-top:40px;padding:44px 32px 34px;position:relative}.hero-drop:not(.has-files){cursor:pointer}.hero-drop:before{content:"";border:1.5px dashed var(--divider);pointer-events:none;transition:border-color .25s ease, inset .3s var(--ease);border-radius:22px;position:absolute;inset:10px}@media (hover:hover){.hero-drop:not(.has-files):hover:before{border-color:var(--ink-3)}.hero-drop:not(.has-files):hover .hero-key{translate:0 -4px}}.hero-drop.is-over{background-color:var(--accent-tint);transform:scale(1.01)}.hero-drop.is-over:before{border-color:var(--accent);inset:6px}.hero-drop.has-files{text-align:left;padding:28px 30px}.hero-drop.has-files:before{border-color:#0000}.hero-keys{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.hero-key{background:var(--surface);width:56px;height:56px;box-shadow:var(--glyph-shadow), 0 10px 22px -12px #0000004d;font-family:var(--mono);rotate:calc((var(--i) - 2.5) * 2.4deg);animation:5s ease-in-out infinite key-float;animation-delay:calc(var(--i) * -.85s);transition:translate .4s var(--spring), rotate .4s var(--spring);border-radius:15px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.hero-key .led{width:5px;height:5px;position:absolute;top:8px;right:8px;box-shadow:0 0 5px}.hero-drop.is-over:not(.has-files) .hero-key{translate:0 -10px;rotate:0deg}@keyframes key-float{50%{transform:translateY(-5px)}}.hero-drop-empty h2{letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:600}.hero-drop-empty>p:not(.hero-drop-note){color:var(--ink-2);margin:6px 0 22px;font-size:16px}.hero-drop-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;display:flex}.hero-paste{color:var(--ink-2);align-items:center;gap:4px;font-size:14px;display:inline-flex}.hero-paste .kbd:first-child{margin-left:2px}.hero-drop-note{color:var(--ink-2);justify-content:center;align-items:center;gap:7px;margin:16px 0 0;font-size:13px;display:flex}.hero-drop-note .led{animation:3s ease-in-out infinite led-breathe}.hero-drop-result{animation:rise-in .4s var(--ease) backwards}.hero-drop-result .hero-drop-note{justify-content:flex-start}.hero-drop-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-drop-head h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.hero-drop-head p{color:var(--ink-2);margin:4px 0 0;font-size:14px}.hero-drop-actions{flex:none;align-items:center;gap:14px;font-size:14px;display:flex}@media (max-width:700px){.hero-drop{padding:36px 20px 28px}.hero-drop.has-files{padding:22px 16px}.hero-keys{gap:8px}.hero-key{border-radius:12px;width:46px;height:46px;font-size:12px}.hero-drop-head{flex-direction:column}}.file-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.file-chip{background:var(--surface);max-width:100%;height:32px;box-shadow:0 0 0 .5px var(--hairline);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.file-chip svg{flex:none}.drag-grip{color:var(--ink-3);cursor:grab;flex:none;align-items:center;padding:0 2px 0 8px;display:inline-flex}@media (hover:none){.drag-grip{display:none}}.file-chip span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.file-chip small{color:var(--ink-3);font-size:12px}.match-combo{background:var(--surface);min-height:64px;animation:rise-in .35s var(--ease) backwards;border-radius:20px;align-items:center;gap:14px;margin-top:14px;padding:10px 12px 10px 14px;display:flex}.match-combo .text{flex-direction:column;flex:auto;min-width:0;line-height:1.35;display:flex}.match-combo b{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.match-combo small{color:var(--ink-2);font-size:13px}.badge{background:var(--accent-tint-2);color:var(--accent);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600}.match-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:12px;margin-top:12px;display:grid}.match-group{background:var(--surface);animation:rise-in .35s var(--ease) backwards;border-radius:20px;padding:6px}.match-group:nth-child(2){animation-delay:50ms}.match-group:nth-child(3){animation-delay:.1s}.match-group h3{color:var(--ink-soft);align-items:center;gap:7px;margin:6px 10px 4px;font-size:13px;font-weight:600;display:flex}.match-tool{cursor:pointer;width:100%;height:44px;color:var(--ink);text-align:left;transition:background .15s ease, transform .15s var(--ease);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 10px;display:flex}.match-tool:hover{background:var(--hover)}.match-tool:active{transform:scale(.985)}.match-tool .glyph{border-radius:8px;width:30px;height:30px;font-size:14px}.match-tool .glyph-latin{font-size:11.5px}.match-tool .glyph-latin-long{font-size:9.5px}.match-tool b{flex:none;font-size:15px;font-weight:600}.match-tool small{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;overflow:hidden}.match-more{width:100%;height:36px;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 10px 0 52px;font-size:13px;display:block}.match-more:hover{text-decoration:underline}.match-empty{background:var(--surface);text-align:center;color:var(--ink-2);border-radius:20px;margin:16px 0 0;padding:24px;font-size:15px}.anywhere{z-index:95;background:var(--scrim);justify-content:center;align-items:flex-start;padding:min(110px,9vh) 16px 24px;animation:.2s backwards fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.anywhere-sheet{width:min(760px,100%);color:var(--ink);--lg-shadow:0 0 0 .5px var(--hairline), 0 40px 90px -30px #00000073;animation:sheet-in .36s var(--spring) backwards;border-radius:32px}.anywhere-body{padding:26px 28px 20px}.anywhere-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.anywhere-head h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.anywhere-head p{color:var(--glass-ink-2);margin:4px 0 0;font-size:14px}.anywhere-foot{color:var(--glass-ink-2);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.anywhere-foot>span{align-items:center;gap:6px;display:inline-flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(48px)}}@media (max-width:640px){.anywhere{align-items:flex-end;padding:0}.anywhere-sheet{width:100%;max-height:90dvh;animation:sheet-up .4s var(--spring) backwards;border-radius:28px 28px 0 0;flex-direction:column;display:flex}.anywhere-body{overscroll-behavior:contain;min-height:0;padding:22px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.anywhere-head h2{font-size:21px}.match-groups{grid-template-columns:minmax(0,1fr)}.match-combo{flex-wrap:wrap}.match-combo .btn{width:100%}}.next-steps{animation:rise-in .35s var(--ease) backwards;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.next-label{color:var(--ink-2);margin-right:2px;font-size:13px}.next-chip{cursor:pointer;background:var(--surface);height:38px;box-shadow:0 0 0 .5px var(--hairline);color:var(--ink);transition:box-shadow .2s ease, transform .18s var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 4px;font-size:13.5px;font-weight:500;display:inline-flex}.next-chip:hover{box-shadow:0 0 0 .5px var(--hairline), var(--shadow-card);transform:translateY(-1px)}.next-chip:active{transform:scale(.97)}.next-chip .glyph{border-radius:999px;width:30px;height:30px;font-size:13px}.next-chip .glyph-latin{font-size:11px}.next-chip .glyph-latin-long{font-size:9px}.action-dock{bottom:max(16px, env(safe-area-inset-bottom));z-index:20;pointer-events:none;justify-content:center;margin-top:26px;display:flex;position:sticky}.action-bar{pointer-events:auto;max-width:100%;animation:bar-in .4s var(--spring) backwards;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}@keyframes bar-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.action-status{color:var(--ink-soft);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:center;gap:8px;padding-right:6px;font-size:13px;display:flex}.key-hint{letter-spacing:.02em;background:#fff3;border-radius:6px;margin-left:2px;padding:1px 6px;font-size:11.5px;font-weight:500}.btn-soft .key-hint{background:var(--hover)}@media (hover:none),(max-width:600px){.key-hint{display:none}}@media (max-width:600px){.action-bar{border-radius:24px;width:100%;padding:8px}.action-status{justify-content:center;width:100%;padding:4px 0}.action-bar .btn,.action-bar .btn-soft{flex:auto}}.field-row{min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:15px;display:flex}.field-row.is-block{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px 14px}.field-label{flex-direction:column;gap:1px;min-width:0;display:flex}.field-label small{color:var(--ink-2);font-size:12px;line-height:1.4}.field-control{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.is-block .field-control{justify-content:stretch}.is-block .field-control>*{flex:auto}.field-row input:not([type=checkbox]):not([type=range]):not([type=color]){background-color:var(--field);min-width:0;max-width:100%;height:34px;color:var(--ink);font:inherit;border:0;border-radius:9px;padding:0 10px;font-size:14px}.field-row input[type=number]{text-align:right;font-variant-numeric:tabular-nums;width:100px}.field-row input[type=text],.field-row input:not([type]){width:190px}.is-block input[type=text],.is-block input:not([type]){width:100%}.field-row .seg-btn{height:30px;padding:0 12px;font-size:13px}.is-block .seg{width:100%}.is-block .seg-btn{flex:1 1 0;padding:0 6px}.field-value{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.is-block .field-label{width:100%}.field-split{justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.field-row .slider{min-width:0}.seg-field{min-width:0;color:var(--ink-2);gap:7px;font-size:13px;display:grid}.seg-field .seg{justify-self:start;max-width:100%}.seg-field .seg-btn{font-size:13px}.example-btn{cursor:pointer;white-space:nowrap;background:var(--accent-tint);height:30px;color:var(--accent);transition:background .2s ease, transform .18s var(--ease);border:0;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.example-btn:hover{background:var(--accent-tint-2)}.example-btn:active{transform:scale(.96)}.star-mark{color:#f5a524;align-self:center;display:inline-flex}.star-mark svg{fill:currentColor}.m-home{min-height:100dvh;padding-bottom:calc(118px + env(safe-area-inset-bottom));background:var(--bg-warm);font-size:17px}.m-head{padding:calc(14px + env(safe-area-inset-top)) 20px 0;animation:rise-in .35s var(--ease) backwards}.m-title{letter-spacing:.01em;margin:0;font-size:34px;font-weight:700;line-height:1.2}.m-main{animation:rise-in .35s var(--ease) backwards;padding:0 16px}.m-sub{color:var(--ink-2);align-items:center;gap:7px;margin:2px 4px 0;font-size:15px;display:flex}.m-search{background:var(--seg-track);height:38px;color:var(--ink-2);border-radius:12px;align-items:center;gap:6px;margin-top:14px;padding:0 10px;display:flex}.m-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;font-size:17px}.m-search input::placeholder{color:var(--ink-2)}.m-search input::-webkit-search-cancel-button{-webkit-appearance:none}.m-row-icon{background:var(--surface-2);width:30px;height:30px;color:var(--ink);box-shadow:var(--glyph-shadow);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.m-head.has-bar{padding-top:4px}.m-open{background:var(--surface);width:100%;min-height:76px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 0 0 1px var(--accent-tint-2), 0 10px 24px -18px #ec6a3399;transition:transform .18s var(--ease);border:0;border-radius:20px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;display:flex;position:relative}.m-open:active{transform:scale(.98)}.m-open-icon{background:var(--btn);color:#fff;width:44px;height:44px;box-shadow:var(--btn-shadow);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.m-open-text{flex-direction:column;flex:auto;gap:2px;min-width:0;line-height:1.3;display:flex}.m-open-text b{font-size:17px;font-weight:600}.m-open-text small{color:var(--ink-2);font-size:13px}.m-open-keys{flex:none;grid-template-columns:repeat(3,auto);gap:4px;display:grid}.m-open-keys span{width:28px;height:28px;color:var(--ink-soft);background:var(--surface-2);box-shadow:var(--glyph-shadow);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}@media (max-width:360px){.m-open-keys{display:none}}.m-h2{color:var(--ink-2);margin:22px 0 8px;padding:0 20px;font-size:13px;font-weight:400}.m-cats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.m-cat{background:var(--surface);height:88px;color:var(--ink);transition:transform .18s var(--ease);border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative}.m-cat:hover{text-decoration:none}.m-cat:active{transform:scale(.97)}.m-cat-icon{background:var(--surface-2);width:30px;height:30px;box-shadow:var(--glyph-shadow);border-radius:8px;justify-content:center;align-items:center;display:flex}.m-cat-text{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.m-cat-text b{font-size:16px;font-weight:600}.m-cat-text small{color:var(--ink-2);font-size:13px}.m-cat .led{position:absolute;top:14px;right:14px;box-shadow:0 0 5px}.m-list{background:var(--surface);border-radius:20px;overflow:hidden}.m-first{margin-top:16px}.m-row{min-height:52px;color:var(--ink);align-items:center;gap:12px;padding-left:14px;transition:background .15s;display:flex}.m-row:hover{text-decoration:none}.m-row:active{background:var(--hover)}.m-row.has-desc{min-height:62px}.m-row .glyph{border-radius:8px;width:30px;height:30px;font-size:14px}.m-row .glyph-latin{font-size:11.5px}.m-row .glyph-latin-long{font-size:9.5px}.m-row-main{flex:auto;align-self:stretch;align-items:center;gap:8px;min-width:0;padding-right:14px;display:flex}.m-row+.m-row .m-row-main{box-shadow:inset 0 .5px 0 var(--divider)}.m-row-text{flex-direction:column;flex:auto;min-width:0;line-height:1.3;display:flex}.m-row-name{font-size:17px}.m-row-desc{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.m-row-trail{color:var(--ink-3);flex:none;font-size:15px}.m-plain-btn{color:var(--danger);cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:8px 12px;font-size:15px;display:block}.m-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:72px 24px;display:flex}.m-empty-icon{background:var(--surface);width:60px;height:60px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.m-empty b{font-size:19px}.m-empty p{max-width:280px;color:var(--ink-2);margin:0;font-size:15px}.m-dock{z-index:40;left:16px;right:16px;bottom:max(18px, env(safe-area-inset-bottom));animation:bar-in .45s var(--spring) backwards;gap:12px;display:flex;position:fixed}.m-tabbar{--lg-shadow:var(--nav-shadow-up);border-radius:999px;flex:auto;height:62px}.m-tabbar nav{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;padding:6px;display:flex;position:relative}.m-tab-pill{z-index:0;background:var(--accent-tint-2);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.m-tab{z-index:1;color:var(--ink);-webkit-touch-callout:none;-webkit-user-drag:none;border-radius:999px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;font-size:10px;font-weight:500;transition:color .2s;display:flex;position:relative}.m-tab:hover{text-decoration:none}.m-tab[aria-current=page]{color:var(--accent);font-weight:600}.is-dragging .m-tab[aria-current=page]{color:var(--ink)}.is-dragging .m-tab.is-near{color:var(--accent)}.m-search-btn{--lg-shadow:var(--nav-shadow-up);border-radius:50%;flex:0 0 62px;height:62px}.m-search-btn button{width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.m-search-btn button:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{animation:none!important}}.licenses{max-width:760px}.licenses h1{letter-spacing:-.01em;margin:8px 0 0;font-size:clamp(30px,4vw,40px);font-weight:600}.licenses-lead{color:var(--ink-2);margin:12px 0 28px;font-size:16px;line-height:1.6}.licenses-list{gap:12px;display:grid}.licenses-item{background:var(--surface);box-shadow:0 0 0 .5px var(--hairline);border-radius:20px;padding:18px 20px}.licenses-item h2{margin:0;font-size:17px;font-weight:600}.licenses-item h2 small{font:13px var(--mono);color:var(--ink-3);margin-left:6px}.licenses-item p{color:var(--ink-2);margin:6px 0 0;font-size:14px;line-height:1.6}.licenses-meta{flex-wrap:wrap;gap:6px 16px;display:flex}.licenses-meta span{color:var(--ink);font-weight:500}.licenses-note{color:var(--ink-2);margin:20px 0 0;font-size:14px;line-height:1.7}.seo-page{overflow-wrap:anywhere;line-height:1.8}.seo-page h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,44px);line-height:1.3}.seo-page h2{margin-top:32px;font-size:21px}.seo-page p{max-width:850px;color:var(--ink-2)}.seo-directory ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;padding:0;list-style:none;display:grid}.seo-directory li{background:var(--surface);border-radius:18px;padding:18px 22px}.seo-directory li a{width:-moz-fit-content;width:fit-content;min-height:36px;font-weight:600;display:block}.seo-directory li span{color:var(--ink-2);font-size:14px;display:block}.tool-guide{overflow-wrap:anywhere;border-top:1px solid var(--divider);max-width:1280px;margin:32px auto 0;padding:32px;line-height:1.8}.tool-guide h2{margin:0 0 10px;font-size:21px;font-weight:600}.tool-guide h3{margin:20px 0 8px;font-size:16px}.tool-guide p,.tool-guide li{color:var(--ink-2);font-size:14px}.tool-guide ul,.tool-guide ol{padding-left:22px}.guide-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.guide-links{flex-wrap:wrap;gap:8px 22px;margin-top:24px;font-size:14px;display:flex}.guide-links a{align-items:center;min-height:36px;display:inline-flex}.seo-static-nav{flex-wrap:wrap;gap:12px 24px;padding:20px 40px;display:flex}.seo-static-nav a{align-items:center;min-height:36px;display:inline-flex}.seo-static .tool-main{padding-top:32px}@media (max-width:640px){.tool-guide{margin-top:24px;padding:24px 20px}.guide-columns{grid-template-columns:1fr;gap:0}.seo-static-nav{gap:4px 16px;padding:16px 20px}}