:root{--fg:24 24 27;--ok-rgb:47 158 99;--acc:227 155 31;--err:#B4432C;--err-rgb:180 67 44;--on-acc:#F5F3EE;--btn:var(--char)}:root[data-theme=dark]{--fg:238 234 225;--acc:233 164 38;--err:#E8735F;--err-rgb:232 115 95;--on-acc:#121214;--btn:var(--gold)}.tool .tbar{gap:14px}.tool .tcrumb{flex:1;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--soft);text-transform:uppercase}.thead{padding:34px 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.thead h1{font-size:clamp(30px,3.2vw,42px);line-height:1.12;margin-top:8px}.thead p{margin-top:12px;font-size:17.5px;max-width:58ch;color:var(--text)}.tapp{position:relative;min-width:0}.tapp ion-icon{flex:none}.tabout{margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}.tabout:empty{display:none}.tabout.prose h2{margin-top:0;font-size:24px}.tabout h3{font-size:19px}.tabout ul{list-style:none;padding-left:0}.tabout li{position:relative;padding-left:22px}.tabout li:before{content:"→";position:absolute;left:0;color:var(--gold)}.tool .rend{margin-top:44px}.tapp :is(button,select,input,textarea){font-family:inherit}.tapp :is(textarea,input[type=text],input[type=number],select):focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tapp ::-moz-placeholder{color:rgb(var(--fg) / .38)}.tapp ::placeholder{color:rgb(var(--fg) / .38)}.tapp :is(textarea,pre,.mono){scrollbar-color:rgb(var(--fg) / .25) transparent}@media (max-width:760px){.tool .tcrumb,.tool .rleft{display:none}.thead{padding:24px 0 20px;margin-bottom:20px}.thead p{font-size:16.5px}.tabout{margin-top:40px;padding-top:26px}}.tcard .wcv{height:116px}.tcard .wcv .mark{font-family:var(--mono);letter-spacing:-.04em;font-weight:500}.tcard .feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.tcard .feat span{font-family:var(--mono);font-size:11.5px;color:var(--soft);border:1px solid var(--line);border-radius:2px;padding:2px 7px}.tcard .go{font-size:13.5px;font-weight:600;color:var(--gold-2)}.tsoon{border:1px dashed var(--line-2);border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:6px;color:var(--soft)}.tsoon b{color:var(--white);font-weight:600;font-size:17px}.tsoon a{color:var(--gold-2);font-weight:600}.tnote{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line);gap:1px}.tnote div{background:var(--raise-2);padding:20px 22px}.tnote b{display:block;color:var(--white);font-weight:600;font-size:15.5px}.tnote span{display:block;margin-top:4px;font-size:14.5px;color:var(--soft);line-height:1.55}@media (max-width:760px){.tnote{grid-template-columns:minmax(0,1fr)}}@media (max-width:1060px){.shell:has(.tool,#tools)>.card{order:2}}body>.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);padding:10px 16px;background:var(--char);color:var(--raise-2);border-radius:8px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000}body>.toast.show{opacity:1;transform:translate(-50%)}.tapp .output-placeholder{color:var(--soft);font-style:italic}.tool .tapp .tool-page{max-width:none;padding:0;margin:0}.tool .tapp .section{margin-bottom:2rem}.tool .tapp .section-title{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.tool .tapp .btn{border-radius:8px;font-weight:600}.tool .tapp .btn-primary{background:var(--btn);color:var(--on-acc);border:0}.tool .tapp .btn-primary:hover{transform:none;box-shadow:none;background:var(--gold);color:var(--char)}:root[data-theme=dark] .tool .tapp .btn-primary:hover{background:var(--gold-2);color:var(--on-acc)}.tool .tapp .btn-ghost{background:none;border:1px solid var(--line-2);color:var(--text)}.tool .tapp .btn-ghost:hover{background:none;border-color:var(--gold);color:var(--white)}.tool .tapp kbd{font-family:var(--mono);font-size:11px;color:var(--soft);background:none;border:1px solid var(--line-2);border-radius:4px;padding:1px 6px}.tool .tapp :is(textarea,.text-display,.typing-area,.output-wrap,.uuid-display){border-color:var(--line-2)}