.tool{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-tap-highlight-color:transparent}.tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}:where(.tool) button{cursor:pointer;background:0 0;border:0}.tool button:disabled{cursor:default;opacity:.35}.tool [hidden]{display:none!important}.tool .bar{top:max(12px, env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;max-width:880px;height:56px;margin:0 auto;padding:0 8px 0 22px;display:flex;position:sticky;box-shadow:0 0 0 1px #0000000d,0 8px 30px -12px #00000026}.tool .bar-end{align-items:center;gap:8px;min-width:0;display:flex}.tool .pill{cursor:pointer;white-space:nowrap;border:0}.tool .pill svg{flex:none;width:18px;height:18px}.tool .pill.small{padding:8px 14px;font-size:14px}.tool .icon-btn{width:40px;height:40px;color:var(--ink);border-radius:999px;place-items:center;transition:background .2s;display:grid}.tool .icon-btn:hover{background:#0000000d}.tool .icon-btn svg{width:20px;height:20px}.tool kbd{font-family:var(--font-en);background:#0000000f;border-radius:6px;padding:1px 6px;font-size:13px}.tool .empty{min-height:calc(100dvh - 80px);margin:0 calc(-1 * max(16px, env(safe-area-inset-right))) calc(-1 * max(40px, env(safe-area-inset-bottom))) calc(-1 * max(16px, env(safe-area-inset-left)));align-content:center;place-items:center;gap:28px;padding:24px 16px;display:grid;position:relative;overflow:hidden}.tool .prop{pointer-events:none;cursor:default;position:absolute}.tool .drop-card{border-radius:var(--radius-xl);background:var(--surface);text-align:center;width:min(460px,100%);transition:rotate .5s var(--ease-spring), scale .5s var(--ease-spring);justify-items:center;gap:10px;padding:44px 28px 34px;display:grid;position:relative;rotate:-1deg;box-shadow:0 1px 2px #0000000d,0 24px 50px -24px #00000040}.tool .drop-card:after{content:"";border-radius:calc(var(--radius-xl) - 10px);pointer-events:none;border:2px dashed #0000001a;transition:border-color .2s;position:absolute;inset:12px}.tool .drop-card:hover,.tool.dragging .drop-card{rotate:0deg;scale:1.02}.tool .drop-card:hover:after,.tool.dragging .drop-card:after{border-color:color-mix(in srgb, var(--sky) 55%, transparent)}.tool .drop-title{letter-spacing:-.01em;font-size:clamp(24px,4vw,30px);font-weight:700}.tool .drop-sub{color:var(--ink-3);font-size:15px;line-height:1.6}.tool .drop-btn{margin-top:8px}.tool .privacy{color:var(--ink-3);text-align:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.tool .privacy svg{flex:none;width:15px;height:15px}@media (pointer:coarse){.tool .paste-hint{display:none}}.tool .loading{place-items:center;min-height:calc(100dvh - 120px);display:grid}.tool .loading-card{border-radius:var(--radius-xl);background:var(--surface);width:min(380px,100%);box-shadow:var(--shadow-card);gap:8px;padding:30px 28px 28px;display:grid;position:relative;rotate:-1deg}.tool .loading-title{font-size:20px;font-weight:700}.tool .loading-text{min-height:1.5em;color:var(--ink-3);font-size:14px}.tool .track{background:var(--paper);border-radius:999px;height:8px;overflow:hidden}.tool .track i{border-radius:inherit;background:var(--ink);transform-origin:0;width:100%;height:100%;scale:var(--p,0) 1;transition:scale .3s var(--ease-out);display:block}.tool .card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:28px;padding:22px;position:relative}.tool .label{color:var(--ink-3);letter-spacing:.02em;font-size:13px;font-weight:600}.tool .note{color:var(--ink-3);font-size:12.5px;line-height:1.6}.tool .group{align-content:start;gap:12px;display:grid}.tool .chapter{isolation:isolate;width:fit-content;padding-inline:.1em;font-size:22px;position:relative}.tool .chapter:before{content:"";z-index:-1;background:color-mix(in srgb, var(--sunflower) 70%, transparent);-webkit-mask:var(--swipe) center / 100% 100% no-repeat;mask:var(--swipe) center / 100% 100% no-repeat;position:absolute;inset:50% -.18em 2% -.02em;rotate:-1.2deg}.tool .chapter small{color:var(--ink-3);margin-left:4px;font-size:15px;font-weight:600}.tool .notice{background:color-mix(in srgb, var(--tangerine) 14%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tangerine) 30%, transparent);color:var(--ink-2);border-radius:20px;padding:14px 18px;font-size:14px;line-height:1.6}.tool .field{background:var(--paper);width:100%;min-width:0;color:var(--ink);font:500 16px/1.4 var(--font-body);border:0;border-radius:999px;outline:none;padding:9px 14px}.tool textarea.field{resize:vertical;border-radius:18px}.tool .field:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sky) 60%, transparent)}.tool .field::placeholder{color:#b0b0b5}.tool .chips{flex-wrap:wrap;gap:6px;display:flex}.tool .chip-btn{color:var(--ink-2);transition:background .2s, scale .3s var(--ease-spring);background:#0000000b;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.tool .chip-btn:hover{background:#00000014}.tool .chip-btn:active{scale:.94}.tool .chip-btn[aria-pressed=true]{background:var(--ink);color:#fff}.tool .seg{background:var(--paper);border-radius:999px;gap:2px;padding:3px;display:flex}.tool .seg button{color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:1 0 auto;padding:7px 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.tool .seg [aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.tool .switch{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.4;display:flex;position:relative}.tool .switch small{color:var(--ink-3);font-size:12px;font-weight:400;display:block}.tool .switch input{opacity:0;pointer-events:none;position:absolute}.tool .knob{background:#0000001f;border-radius:999px;flex:none;width:40px;height:24px;transition:background .25s;position:relative}.tool .knob:after{content:"";width:20px;height:20px;transition:translate .35s var(--ease-spring);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.tool .switch input:checked+.knob{background:var(--leaf)}.tool .switch input:checked+.knob:after{translate:16px}.tool .switch input:focus-visible+.knob{outline:3px solid color-mix(in srgb, var(--sky) 70%, transparent);outline-offset:2px}.tool .switch:has(input:disabled){cursor:default;opacity:.5}.tool input[type=range]{--a:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0}.tool input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--a), #0000001a var(--a));border-radius:999px;height:6px}.tool input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--ink) var(--a), #0000001a var(--a));border-radius:999px;height:6px}.tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;transition:scale .25s var(--ease-spring);background:#fff;border-radius:999px;margin-top:-8px;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000038}.tool input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:22px;height:22px;box-shadow:0 0 0 1px #0000000f,0 2px 6px #00000038}.tool input[type=range]:active::-webkit-slider-thumb{scale:1.15}.tool .slider{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;font-weight:500;display:grid}.tool .slider output{min-width:3ch;font-family:var(--font-en);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.tool .swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool .swatch{background:var(--c);width:30px;height:30px;transition:scale .3s var(--ease-spring);border-radius:999px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.tool .swatch:hover{scale:1.1}.tool .swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.tool .swatch.custom{background:conic-gradient(from 90deg, var(--tomato), var(--sunflower), var(--leaf), var(--mint), var(--sky), var(--grape), var(--bubblegum), var(--tomato));cursor:pointer;overflow:hidden}.tool .swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tool .sheet{background:var(--surface);width:min(1000px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:28px;padding:0 22px 22px;overflow-y:auto;box-shadow:0 30px 80px -20px #00000059}.tool .sheet[open]{animation:sheet-in .45s var(--ease-out);gap:14px;display:grid}@keyframes sheet-in{0%{opacity:0;translate:0 24px;scale:.98}}.tool .sheet::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f5f799}.tool .sheet-head{z-index:2;background:var(--surface);justify-content:space-between;align-items:center;padding:16px 0 6px;display:flex;position:sticky;top:0}.tool .sheet h2{font-size:20px}.tool .sheet h2 small{color:var(--ink-3);margin-left:6px;font-size:14px;font-weight:500}.tool .drop-veil{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#f5f5f7b3;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.tool.dragging:not([data-state=empty]) .drop-veil{opacity:1}.tool .drop-veil>div{border:3px dashed color-mix(in srgb, var(--sky) 60%, transparent);background:#fff;border-radius:36px;padding:56px 72px;font-size:24px;font-weight:700;position:relative;rotate:-1.5deg}.tool .toast{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 68px);z-index:70;background:var(--ink);color:#fff;opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .3s, translate .45s var(--ease-spring);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;position:fixed;translate:-50% -12px}.tool .toast.show{opacity:1;translate:-50%}.tool .mini-bar{display:none}@media (width<=959px){.tool .mini-bar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:15;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);transition:opacity .3s, translate .45s var(--ease-spring);background:#ffffffdb;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 8px;display:flex;position:fixed;translate:-50%;box-shadow:0 0 0 1px #0000000d,0 10px 30px -10px #00000040}.tool .mini-bar[data-away]{opacity:0;pointer-events:none;translate:-50% 140%}}@media (width<=699px){.tool .bar-end .pill span{display:none}.tool .bar{padding-left:18px}.tool .card{border-radius:26px;padding:20px 18px}.tool .sheet[open]{width:100%;max-width:none;max-height:94dvh;padding:0 16px max(18px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;margin:auto 0 0}}@media (pointer:coarse){.tool input[type=range]{height:36px}.tool input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.tool .chip-btn{padding:7px 13px}}.tool-brand[data-astro-cid-gk7a324f]{min-width:0;color:var(--ink);white-space:nowrap;align-items:center;gap:9px;font-size:17px;font-weight:700;display:inline-flex}.tool-brand[data-astro-cid-gk7a324f] img[data-astro-cid-gk7a324f]{filter:drop-shadow(0 1px 1px #00000029)drop-shadow(0 4px 6px #0000001a);width:auto;height:50px;transition:rotate .6s var(--ease-spring);margin-block:-6px;rotate:-7deg}.tool-brand[data-astro-cid-gk7a324f]:hover img[data-astro-cid-gk7a324f]{rotate:5deg}.tool-brand[data-astro-cid-gk7a324f] svg[data-astro-cid-gk7a324f]{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.names[data-astro-cid-gk7a324f]{justify-items:start;padding-block:4px;display:grid;overflow:hidden}.names[data-astro-cid-gk7a324f]>span[data-astro-cid-gk7a324f]{transition:translate .5s var(--ease-spring), opacity .25s var(--ease-out);grid-area:1/1}.back[data-astro-cid-gk7a324f]{opacity:0;align-items:center;gap:1px;margin-left:-4px;display:inline-flex;translate:0 110%}.tool-brand[data-astro-cid-gk7a324f]:is(:hover,:focus-visible) .name[data-astro-cid-gk7a324f]{opacity:0;translate:0 -110%}.tool-brand[data-astro-cid-gk7a324f]:is(:hover,:focus-visible) .back[data-astro-cid-gk7a324f]{opacity:1;translate:0}.chev[data-astro-cid-gk7a324f]{color:var(--ink-3);margin-right:-6px;display:none}@media (hover:none){.chev[data-astro-cid-gk7a324f]{display:block}.back[data-astro-cid-gk7a324f]{display:none}}@media (width<=699px),(orientation:landscape) and (height<=520px){.names[data-astro-cid-gk7a324f]{display:none}}.tool-lang[data-astro-cid-ckejqdpl]{min-width:40px;height:40px;color:var(--ink-2);font:600 14px/1 var(--font-zh);border-radius:999px;flex:none;place-items:center;padding:0 12px;transition:background .2s,color .2s;display:grid}.tool-lang[data-astro-cid-ckejqdpl]:hover{color:var(--ink);background:#0000000d}
