.tools-index,.tool-detail{z-index:2;width:var(--inner-page-width);margin:0 auto;padding:48px 0 90px;position:relative}.tools-index__header>p,.tool-detail__header>div>p,.tools-about>p{color:var(--hybrid-muted);letter-spacing:.25em;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem}.tools-index__header h1,.tool-detail__header h1{color:var(--hybrid-ink);font-family:var(--hybrid-font-serif);letter-spacing:-.06em;margin:20px 0 0;font-size:clamp(2.7rem,7vw,5.3rem);font-weight:500;line-height:1}.tools-index__header>span,.tool-detail__header>div>span{max-width:680px;color:var(--hybrid-muted);margin-top:20px;font-size:.82rem;line-height:1.8;display:block}.tools-controls{border-bottom:1px solid var(--hybrid-line);grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:22px;margin-top:54px;padding-bottom:18px;display:grid}.tools-search{border:1px solid var(--hybrid-line);height:44px;color:var(--hybrid-muted);background:color-mix(in srgb, var(--hybrid-surface-solid) 76%, transparent);border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}.tools-search:focus-within{border-color:color-mix(in srgb, var(--hybrid-accent) 55%, var(--hybrid-line));box-shadow:0 0 0 3px var(--hybrid-accent-soft)}.tools-search input{width:100%;min-width:0;color:var(--hybrid-ink);font:inherit;background:0 0;border:0;outline:0;font-size:.76rem}.tools-search input::placeholder{color:var(--hybrid-faint)}.tools-search kbd{border:1px solid var(--hybrid-line);min-width:21px;color:var(--hybrid-faint);background:var(--hybrid-surface-solid);text-align:center;border-radius:4px;padding:2px 6px;font:.6rem ui-monospace,SFMono-Regular,Consolas,monospace}.tools-categories{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tools-categories button{min-height:34px;color:var(--hybrid-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:.67rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.tools-categories button:hover,.tools-categories button.is-active{border-color:color-mix(in srgb, var(--hybrid-accent) 36%, var(--hybrid-line));color:var(--hybrid-accent);background:var(--hybrid-accent-soft)}.tools-categories small{color:var(--hybrid-faint);font-size:.55rem}.tools-result-line{color:var(--hybrid-faint);justify-content:space-between;margin:18px 1px 14px;font-size:.63rem;display:flex}.tools-result-line em{font-style:normal}.tools-grid{--tools-card-height:208px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--tools-card-height);min-height:calc(3 * var(--tools-card-height) + 24px);align-content:start;gap:12px;scroll-margin-top:90px;display:grid}.tools-grid[hidden],.tools-pagination[hidden],.tools-pagination button[hidden]{display:none}.tool-card{min-width:0;height:var(--tools-card-height);border:1px solid var(--hybrid-line);color:inherit;background:color-mix(in srgb, var(--hybrid-surface-solid) 79%, transparent);backdrop-filter:blur(12px);border-radius:9px;flex-direction:column;padding:21px 21px 18px;text-decoration:none;transition:border-color .22s,background .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.tool-card[hidden]{display:none}.tool-card:before{background:linear-gradient(180deg, var(--hybrid-accent), transparent 80%);content:"";opacity:0;width:2px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.tool-card:hover{border-color:color-mix(in srgb, var(--hybrid-accent) 38%, var(--hybrid-line));background:color-mix(in srgb, var(--hybrid-surface-solid) 92%, transparent);box-shadow:0 16px 40px color-mix(in srgb, var(--hybrid-ink) 8%, transparent);transform:translateY(-3px)}.tool-card:hover:before{opacity:1}.tool-card__top,.tool-card__foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-card__mark{color:var(--hybrid-accent);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.56rem;font-weight:650}.tool-card__privacy{border:1px solid var(--hybrid-line);color:var(--hybrid-faint);border-radius:999px;padding:3px 6px;font-size:.51rem}.tool-card__privacy--network{border-color:color-mix(in srgb, var(--hybrid-gold) 40%, var(--hybrid-line));color:var(--hybrid-gold)}.tool-card h2{color:var(--hybrid-ink);font-family:var(--hybrid-font-serif);margin:24px 0 0;font-size:1.08rem;font-weight:600}.tool-card p{color:var(--hybrid-muted);margin:9px 0 22px;font-size:.68rem;line-height:1.72}.tool-card__foot{color:var(--hybrid-faint);margin-top:auto;font-size:.57rem}.tool-card__foot i{color:var(--hybrid-accent);font-size:.8rem;font-style:normal;transition:transform .2s}.tool-card:hover .tool-card__foot i{transform:translate(2px,-2px)}.tools-empty{color:var(--hybrid-muted);text-align:center;padding:70px 0}.tools-pagination{color:var(--hybrid-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:.66rem;display:flex}.tools-pagination__buttons{align-items:center;gap:6px;display:flex}.tools-pagination button{border:1px solid var(--hybrid-line);min-width:34px;height:34px;color:var(--hybrid-muted);background:color-mix(in srgb, var(--hybrid-surface-solid) 80%, transparent);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;border-radius:7px;padding:0 10px}.tools-pagination button:not(:disabled):hover,.tools-pagination button[aria-current=page]{border-color:color-mix(in srgb, var(--hybrid-accent) 48%, var(--hybrid-line));color:var(--hybrid-accent);background:var(--hybrid-accent-soft)}.tools-pagination button:disabled{cursor:not-allowed;opacity:.4}.tools-pagination button:focus-visible,.tools-categories button:focus-visible,.tool-card:focus-visible{outline:2px solid var(--hybrid-accent);outline-offset:3px}.tools-about{border-top:1px solid var(--hybrid-line);grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr) minmax(0,1.1fr);gap:28px 36px;margin-top:70px;padding-top:32px;display:grid}.tools-about>p{grid-column:1/-1}.tools-about h2{color:var(--hybrid-ink);font-family:var(--hybrid-font-serif);margin:0 0 16px;font-size:1.08rem;font-weight:600}.tools-about__intro h2{font-size:1.28rem}.tools-about section>p,.tools-about__categories,.tools-about__faq{color:var(--hybrid-muted);overflow-wrap:anywhere;margin:0;font-size:.7rem;line-height:1.85}.tools-about section>p+p{margin-top:14px}.tools-about__categories{gap:12px;padding-left:14px;display:grid}.tools-about__categories li::marker{color:var(--hybrid-faint)}.tools-about__categories strong,.tools-about__faq dt{color:var(--hybrid-ink);font-weight:600}.tools-about__faq dd{margin:4px 0 0}.tools-about__faq dt:not(:first-child){margin-top:16px}.tool-detail__breadcrumb{color:var(--hybrid-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.64rem;display:flex}.tool-detail__breadcrumb a{color:var(--hybrid-muted);text-decoration:none}.tool-detail__breadcrumb a:hover{color:var(--hybrid-accent)}.tool-detail__breadcrumb strong{color:var(--hybrid-accent);font-weight:500}.tool-detail__header{border-bottom:1px solid var(--hybrid-line);justify-content:space-between;align-items:end;gap:32px;margin-top:42px;padding-bottom:32px;display:flex}.tool-detail__header h1{margin-top:14px;font-size:clamp(2.1rem,5vw,3.75rem)}.tool-detail__header>div>span{margin-top:14px}.tool-detail__badges{flex-wrap:wrap;justify-content:flex-end;gap:7px;padding-bottom:3px;display:flex}.tool-detail__badges span{border:1px solid var(--hybrid-line);color:var(--hybrid-muted);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.59rem}.tool-detail__badges .is-local{border-color:color-mix(in srgb, #54c88a 40%, var(--hybrid-line));color:#54c88a}.tool-detail__badges .is-network,.tool-detail__badges .is-experimental{border-color:color-mix(in srgb, var(--hybrid-gold) 45%, var(--hybrid-line));color:var(--hybrid-gold)}.tool-detail__notice{border-left:2px solid var(--hybrid-accent);color:var(--hybrid-muted);background:var(--hybrid-accent-soft);margin-top:22px;padding:12px 14px;font-size:.66rem;line-height:1.7}.tool-detail__notice--warm{border-left-color:var(--hybrid-gold);background:color-mix(in srgb, var(--hybrid-gold) 8%, transparent)}.tool-workbench{min-height:390px;margin-top:30px}.tool-workbench__loading{min-height:300px;color:var(--hybrid-muted);align-content:center;place-items:center;gap:14px;font-size:.7rem;display:grid}.tool-workbench__loading span{border:2px solid var(--hybrid-line);border-top-color:var(--hybrid-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite tool-spin}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-app__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.tool-input-panel,.tool-output{border:1px solid var(--hybrid-line);background:color-mix(in srgb, var(--hybrid-surface-solid) 84%, transparent);backdrop-filter:blur(14px);border-radius:10px;min-width:0;padding:20px}.tool-input-panel{flex-direction:column;min-height:420px;display:flex}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool-field{min-width:0;color:var(--hybrid-muted);gap:7px;font-size:.62rem;display:grid}.tool-field--wide,.tool-checks{grid-column:1/-1}.tool-field>span,.tool-checks legend{color:var(--hybrid-muted);font-size:.62rem;font-weight:600}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--hybrid-line);width:100%;min-width:0;color:var(--hybrid-ink);background:color-mix(in srgb, var(--hybrid-surface-solid) 75%, transparent);border-radius:7px;outline:0;font:.72rem/1.65 ui-monospace,SFMono-Regular,Consolas,Noto Sans SC,monospace;transition:border-color .18s,box-shadow .18s}.tool-field input,.tool-field select{height:39px;padding:0 10px}.tool-field input[type=color]{cursor:pointer;padding:4px}.tool-field input[type=file]{height:auto;padding:9px}.tool-field textarea{resize:vertical;min-height:90px;padding:10px 11px}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:color-mix(in srgb, var(--hybrid-accent) 58%, var(--hybrid-line));box-shadow:0 0 0 3px var(--hybrid-accent-soft)}.tool-checks{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.tool-checks legend{width:100%;margin-bottom:1px}.tool-checks label{border:1px solid var(--hybrid-line);color:var(--hybrid-muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:.62rem;display:inline-flex}.tool-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px;display:flex}.tool-button,.tool-output__head button{border:1px solid var(--hybrid-line);min-height:34px;color:var(--hybrid-muted);background:color-mix(in srgb, var(--hybrid-surface-solid) 80%, transparent);cursor:pointer;border-radius:7px;padding:7px 11px;font-size:.63rem;transition:color .18s,border-color .18s,background .18s,transform .18s}.tool-button:hover,.tool-output__head button:hover{border-color:color-mix(in srgb, var(--hybrid-accent) 45%, var(--hybrid-line));color:var(--hybrid-accent);transform:translateY(-1px)}.tool-button--primary{border-color:color-mix(in srgb, var(--hybrid-accent) 58%, var(--hybrid-line));color:#fff;background:var(--hybrid-accent)}.tool-button--primary:hover{color:#fff;background:color-mix(in srgb, var(--hybrid-accent) 86%, #fff)}.tool-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.tool-output{flex-direction:column;min-height:420px;display:flex}.tool-output__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.tool-output__head strong{color:var(--hybrid-ink);font-family:var(--hybrid-font-serif);font-size:.82rem;font-weight:600}.tool-output__head button{background:0 0;min-height:28px;padding:4px 8px;font-size:.57rem}.tool-output>textarea,.tool-html-source{border:1px solid var(--hybrid-line);width:100%;min-height:340px;color:var(--hybrid-ink);background:color-mix(in srgb, var(--hybrid-surface-solid) 69%, transparent);resize:vertical;border-radius:7px;outline:0;flex:1;padding:12px;font:.7rem/1.72 ui-monospace,SFMono-Regular,Consolas,monospace}.tool-output__preview{border:1px solid var(--hybrid-line);background:color-mix(in srgb, var(--hybrid-surface-solid) 69%, transparent);border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:12px;min-height:340px;display:flex;overflow:hidden}.tool-qr-preview{border-radius:8px;width:min(78%,360px);height:auto;margin:auto}.tool-preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:260px}.tool-preview-frame--paper{min-height:360px}.tool-html-source{border:0;border-bottom:1px solid var(--hybrid-line);border-radius:0;flex:0 0 120px;min-height:110px}.tool-convert-warnings{color:#ae7448;margin:0;padding:8px 10px;font-size:.58rem}.tool-app__status{min-height:20px;color:var(--hybrid-faint);margin:13px 2px 0;font-size:.61rem}.tool-app__status[data-kind=success]{color:#54b984}.tool-app__status[data-kind=error]{color:#e67878}.tool-workbench.is-working{cursor:progress}.tool-app__error{color:#e67878;text-align:center;padding:50px}.tool-detail__footer{border-top:1px solid var(--hybrid-line);color:var(--hybrid-faint);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:18px;font-size:.62rem;display:flex}.tool-detail__footer a{color:var(--hybrid-accent);text-decoration:none}.tool-detail__footer p{margin:0}@container inner-content (width<=1050px){.tools-controls{grid-template-columns:1fr}.tools-categories{justify-content:flex-start}}@container inner-content (width<=900px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.tools-about{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-about__intro{grid-column:1/-1}.tool-app__grid{grid-template-columns:1fr}}@media (width<=900px){.tools-controls{grid-template-columns:1fr}.tools-categories{justify-content:flex-start}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.tools-about{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-about__intro{grid-column:1/-1}.tool-app__grid{grid-template-columns:1fr}.tool-input-panel,.tool-output{min-height:360px}}@media (width<=620px){.tools-index,.tool-detail{padding:36px 0 82px}.tools-index__header h1{font-size:3.1rem}.tools-grid{grid-template-columns:1fr}.tools-pagination{flex-direction:column;align-items:center;gap:12px}.tools-pagination__buttons{flex-wrap:wrap;justify-content:center}.tools-pagination button{min-width:38px;height:38px}.tools-about{grid-template-columns:1fr;gap:24px;margin-top:64px}.tool-detail__header{margin-top:30px;display:block}.tool-detail__badges{justify-content:flex-start;margin-top:20px}.tool-fields{grid-template-columns:1fr}.tool-field--wide,.tool-checks{grid-column:auto}.tool-input-panel,.tool-output{min-height:0;padding:15px}.tool-output>textarea{min-height:300px}.tool-detail__footer{display:block}.tool-detail__footer p{margin-top:9px}}@media (prefers-reduced-motion:reduce){.tool-card,.tool-button,.tool-output__head button{transition:none}.tool-workbench__loading span{animation:none}}