:root{--font-family-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--bg-color: #ffffff;--card-bg: #ffffff;--text-color: #121317;--muted-text: #5d616b;--accent-color: #0b0f19;--accent-hover: #000000;--card-border: #d7d7dc;--card-border-strong: #b9bec6;--desc-bg: #f4f6f8;--result-box-bg: #f4f6f8;--input-bg: #ffffff;--input-border: #b9bec6;--tool-btn-bg: #111111;--tool-btn-hover-bg: #000000;--alert-color: #b30000;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .07);--container-w: 680px;--content-w: 1180px;--max-w: 96rem;--max-w-narrow: 80rem;--focus-ring: 3px solid #3366ff;--focus-offset: 2px;--t-ease: .2s ease;--h1-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);--h2-size: clamp(1.2rem, 1.05rem + .8vw, 1.6rem);--text-size: clamp(.985rem, .94rem + .3vw, 1.06rem);--small-size: clamp(.88rem, .84rem + .2vw, .98rem)}@media (prefers-color-scheme: dark){:root{--bg-color: #121212;--card-bg: #1b1b1b;--text-color: #f2f2f3;--muted-text: #b7bac1;--accent-color: #f1f1f1;--accent-hover: #ffffff;--card-border: #3f3f46;--card-border-strong: #5b5b64;--desc-bg: #23232c;--result-box-bg: #23232c;--input-bg: #1f1f21;--input-border: #53565e;--tool-btn-bg: #4a4d55;--tool-btn-hover-bg: #6a6e77;--alert-color: #ff6666}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--bg-color: #121212;--card-bg: #1b1b1b;--text-color: #f2f2f3;--muted-text: #b7bac1;--accent-color: #f1f1f1;--accent-hover: #ffffff;--card-border: #3f3f46;--card-border-strong: #5b5b64;--desc-bg: #23232c;--result-box-bg: #23232c;--input-bg: #1f1f21;--input-border: #53565e;--tool-btn-bg: #4a4d55;--tool-btn-hover-bg: #6a6e77;--alert-color: #ff6666}html,body{margin:0;padding:0;background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-default)}body{font-size:var(--text-size);line-height:1.55}img{max-width:100%;height:auto}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}a{color:var(--accent-color);text-decoration:none}a:hover,a:focus{text-decoration:underline;color:var(--accent-hover)}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;border:0!important}.muted{color:var(--muted-text);opacity:.92;font-size:var(--small-size)}.container{max-width:min(96vw,var(--container-w));margin:1.6rem auto;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(.9rem,.5rem + 1.5vw,1.4rem)}.main-content{max-width:min(96vw,var(--content-w));margin:1rem auto;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(.8rem,.4rem + 1.2vw,1.2rem);border:1px solid var(--card-border-strong)}body.page-index .container{max-width:min(92vw,var(--max-w))}body.page-docs .container{max-width:min(92vw,var(--max-w-narrow))}.top-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:.6rem 1rem 1rem;position:sticky;top:0;z-index:5}.header-left,.header-actions{display:flex;align-items:center;gap:.7rem}.header-center{flex:1 1 auto;text-align:center}.header-clock{font-family:var(--font-family-default);font-weight:600;font-size:1rem}.site-name{font-size:clamp(1.02rem,.96rem + .8vw,1.34rem);font-weight:700;color:var(--accent-color)}.site-footer{margin-top:1.5rem;background:var(--card-bg);border-top:1px solid var(--card-border);padding:1rem;text-align:center;font-size:var(--small-size);color:var(--muted-text)}.footer-links{margin-bottom:.6em}.footer-links a{color:var(--muted-text);margin:0 .5rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-updated{margin:.6em 0 0;font-size:.92em;color:var(--muted-text)}.footer-copy{margin-top:.4em}.backlink{display:inline-flex;align-items:center;gap:.25em;min-height:44px;padding:.35em .55em;font-weight:600}h1{font-size:var(--h1-size);margin:.25em 0;color:var(--accent-color)}h2{font-size:var(--h2-size);margin:.5em 0 .4em;color:var(--accent-color)}.h5{font-size:1.05rem;margin:.5rem 0}.h6{font-size:1rem;margin:.4rem 0}.tool-section{margin-top:clamp(1rem,.6rem + 1vw,2rem)}.tool-desc{background:var(--desc-bg);padding:.9em 1.05em;border-radius:10px;margin-bottom:1rem}.card-list{display:grid;gap:clamp(.7rem,.5rem + .8vw,1.1rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(.8rem,.6rem + .6vw,1rem);display:flex;flex-direction:column;min-height:110px;text-decoration:none!important;color:var(--text-color)}.tool-card .tool-title{margin:0 0 .35em;font-weight:700;color:var(--accent-hover)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.code,pre{background:var(--result-box-bg);border:1px solid var(--card-border);border-radius:10px;padding:.8rem;overflow:auto}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.toc-link{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 14px;min-height:44px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:var(--text-color)}.toc-link:hover,.toc-link:focus{outline:2px solid var(--accent-color);outline-offset:2px;background:#0000000a}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.6em .8em;margin-bottom:1.05em}.row label{min-width:120px;font-weight:600}@media (max-width:600px){.row label{min-width:96px}}input[type=text],input[type=search],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=time],input[type=date],input[type=file],select{font-size:1rem;min-height:44px;padding:.35em .6em;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color)}textarea{width:100%;max-width:100%;min-height:100px;font-size:1rem;padding:.6em .75em;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color)}.checkbox{display:inline-flex;align-items:center;gap:.5em}.preview{cursor:pointer;outline:none;border:1px dashed var(--card-border);padding:1rem;display:flex;align-items:center;justify-content:center;min-width:100%;min-height:160px;background:transparent;border-radius:.75rem}.preview:focus{box-shadow:0 0 0 3px #159ce466}.preview-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:1rem}.preview-thumb{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.preview-thumb img{display:block;width:100%;height:auto}.preview-thumb .thumb-meta{padding:.4rem .5rem;font-size:.85rem;color:var(--muted-text);text-align:center}.dropzone{cursor:pointer;border:2px dashed var(--input-border);border-radius:12px;padding:2rem 1rem;text-align:center;background:var(--desc-bg);transition:background-color .2s ease,border-color .2s ease}.dropzone:hover,.dropzone:focus{background:#0000000a;border-color:var(--accent-color)}.dropzone input[type=file]{display:none}.btn-row{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;margin:1rem 0}.tool-btn{min-height:46px;min-width:44px;padding:.65em 1.2em;font-weight:800;font-size:1.02em;background:var(--tool-btn-bg);color:#fff;border:none;border-radius:10px;cursor:pointer}.tool-btn:hover,.tool-btn:focus{background:var(--tool-btn-hover-bg)}.btn,.copyall-btn,.copy-btn{min-height:44px;min-width:44px;padding:.5em .9em;border-radius:10px;cursor:pointer;background:var(--card-bg);color:var(--accent-color);border:1px solid var(--card-border)}.btn:hover,.copyall-btn:hover,.copy-btn:hover{background:#0000000d}.btn-primary{background:var(--tool-btn-bg);color:#fff;border-color:var(--tool-btn-bg)}.btn-primary:hover{background:var(--tool-btn-hover-bg);border-color:var(--tool-btn-hover-bg)}.btn.ghost{background:transparent;border-color:var(--card-border)}.sth-codewrap{position:relative}.sth-copybtn,.copy-btn{position:absolute;top:8px;right:8px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);padding:8px 12px;line-height:1;color:var(--text-color)}.sth-copybtn:hover,.sth-copybtn:focus,.copy-btn:hover,.copy-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px;background:#0000000d}.result-box{background:var(--result-box-bg);border-radius:12px;padding:1rem;margin:1rem 0;border:1px solid var(--card-border)}.alert{color:var(--alert-color);margin:.7rem 0}.name-list{margin-top:.6em}.name-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:.7em .8em;margin-bottom:.67em;position:relative}.copy-btn{position:absolute;right:.7em;top:.72em}.emoji-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:1.5rem 1rem}.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:.8rem .5rem;text-align:center;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm)}.category-card:hover{background:#0000000d}.category-card.active{background:var(--tool-btn-bg);color:#fff;border-color:var(--tool-btn-bg)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:0 1rem}.emoji-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:.75rem;text-align:center;box-shadow:var(--shadow-sm);position:relative}.emoji-icon{font-size:2rem;margin-bottom:.4rem}.emoji-name{font-size:.85rem;color:var(--text-color);margin-bottom:.5rem;line-height:1.2;min-height:2.2em;overflow:hidden;text-overflow:ellipsis}footer{margin-top:1.5rem;background:var(--card-bg);border-top:1px solid var(--card-border);padding:1rem;text-align:center;font-size:var(--small-size);color:var(--muted-text)}.tool-section,.card-list,.exp-box{content-visibility:auto;contain-intrinsic-size:800px}@media (min-width: 768px){.row{flex-wrap:nowrap}.row label{min-width:140px}}@media (min-width: 1000px){.card-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-section{margin-top:2rem}}@media (min-width: 1280px){.main-content{max-width:var(--content-w)}.container{max-width:var(--container-w)}}@media (min-width: 1400px){.card-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1600px){body.page-index .container{max-width:var(--max-w)}body.page-docs .container{max-width:var(--max-w-narrow)}}.progress{width:100%;height:1rem;border-radius:999px;overflow:hidden;background:var(--desc-bg);border:1px solid var(--card-border)}.progress-bar{display:block;height:100%;background:var(--tool-btn-bg);width:0%;transition:width .3s ease}[data-theme=dark] .progress{background:var(--card-bg)}