:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1a1a;--bg-2:#2d2d2d;--paper:#000000b3;--card:#ffffff1a;--card-border:#fff3;--text:#fff;--text-2:#ffffffb3;--text-3:#ffffff80;--divider:#ffffffb3;--input-bg:#ffffff17;--input-bg-hover:#ffffff21;--input-line:#ffffffb3;--primary:#90caf9;--error:#f44336;--error-text:#ff8a80;--success:#66bb6a;--gradient:linear-gradient(45deg, #2196f3 30%, #21cbf3 90%);--radius:4px;--font:"Roboto", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{color:var(--text);font-family:var(--font);background-color:#121212;margin:0;font-size:1rem;line-height:1.5}body.no-scroll{overflow:hidden}a{color:var(--primary)}p{margin:0 0 12px}hr{border:0;border-top:1px solid var(--divider);margin:24px 0}.center{text-align:center}.pre-line{white-space:pre-line}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{background-color:var(--bg);background-image:linear-gradient(45deg, var(--bg) 0%, var(--bg-2) 100%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 16px}@media (width>=600px){.container{padding:32px 24px}}.site-title{text-align:center;margin:0 0 16px;font-size:3rem;font-weight:400;line-height:1.167}.site-title a{color:inherit;text-decoration:none}.paper{background:var(--paper);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);margin-top:24px;padding:20px 16px 24px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}@media (width>=600px){.paper{padding:24px}}.paper-title{text-align:center;margin:0 0 16px;font-size:2.125rem;font-weight:400;line-height:1.235}.lead{margin-bottom:16px}.section-title{margin:0 0 12px;font-size:1.25rem;font-weight:500}.home{flex-direction:column;align-items:center;gap:24px;display:flex}.logo{color:#000;line-height:0;display:inline-block}.logo svg{width:100%;height:100%}.home-logo{width:150px;height:162px;margin-bottom:16px}@media (width>=900px){.home-logo{width:200px;height:217px}}.home-notice{text-align:center;margin:32px 0 0;font-size:1.5rem;line-height:1.334}.tool-grid{grid-template-columns:1fr;gap:24px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;padding:24px 16px;transition:transform .2s,box-shadow .2s;display:flex}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tool-title{text-align:center;margin:0 0 12px;font-size:1.25rem;font-weight:600;line-height:1.6}.tool-desc{color:var(--text-2);text-align:center;flex:1;font-size:.875rem}.btn{border-radius:var(--radius);min-width:64px;font:500 .875rem/1.75 var(--font);letter-spacing:.02857em;cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:6px 16px;text-decoration:none;transition:background-color .25s,box-shadow .25s,opacity .25s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.input:focus-visible,.sketch-sv:focus-visible,.sketch-hue:focus-visible,.sketch-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-block{width:100%;display:flex}.btn-gradient{color:#000000de;background:var(--gradient);width:100%;margin-top:16px;padding:12px 16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-contained{color:#000000de;background:var(--primary);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-contained:hover:not(:disabled){background:#42a5f5}.btn-outlined{color:var(--primary);border:1px solid #90caf980}.btn-outlined:hover{background:#90caf914}.btn-danger-filled{color:#fff;background:#d32f2f}.btn-danger-filled:hover{background:#c62828}.btn-text{color:var(--primary)}.btn-text:hover{background:#90caf914}.btn-danger{color:var(--error-text)}.btn-primary-text{font-weight:700}.guide{justify-items:center;gap:16px;margin-bottom:8px;display:grid}.guide-multi{grid-template-columns:1fr}@media (width>=900px){.guide-multi{grid-template-columns:repeat(2,1fr)}.guide:not(.guide-multi) a{max-width:50%}}.guide a{width:100%;display:block}.guide img{background:#b8a8c8;width:100%;height:auto;display:block}.view-banner{border-radius:var(--radius);background:#2196f31a;border:1px solid #90caf966;margin-top:16px;padding:12px 16px}.fields{gap:20px;display:grid}.field-head{gap:2px 16px;margin-bottom:8px;display:grid}@media (width>=900px){.field-head{grid-template-columns:3fr 9fr;align-items:baseline}}.field-label{font-weight:500}.req{color:var(--text-2)}.field-desc{color:var(--text-2);margin:0;font-size:.875rem}.field-error{color:var(--error-text);margin:6px 0 0;font-size:.8125rem}.input{border:0;border-bottom:1px solid var(--input-line);border-radius:var(--radius) var(--radius) 0 0;background:var(--input-bg);width:100%;color:var(--text);font:1rem/1.4375 var(--font);padding:14px 12px 12px;transition:background-color .2s,border-color .2s;display:block}.input:hover:not(:read-only){background:var(--input-bg-hover)}.input:focus{border-bottom:2px solid var(--primary);outline:none;padding-bottom:11px}.input::placeholder{color:var(--text-3)}.input[aria-invalid=true]{border-bottom:2px solid var(--error);padding-bottom:11px}.input:read-only{color:var(--text-2)}.char-count{text-align:right;color:var(--text-3);margin:4px 0 0;font-size:.75rem}textarea.input{resize:vertical;min-height:110px}.five{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=600px){.five{grid-template-columns:repeat(5,1fr)}}.five-cell{flex-direction:column;gap:4px;display:flex}.five-label{color:var(--text-2);font-size:.75rem}.five-error{color:var(--error-text);font-size:.75rem}.radio-row{flex-wrap:wrap;gap:8px 24px;display:flex}.radio{cursor:pointer;align-items:center;gap:8px;min-height:42px;display:inline-flex}.radio input{width:20px;height:20px;accent-color:var(--primary);margin:0}.radio-disabled{opacity:.45;cursor:not-allowed}.actions{gap:16px;display:grid}.actions-end{justify-content:flex-end;display:flex}.dialog-backdrop{z-index:1300;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius);background:#383838;outline:none;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - 32px);display:flex;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.dialog-wide{max-width:720px}.dialog-title{margin:0;padding:16px 24px;font-size:1.25rem;font-weight:500}.dialog-body{color:var(--text-2);padding:0 24px 8px;overflow-y:auto}.dialog-actions{justify-content:flex-end;gap:8px;padding:8px;display:flex}.result-image{border-radius:var(--radius);width:100%;height:auto;margin-top:8px;display:block}.toast{z-index:1400;border-radius:var(--radius);color:#fff;align-items:center;gap:12px;width:min(560px,100% - 32px);padding:10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024}.toast span{flex:1}.toast-error{background:#d32f2f}.toast-success{background:#2e7d32}.toast-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:1.25rem;line-height:1}.busy{z-index:1500;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.picker-layout{flex-direction:column;align-items:center;gap:8px;display:flex}.emph{font-size:1.25rem;font-weight:500}.color-preview{border-radius:16px;width:min(100%,400px);height:32px;margin:8px 0 12px}.hdr-boost{pointer-events:none;width:1px;height:1px;position:absolute}.sketch{color:#333;background:#fff;border-radius:4px;width:min(100%,360px);margin-bottom:16px;padding:10px 10px 0;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.sketch-sv{cursor:crosshair;touch-action:none;border-radius:2px;width:100%;padding-bottom:75%;position:relative;overflow:hidden}.sketch-sv-white,.sketch-sv-black{position:absolute;inset:0}.sketch-sv-white{background:linear-gradient(90deg,#fff,#fff0)}.sketch-sv-black{background:linear-gradient(#0000,#000)}.sketch-sv-pointer{pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.sketch-row{gap:4px;margin-top:6px;display:flex}.sketch-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:2px;flex:1;height:10px;position:relative}.sketch-hue-pointer{pointer-events:none;background:#fff;border-radius:1px;width:4px;height:12px;margin-left:-2px;position:absolute;top:-1px;box-shadow:0 0 2px #0009}.sketch-current{border-radius:2px;width:24px;height:10px;box-shadow:inset 0 0 0 1px #00000026}.sketch-inputs{gap:6px;padding-top:8px;display:flex}.sketch-input{text-align:center;color:#222;flex-direction:column;flex:1;font-size:11px;display:flex}.sketch-input-hex{flex:2}.sketch-input input{color:#333;background:#fff;border:none;width:100%;padding:4px 4px 3px 8%;font-size:11px;box-shadow:inset 0 0 0 1px #ccc}.sketch-input span{padding:4px 0 3px}.sketch-swatches{border-top:1px solid #eee;flex-wrap:wrap;gap:10px;margin:0 -10px;padding:10px;display:flex}.sketch-swatch{cursor:pointer;border:0;border-radius:3px;width:16px;height:16px;padding:0;box-shadow:inset 0 0 0 1px #00000026}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card:hover{transition:none;transform:none}}