@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@layer theme{:root,:host{--font-sans:"DM Sans","Microsoft YaHei",sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Space Grotesk","Microsoft YaHei",sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.mx-auto{margin-inline:auto}.w-full{width:100%}.max-w-\[1120px\]{max-width:1120px}}:root{font-family:var(--font-sans);color:#162033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#162033;--muted:#526174;--line:#d9e0eb;--accent:#4653c4;--soft:#edf0ff;--error:#a12536;background:#f3f6fa}*{box-sizing:border-box}body{min-inline-size:320px;margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select{min-block-size:44px}svg{flex-shrink:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline-offset:3px;outline:3px solid #6572ec}#main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--font-display)}h1{overflow-wrap:anywhere}p{line-height:1.58}.skip-link{z-index:20;border:1px solid var(--line);background:#fff;padding:10px 16px;position:absolute;inset-block-start:-80px;inset-inline-start:16px}.skip-link:focus{inset-block-start:8px}.site-header{border-block-end:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:12px 28px;min-block-size:65px;padding:8px 20px;display:flex}.brand{white-space:nowrap;min-block-size:44px;font:700 1.25rem var(--font-display);letter-spacing:-.05em;align-items:center;gap:9px;display:inline-flex}.brand-mark,.footer-brand span{color:#fff;letter-spacing:-.1em;background:#5865f2;place-items:center;font-family:ui-monospace,Consolas,monospace;font-weight:800;display:inline-grid}.brand-mark{border-radius:7px;block-size:31px;inline-size:31px;padding-inline-end:2px;font-size:1rem}.brand-divider{background:var(--line);block-size:17px;inline-size:1px;margin-inline:4px}.brand-descriptor{color:var(--muted);font:500 .74rem var(--font-sans);letter-spacing:0}.site-nav{align-items:center;gap:1px;display:flex}.site-header .site-nav a{color:#42516a;white-space:nowrap;border-block-end:2px solid #0000;align-items:center;min-block-size:44px;padding:10px 13px;font-size:.83rem;font-weight:700;display:inline-flex}.site-header .site-nav a:hover{color:var(--accent);background:#f5f6fb}.site-header .site-nav a[aria-current=page]{color:#313da2;border-block-end-color:#5865f2}.main-shell{padding:24px 20px 72px}.page-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:20px;margin-block-end:19px;display:grid}h1{letter-spacing:-.045em;font-size:clamp(1.9rem,1.28rem + 2.2vw,2.95rem);font-weight:700;line-height:1.08}.intro-description{color:var(--muted);max-inline-size:32rem;font-size:.93rem}.tool-workspace{background:#fff;border:1px solid #cfd8e6;border-radius:14px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);display:grid;overflow:hidden}.input-panel,.output-panel{min-inline-size:0;padding:25px 28px 28px}.input-panel{border-inline-end:1px solid var(--line)}.output-panel{background:#f8f9fd}.section-heading{align-items:start;display:flex}h2{letter-spacing:-.028em;font-size:1.17rem;font-weight:700;line-height:1.25}.section-heading p{color:var(--muted);margin-block-start:3px;font-size:.81rem}.quick-times{flex-wrap:wrap;gap:7px;margin-block:15px 17px;display:flex}.quick-times button{color:#33405d;background:#fff;border:1px solid #c5cde0;border-radius:999px;min-block-size:38px;padding:6px 12px;font-size:.76rem;font-weight:700}.quick-times button:hover{border-color:var(--accent);background:var(--soft);color:var(--accent)}.date-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{min-inline-size:0;margin-block-start:13px}.date-time-grid .field{margin:0}.field label,.code-output label{color:#344056;margin-block-end:5px;font-size:.77rem;font-weight:700;display:block}.field input,.field select{min-block-size:44px;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--ink);background:#fff;border:1px solid #b8c3d3;border-radius:7px;padding:9px 10px;font-size:.85rem;line-height:1.25;display:block}:is(.field input:user-invalid,.field input[aria-invalid=true]){border-color:var(--error)}.field select{text-overflow:ellipsis;padding-inline-end:24px}.code-output{margin-block:13px 7px}.code-output input{color:#27368f;background:#f0f2ff;border:1px solid #8996d2;border-radius:7px;inline-size:100%;min-inline-size:0;padding:9px 11px;font:700 .88rem ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.button-primary{color:#fff;background:#4653c4;border:1px solid #4653c4;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-block-size:45px;inline-size:100%;padding:9px 14px;font-size:.84rem;font-weight:700;transition:background-color .16s;display:inline-flex}.button-primary:hover:not(:disabled){color:#fff;background:#35419d}.form-error,.copy-error{color:var(--error);background:#fff3f4;border:1px solid #e2bdc3;border-radius:6px;margin-block-start:10px;padding:9px 11px;font-size:.79rem}.occurrences{border:1px solid var(--line);border-radius:7px;margin-block-start:12px;padding:10px 12px;font-size:.8rem}.occurrences label{align-items:center;gap:8px;min-block-size:38px;display:flex}.occurrences input{accent-color:var(--accent)}.output-heading{justify-content:space-between;align-items:center;gap:12px;margin-block-end:3px;display:flex}.output-heading svg{color:var(--accent)}.paste-note{color:var(--muted);margin-block-end:12px;font-size:.8rem}.viewer-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin-block:0 12px;display:grid}.viewer-field label{color:var(--muted);margin:0;font-weight:600}.discord-preview{color:#f0f2f6;background:#242832;border-radius:9px;overflow:hidden}.channel-title{color:#cbd0dc;border-block-end:1px solid #ffffff24;align-items:center;gap:8px;padding:11px 15px;font-size:.78rem;font-weight:700;display:flex}.preview-label{color:#aeb5c6;margin-inline-start:auto;font-size:.66rem;font-weight:500}.message{align-items:flex-start;gap:11px;min-block-size:124px;padding:19px 15px 21px;display:flex}.message-avatar{color:#fff;background:#6572d2;border-radius:50%;flex:none;place-items:center;block-size:35px;inline-size:35px;display:grid}.message-content{min-inline-size:0}.message-author{flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.message-author span{color:#aeb5c6;font-size:.63rem;font-weight:400}.message p{overflow-wrap:anywhere;margin-block-start:4px;font-size:.86rem;line-height:1.65}.timestamp-chip{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffffff17;border-radius:3px;padding:2px 4px}.helper{color:var(--muted);margin-block-start:9px;font-size:.74rem}.time-meta{margin-block:18px 0 0;border-block-start:1px solid var(--line);flex-wrap:wrap;gap:10px 22px;padding-block-start:12px;font-size:.72rem;display:flex}.time-meta>div{gap:8px;display:flex}.time-meta dt{color:var(--muted)}.time-meta dd{margin:0;font-family:ui-monospace,monospace}.mode-note{color:var(--muted);margin-block-start:11px;font-size:.77rem}.privacy-line{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-block-start:12px;font-size:.72rem;display:flex}.privacy-line svg{color:#2a7154}.formats-section{margin-block-start:36px}.section-intro{margin-block-end:14px}.section-intro h2,.how-section>h2,.faq-section>h2{font-size:1.45rem}.section-intro p{color:var(--muted);margin-block-start:4px;font-size:.84rem}.format-list{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.format-row{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:12px 16px;display:grid}.format-row:last-child{border-block-end:0}.format-name{grid-column:1/-1;align-items:center;gap:10px;font-size:.81rem;font-weight:700;display:flex}.format-letter{background:var(--soft);color:#3643aa;border:1px solid #cbd2ef;border-radius:5px;flex:none;place-items:center;block-size:27px;inline-size:27px;font:700 .76rem ui-monospace,monospace;display:grid}.format-example{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.83rem}.format-code{color:#33429d;overflow-wrap:anywhere;font:.77rem ui-monospace,monospace}.copy-wrap{min-inline-size:0}.copy-small{color:#35428d;background:#fff;border:1px solid #b7c0d3;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-block-size:38px;padding:7px 11px;font-size:.75rem;font-weight:700;display:inline-flex}.copy-small:hover{border-color:var(--accent);background:var(--soft)}.copy-wrap.compact:has(.copy-error){grid-column:1/-1}.how-section{padding-block:39px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-block-start:18px;display:grid}.step{align-items:start;gap:10px;display:flex}.step-number{color:#3643aa;border:1px solid #cbd2ef;border-radius:50%;flex:none;place-items:center;block-size:27px;inline-size:27px;font-size:.8rem;font-weight:700;display:grid}.step h3{margin-block:2px 5px;font-size:.9rem;font-weight:700}.step p{color:var(--muted);font-size:.8rem}.faq-section{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;padding-block-start:29px;display:grid}.faq-section article{border-block-end:1px solid var(--line);padding-block:12px}.faq-section article h3{font-size:.87rem;font-weight:700}.faq-section article p{color:var(--muted);margin-block-start:6px;font-size:.81rem}.faq-guide{margin-block:15px 0;font-size:.82rem}.site-footer{border-block-start:1px solid var(--line);background:#fff;padding:27px 20px}.footer-inner{justify-content:space-between;align-items:start;gap:20px;display:flex}.footer-brand{min-block-size:44px;font:700 1rem var(--font-display);align-items:center;gap:7px;display:inline-flex}.footer-brand span{border-radius:5px;block-size:25px;inline-size:25px;font-size:.77rem}.footer-inner p{color:var(--muted);font-size:.73rem}.footer-inner>nav{flex-wrap:wrap;align-items:center;gap:0 13px;display:flex}.footer-inner a{align-items:center;gap:5px;min-block-size:44px;font-size:.8rem;display:inline-flex}.prose-page{max-inline-size:780px;margin-block-start:34px}.prose-page section{margin-block-end:28px}.prose-page h2{margin-block-end:10px}.prose-page p{color:var(--muted);margin-block-end:15px}.prose-page a:not(.button-primary){color:#3746af;text-underline-offset:2px;text-decoration:underline}.prose-page ul,.prose-page ol{color:var(--muted);line-height:1.65}.prose-page pre{color:#fff;background:#242832;border-radius:7px;padding:20px;overflow-x:auto}.prose-page pre code{white-space:pre-wrap;overflow-wrap:anywhere}.guide-steps{padding-inline-start:24px}.guide-steps li{margin-block:8px}.guide-steps strong,.guide-troubleshooting h3{color:var(--ink)}.guide-task-map{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:11px;margin:18px 0 0;padding:0;list-style:none;display:grid}.guide-task-map li{border:1px solid var(--line);background:#fff;border-radius:7px;padding:15px}.guide-task-map a{font-weight:700}.guide-task-map p{margin:7px 0 0;font-size:.82rem}.guide-troubleshooting{gap:12px;display:grid}.guide-troubleshooting h3{margin-block-end:4px;font-size:1rem}.guide-format-table{border:1px solid var(--line);border-spacing:0;text-align:start;border-radius:7px;inline-size:100%;margin-block:18px;font-size:.82rem;overflow:hidden}.guide-format-table th,.guide-format-table td{border-block-end:1px solid var(--line);padding:10px 13px}.guide-format-table th{text-align:start;font-weight:700}.guide-format-table thead{background:#e9eef7}.guide-format-table tbody tr:last-child th,.guide-format-table tbody tr:last-child td{border-block-end:0}.guide-format-table code{color:#3544a8;font-weight:700}.guide-example-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-block-start:5px;display:block}.pillar-explainer{border-block-start:1px solid var(--line);max-inline-size:850px;padding-block-start:30px}.pillar-explainer code{color:#3544a8;overflow-wrap:anywhere;font-weight:700}.pillar-explainer ul{padding-inline-start:21px;font-size:.87rem}.pillar-explainer li{margin-block-start:9px}.pillar-explainer strong{color:var(--ink)}.inline-button{inline-size:fit-content;margin-block:20px}.tool-loading{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:20px}.tool-loading-overview{max-inline-size:44rem}.tool-loading-overview h2{color:var(--ink);font-size:1.15rem}.tool-loading-overview p{margin-block-start:8px;font-size:.88rem}.tool-loading-overview code{color:var(--ink);font-family:ui-monospace,monospace}.tool-loading-note{margin-block-start:10px;font-size:.83rem}@media (width>=900px){.format-row{grid-template-columns:minmax(180px,1fr) minmax(170px,1.2fr) minmax(145px,.9fr) auto;gap:15px}.format-name,.format-example{grid-column:auto}}@media (width<=899px){.header-inner{display:block}.site-nav{white-space:nowrap;scrollbar-width:none;max-inline-size:100%;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.tool-workspace{grid-template-columns:1fr}.input-panel{border-inline-end:0;border-block-end:1px solid var(--line)}}@media (width<=699px){.header-inner{padding:4px 16px 0;display:block}.brand{min-block-size:40px}.brand-divider,.brand-descriptor,.nav-about{display:none!important}.site-nav{scrollbar-width:none;gap:3px;max-inline-size:100%;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-header .site-nav a{padding:7px 10px;font-size:.77rem}.main-shell{padding:15px 16px 56px}.page-intro{margin-block-end:14px;display:block}h1{font-size:clamp(1.65rem,6vw,2rem)}.intro-description{margin-block-start:5px;font-size:.85rem;line-height:1.42}.input-panel,.output-panel{padding:14px 15px 17px}.section-heading p{font-size:.76rem}.quick-times{gap:5px;margin-block:10px 12px}.quick-times button{min-block-size:36px;padding:5px 9px;font-size:.72rem}.field{margin-block-start:9px}.field label,.code-output label{margin-block-end:4px;font-size:.72rem}.field input,.field select{min-block-size:41px;padding:7px 8px;font-size:.8rem}.date-time-grid{gap:8px}.code-output{margin-block:10px 6px}.code-output input{min-block-size:41px;padding:7px 9px;font-size:.83rem}.button-primary{min-block-size:44px}.viewer-field{grid-template-columns:1fr;gap:4px}.steps-grid,.faq-section{display:block}.step{margin-block-start:16px}.footer-inner{display:block}.footer-inner>nav{gap:0 14px;margin-block-start:13px}}@media (width<=350px){.main-shell,.input-panel,.output-panel{padding-inline:12px}.date-time-grid .field input{padding-inline:4px;font-size:.73rem}.site-header .site-nav a{padding-inline:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
