.util-page{max-width:820px;margin:0 auto;padding:1.5rem 0 3rem}.util-crumb{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.util-crumb a{color:var(--accent-color);text-decoration:none}.util-crumb a:hover{text-decoration:underline}.util-head{margin-bottom:1.4rem}.util-head h1{word-break:keep-all;margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.2}.util-emoji{margin-right:.15em}.util-tagline{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.util-tool{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:16px;margin-bottom:.9rem;padding:clamp(1rem,3vw,1.6rem)}.util-privacy{color:var(--text-secondary);background:var(--accent-soft);border-radius:10px;margin:0 0 2.2rem;padding:.6rem .8rem;font-size:.82rem;line-height:1.5}.util-content h2{border-top:1px solid var(--surface-border);margin:2rem 0 .8rem;padding-top:1.4rem;font-size:1.25rem}.util-intro{color:var(--text-secondary);font-size:1rem;line-height:1.8}.util-howto{color:var(--text-primary);flex-direction:column;gap:.4rem;padding-left:1.3rem;line-height:1.8;display:flex}.util-faq__item{border-bottom:1px solid var(--surface-border);padding:.9rem 0}.util-faq dt{margin-bottom:.4rem;font-weight:700;line-height:1.5}.util-faq dd{color:var(--text-secondary);margin:0;line-height:1.7}.util-related{border-top:1px solid var(--surface-border);margin-top:2.4rem;padding-top:1.6rem}.util-related h2{margin:0 0 .9rem;font-size:1.15rem}.util-back{margin-top:2rem}.util-back a{color:var(--accent-color);text-decoration:none}.util-loading{text-align:center;color:var(--text-secondary);padding:2rem}.util-hub{max-width:1040px;margin:0 auto;padding:1.5rem 0 3rem}.util-hub__head{margin-bottom:1.6rem}.util-hub__head h1{margin:0 0 .5rem;font-size:clamp(1.7rem,4vw,2.3rem)}.util-hub__head p{color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.6}.util-cat{margin-top:2.2rem}.util-cat__title{align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:1.15rem;display:flex}.util-cat__title small{color:var(--text-secondary);font-size:.8rem;font-weight:400}.util-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;display:grid}.util-card{background:var(--surface-color);border:1px solid var(--surface-border);color:inherit;border-radius:12px;padding:.9rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.util-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.util-card__t{align-items:center;gap:.4rem;margin-bottom:.25rem;font-weight:700;display:flex}.util-card__d{color:var(--text-secondary);font-size:.83rem;line-height:1.45}.ut-field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.ut-field>label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.ut-input,.ut-textarea,.ut-select{background:var(--bg-color);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);border-radius:9px;padding:.6rem .75rem;font-family:inherit;font-size:.95rem}.ut-textarea{resize:vertical;min-height:150px;line-height:1.6}.ut-input:focus,.ut-textarea:focus,.ut-select:focus{border-color:var(--accent-color);outline:none}.ut-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.ut-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ut-row>*{min-width:0}.ut-grid2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (max-width:520px){.ut-grid2{grid-template-columns:1fr}}.ut-btn{appearance:none;border:1px solid var(--surface-border);background:var(--bg-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:9px;padding:.55rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s}.ut-btn:hover{border-color:var(--accent-color)}.ut-btn--primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.ut-btn--primary:hover{filter:brightness(1.08)}.ut-btn--sm{padding:.35rem .6rem;font-size:.8rem}.ut-btn:disabled{opacity:.5;cursor:not-allowed}.ut-btns{flex-wrap:wrap;gap:.5rem;margin:.4rem 0;display:flex}.ut-out{background:var(--bg-color);border:1px solid var(--surface-border);word-break:break-all;white-space:pre-wrap;border-radius:9px;min-height:2.4rem;padding:.7rem .8rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}.ut-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin:.4rem 0;display:grid}.ut-stat{background:var(--bg-color);border:1px solid var(--surface-border);text-align:center;border-radius:10px;padding:.7rem}.ut-stat b{font-variant-numeric:tabular-nums;color:var(--accent-color);font-size:1.5rem;font-weight:800;line-height:1.1;display:block}.ut-stat span{color:var(--text-secondary);margin-top:.25rem;font-size:.78rem;display:block}.ut-note{color:var(--text-secondary);margin:.5rem 0 0;font-size:.82rem;line-height:1.5}.ut-result{color:var(--accent-color);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.ut-swatch{border:1px solid var(--surface-border);border-radius:10px;width:100%;height:70px}.ut-range{width:100%}.ut-drop{border:2px dashed var(--surface-border);text-align:center;color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:2rem 1rem;transition:border-color .15s,background .15s}.ut-drop:hover,.ut-drop--over{border-color:var(--accent-color);background:var(--accent-soft)}.ut-preview{border:1px solid var(--surface-border);border-radius:10px;max-width:100%;margin:.6rem auto;display:block}.ut-tabs{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;padding-bottom:.6rem;display:flex}.ut-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;padding:.4rem .8rem;font-size:.88rem;font-weight:600}.ut-tab--active{background:var(--accent-soft);color:var(--accent-color)}.ut-chk{cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.ut-copy{float:right;margin-top:-2rem}