@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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Space Grotesk", "Microsoft YaHei", sans-serif;--color-canvas:#f4f6fb;--color-surface:#fff;--color-ink:#182236;--color-muted:#526077;--color-accent:#4054c7;--color-chat:#252933}}@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{.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}.flex{display:flex}.w-full{width:100%}.max-w-\[1120px\]{max-width:1120px}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:calc(var(--spacing) * 4)}}:root{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;--border:#dbe1ed;--soft:#e9edfb;--error:#a12536}*{box-sizing:border-box}body{min-inline-size:320px;margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,select,input{min-block-size:44px}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}#main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--font-display)}p{line-height:1.65}.skip-link{z-index:10;background:#fff;border-radius:8px;padding:12px 20px;position:absolute;inset-block-start:-80px;inset-inline-start:16px}.skip-link:focus{inset-block-start:12px}.site-header{background:var(--color-surface);border-block-end:1px solid var(--border)}.header-inner{min-block-size:82px;padding-inline:20px}.brand{font-family:var(--font-display);letter-spacing:-.05em;align-items:center;gap:10px;min-block-size:44px;font-size:1.3rem;font-weight:600;display:flex}.brand-mark{color:#fff;background:var(--color-accent);border-radius:10px;place-items:center;block-size:36px;inline-size:36px;display:grid}.brand-divider,.brand-descriptor{display:none}.site-header nav a{min-block-size:44px;color:var(--color-muted);align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.site-header a:hover,.site-footer a:hover{color:var(--color-accent)}.main-shell{padding:40px 20px 64px}.eyebrow{color:var(--color-accent);letter-spacing:.11em;margin-block-end:12px;font-size:.65rem;font-weight:700}h1{letter-spacing:-.045em;max-inline-size:950px;font-size:clamp(1.8rem,1rem + 2.4vw,2.8rem);font-weight:600;line-height:1.12}.intro-description{color:var(--color-muted);max-inline-size:730px;margin-block-start:14px;font-size:1rem}.tool-nav{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-block:30px 20px;padding-block-end:10px;display:flex}.tool-nav a{min-block-size:44px;min-inline-size:0;color:var(--color-muted);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:10px 6px;font-size:.78rem;font-weight:600;display:flex}.tool-nav a[aria-current=page]{background:var(--color-accent);color:#fff;box-shadow:0 3px 7px #4054c720}.tool-nav a:not([aria-current]):hover{background:var(--soft);color:var(--color-accent)}.tool-workspace{border:1px solid var(--border);background:#fff;border-radius:16px;display:grid;overflow:clip;box-shadow:0 10px 36px #18223606}.input-panel,.output-panel{min-inline-size:0;padding:24px 20px}.input-panel{border-block-end:1px solid var(--border)}.section-heading{align-items:flex-start;gap:12px;display:flex}.icon-tile{background:var(--soft);color:var(--color-accent);border-radius:10px;padding:10px}h2{letter-spacing:-.025em;font-size:1.2rem;font-weight:600}.section-heading p{color:var(--color-muted);margin-block-start:5px;font-size:.8rem}.quick-times{flex-wrap:wrap;gap:8px;margin-block:24px;display:flex}.quick-times button{border:1px solid var(--border);background:#fff;border-radius:7px;padding:8px 13px;font-size:.8rem;font-weight:500}.quick-times button:hover{background:var(--soft);border-color:var(--color-accent)}.field{min-inline-size:0;margin-block-start:20px}.field label,.code-output label{align-items:center;gap:7px;margin-block-end:9px;font-size:.78rem;font-weight:600;display:flex}.field input,.field select{inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--color-ink);background:#fff;border:1px solid #b7c2d5;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.3;display:block}.field input{min-block-size:49px}.field select{text-overflow:ellipsis;padding-inline-end:28px}:is(.field input:user-invalid,.field input[aria-invalid=true]){border-color:var(--error)}.date-time-grid{gap:16px;display:grid}.date-time-grid .field{margin:0}.output-panel{background:#fbfcff}.output-heading{justify-content:space-between;align-items:center;margin-block-end:19px;display:flex}.output-heading svg{color:var(--color-accent)}.discord-preview{background:var(--color-chat);color:#f5f6fa;border-radius:12px;overflow:clip}.channel-title{color:#dddfe9;border-block-end:1px solid #ffffff17;align-items:center;gap:8px;padding:14px 16px;font-size:.8rem;display:flex}.channel-title>svg{color:#a4aab9}.preview-label{color:#c1c6d4;margin-inline-start:auto;font-size:.65rem;display:none}.message{align-items:flex-start;gap:11px;min-block-size:125px;padding:22px 16px 26px;display:flex}.message-avatar{color:#fff;background:#6174bd;border-radius:50%;flex-shrink:0;place-items:center;block-size:37px;inline-size:37px;display:grid}.message-content{min-inline-size:0}.message-author{flex-wrap:wrap;align-items:center;gap:10px;font-size:.86rem;font-weight:600;display:flex}.message-author span{color:#b8becd;font-size:.63rem;font-weight:400}.message p{overflow-wrap:anywhere;margin-block-start:6px;font-size:.87rem;line-height:1.8}.timestamp-chip{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffffff17;border-radius:4px;padding:2px 4px}.viewer-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-block-start:17px;display:grid}.viewer-field label{color:var(--color-muted);margin:0;font-weight:400}.viewer-field select{background:#fff;padding-block:10px;font-size:.8rem}.helper{color:var(--color-muted);margin-block-start:10px;font-size:.74rem}.code-output{margin-block:23px 14px}.code-output input{color:#34459e;background:#f0f3fc;border:1px dashed #aeb9d2;border-radius:8px;inline-size:100%;min-inline-size:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.94rem}.button-primary{background:var(--color-accent);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-block-size:48px;inline-size:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:background-color .15s;display:flex}.button-primary:hover:not(:disabled){background:#3042a7}.paste-note{text-align:center;color:var(--color-muted);margin-block-start:10px;font-size:.72rem}.time-meta{border-block-start:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:24px;margin-block:20px 0;padding-block-start:16px;font-size:.7rem;display:flex}.time-meta>div{gap:8px;display:flex}.time-meta dt{color:var(--color-muted)}.time-meta dd{margin:0;font-family:ui-monospace,monospace}.privacy-line{text-align:center;color:var(--color-muted);justify-content:center;align-items:center;gap:7px;margin-block-start:16px;font-size:.72rem;display:flex}.privacy-line svg{color:#396957}.formats-section{margin-block-start:52px}.section-intro{margin-block-end:22px}.section-intro h2,.how-section>h2,.faq-section>h2{font-size:1.5rem}.section-intro p{color:var(--color-muted);margin-block-start:9px;font-size:.85rem}.format-list{border:1px solid var(--border);background:#fff;border-radius:12px}.format-row{border-block-end:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:18px;display:grid}.format-row:last-child{border:0}.format-name{grid-column:1/-1;align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.format-letter{background:var(--soft);color:#3e4d90;border-radius:6px;flex-shrink:0;place-items:center;block-size:28px;inline-size:28px;font-family:ui-monospace,monospace;display:grid}.format-example{color:var(--color-muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.8rem}.format-code{overflow-wrap:anywhere;color:var(--color-muted);font-family:ui-monospace,monospace;font-size:.72rem}.copy-small{border:1px solid var(--border);color:var(--color-muted);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:.74rem;display:flex}.copy-small:hover{background:var(--soft);color:var(--color-accent)}.copy-wrap{min-inline-size:0}.copy-error,.form-error{color:var(--error);margin-block-start:12px;font-size:.8rem;line-height:1.6}.copy-wrap.compact:has(.copy-error){grid-column:1/-1}.form-error{background:#fff0f1;border:1px solid #e8c2c7;border-radius:7px;padding:12px}.occurrences{border:1px solid var(--border);border-radius:8px;margin-block-start:16px;padding:14px;font-size:.85rem}.occurrences label{align-items:center;gap:8px;display:flex}.occurrences input{accent-color:var(--color-accent)}.mode-note{color:var(--color-muted);margin-block-start:14px;font-size:.75rem}.how-section{padding-block:48px}.steps-grid{gap:28px;margin-block-start:24px;display:grid}.step{align-items:flex-start;gap:13px;display:flex}.step-number{font-family:var(--font-display);color:var(--color-accent);background:var(--soft);border-radius:50%;padding:7px 12px;font-size:.9rem}.step h3{margin-block:5px 8px;font-size:.9rem;font-weight:600}.step p{color:var(--color-muted);font-size:.81rem}.faq-section{border-block-start:1px solid var(--border);padding-block-start:32px}.faq-section>h2{margin-block-end:22px}details{border-block-end:1px solid var(--border)}summary{cursor:pointer;min-block-size:52px;padding-block:17px;font-size:.88rem;font-weight:500}details p{color:var(--color-muted);max-inline-size:780px;padding-block:0 20px;font-size:.84rem}.site-footer{border-block-start:1px solid var(--border);background:#fff;padding:28px 20px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.footer-inner a{align-items:center;gap:6px;min-block-size:44px;font-size:.8rem;display:inline-flex}.footer-inner .footer-brand{font-family:var(--font-display);font-size:1rem;font-weight:600}.footer-inner p{color:var(--color-muted);font-size:.72rem}.prose-page{max-inline-size:730px;margin-block-start:36px}.prose-page section{margin-block-end:28px}.prose-page h2{margin-block-end:12px}.prose-page p{color:var(--color-muted);margin-block-end:16px}.prose-page pre{background:var(--color-chat);color:#fff;border-radius:10px;padding:24px;overflow-x:auto}.prose-page a:not(.button-primary){color:var(--color-accent);text-decoration:underline}.inline-button{inline-size:fit-content;margin-block:24px}.tool-loading{border:1px solid var(--border);min-block-size:540px;color:var(--color-muted);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loading-clock{color:var(--color-accent);font-family:ui-monospace,monospace;font-size:2rem}@media (width>=375px){.date-time-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}@media (width>=640px){.brand-divider{background:var(--border);block-size:20px;inline-size:1px;margin-inline:7px;display:block}.brand-descriptor{font-family:var(--font-sans);letter-spacing:normal;color:var(--color-muted);font-size:.78rem;font-weight:400;display:block}.tool-nav{gap:8px}.tool-nav a{flex-direction:row;flex:0 auto;gap:8px;padding:11px 20px;font-size:.83rem}.main-shell{padding-block-start:48px}.input-panel,.output-panel{padding:30px}.preview-label{display:inline}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.tool-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.input-panel{border-block-end:0;border-inline-end:1px solid var(--border)}.format-row{grid-template-columns:minmax(190px,1fr) minmax(180px,1.25fr) minmax(160px,.85fr) auto;gap:16px;padding:14px 20px}.format-name,.format-example{grid-column:auto}.faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:45px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
