:root{--tt-bg:#fff;--tt-bg-card:#fff;--tt-bg-teal:#dff5f1;--tt-border:#b8e4de;--tt-teal:#22b8a8;--tt-teal-dark:#1a9487;--tt-teal-light:#edfaf7;--tt-teal-mid:#5dd4c8;--tt-text:#1b2d32;--tt-text-dim:#5e7d84;--tt-text-light:#9ab8be;--tt-r:12px;--tt-shadow:0 2px 20px #22b8a817;--tt-shadow-h:0 6px 28px #22b8a82e;--tt-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Consolas", monospace}.tooltrend-root{background:var(--tt-bg);color:var(--tt-text);flex-direction:column;min-height:100vh;font-family:BIZ UDPGothic,Noto Sans JP,sans-serif;display:flex}.tooltrend-root a{color:inherit}.tt-bg-patterns{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.tt-orb{will-change:transform;border-radius:50%;position:absolute}.tt-orb.o1{background:radial-gradient(circle,#22b8a812 0%,#0000 60%);width:580px;height:580px;animation:34s ease-in-out infinite tt-orb-drift;top:-180px;left:-180px}.tt-orb.o2{background:radial-gradient(circle,#22b8a80e 0%,#0000 65%);width:380px;height:380px;animation:42s ease-in-out 9s infinite reverse tt-orb-drift;top:18%;right:-90px}.tt-orb.o3{background:radial-gradient(circle,#92e3a90e 0%,#0000 60%);width:480px;height:480px;animation:38s ease-in-out 16s infinite tt-orb-drift;bottom:-120px;left:22%}.tt-orb.o4{background:radial-gradient(circle,#22b8a80b 0%,#0000 70%);width:220px;height:220px;animation:26s ease-in-out 6s infinite tt-orb-drift;top:55%;right:8%}.tt-orb.o5{background:radial-gradient(circle,#22b8a80a 0%,#0000 70%);width:300px;height:300px;animation:48s ease-in-out 22s infinite tt-orb-drift;bottom:15%;left:3%}@keyframes tt-orb-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(28px,-18px)scale(1.04)}50%{transform:translate(-14px,28px)scale(.97)}75%{transform:translate(20px,10px)scale(1.02)}}.tt-site-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--tt-border);background:#fffffff2;align-items:center;gap:8px;height:60px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #22b8a80f}.tt-nav-logo{color:var(--tt-text);letter-spacing:-.02em;white-space:nowrap;margin-right:auto;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.05rem;font-weight:900;text-decoration:none;transition:opacity .15s}.tt-nav-logo:hover{opacity:.85}.tt-nav-logo span{color:var(--tt-teal)}.tt-nav-links{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.tt-nav-link{color:var(--tt-text-dim);border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.82rem;text-decoration:none;transition:color .18s,background .18s;display:flex}.tt-nav-link:hover{color:var(--tt-teal);background:var(--tt-bg-teal)}.tt-nav-link.active{color:var(--tt-teal);background:var(--tt-bg-teal);font-weight:700}.tt-nav-link svg{flex-shrink:0;width:14px;height:14px}.tt-nav-cr{color:var(--tt-text-light);margin-left:4px;font-size:.78rem}.tt-nav-cr a{color:var(--tt-teal);font-weight:700;text-decoration:none}.tt-nav-cr a:hover{text-decoration:underline}.tt-hero-outer{overflow:hidden}.tt-hero-inner{align-items:center;gap:60px;max-width:980px;margin:0 auto;padding:68px 52px 56px;display:flex}.tt-hero-content{flex:1;min-width:0}.tt-hero-content h1{color:var(--tt-text);letter-spacing:-.04em;margin-bottom:10px;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1}.tt-hero-content h1 span{color:var(--tt-teal)}.tt-hero-tagline{color:var(--tt-teal);letter-spacing:.04em;margin-bottom:20px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.05rem;font-weight:700}.tt-hero-sub{color:var(--tt-text-dim);max-width:380px;margin-bottom:32px;font-size:.95rem;line-height:1.9}.tt-hero-visual{flex-direction:column;flex-shrink:0;align-items:center;width:440px;display:flex;position:relative}.tt-hero-blobs{pointer-events:none;z-index:0;width:540px;height:500px;position:absolute;top:-70px;right:-50px;overflow:visible}.tt-blob{will-change:transform;border-radius:50%;position:absolute}.tt-blob.a{background:radial-gradient(at 45% 40%,#22b8a829 0%,#5dd4c817 35%,#0000 68%);border-radius:62% 38% 72% 28%/44% 58% 42% 56%;width:350px;height:310px;animation:9s ease-in-out infinite tt-morph-a;top:0;right:0}.tt-blob.b{background:radial-gradient(#92e3a924 0%,#0000 65%);border-radius:38% 62% 44% 56%/55% 45% 65% 35%;width:210px;height:200px;animation:12s ease-in-out 2.5s infinite tt-morph-b;top:35px;right:85px}.tt-blob.c{background:radial-gradient(#22b8a81f 0%,#0000 70%);border-radius:55% 45% 35% 65%/40% 60%;width:130px;height:120px;animation:15s ease-in-out 5s infinite tt-morph-c;top:130px;right:25px}.tt-blob.d{background:radial-gradient(#5dd4c82e 0%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:7s ease-in-out 1s infinite tt-float-d;top:-25px;right:110px}@keyframes tt-morph-a{0%,to{border-radius:62% 38% 72% 28%/44% 58% 42% 56%;transform:scale(1)translate(0)}33%{border-radius:40% 60% 42% 58%/60% 42% 58% 40%;transform:scale(1.06)translate(-12px,10px)}66%{border-radius:70% 30% 56% 44%/35% 65% 45% 55%;transform:scale(.97)translate(8px,-8px)}}@keyframes tt-morph-b{0%,to{border-radius:38% 62% 44% 56%/55% 45% 65% 35%;transform:scale(1)translate(0)}40%{border-radius:60% 40% 30% 70%/45% 55% 35% 65%;transform:scale(1.1)translate(10px,-12px)}70%{border-radius:45% 55% 60% 40%/65% 35% 55% 45%;transform:scale(.94)translate(-8px,10px)}}@keyframes tt-morph-c{0%,to{opacity:1;transform:scale(1)translate(0)}50%{opacity:.75;transform:scale(1.15)translate(-6px,8px)}}@keyframes tt-float-d{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:.55;transform:translateY(-16px)scale(1.12)}}.tt-hero-img{z-index:1;filter:hue-rotate(37deg)saturate(.88)brightness(1.02);width:100%;max-width:440px;height:auto;display:block;position:relative}.tt-hero-credit{z-index:1;color:var(--tt-text-light);text-align:center;margin-top:8px;font-size:.68rem;position:relative}.tt-hero-credit a{color:var(--tt-text-light);text-decoration:underline;transition:color .18s}.tt-hero-credit a:hover{color:var(--tt-teal)}.tt-main{flex:1;min-height:0}.tooltrend-wrap{max-width:880px;margin:0 auto;padding:36px 24px 80px}.breadcrumb{color:var(--tt-text-light);align-items:center;gap:6px;margin-bottom:28px;font-size:.78rem;display:flex}.breadcrumb a{color:var(--tt-text-dim);text-decoration:none;transition:color .18s}.breadcrumb a:hover{color:var(--tt-teal)}.breadcrumb-chevron{color:var(--tt-text-light);flex-shrink:0}.tool-page-header{margin-bottom:28px}.section-label{letter-spacing:.16em;color:var(--tt-teal);margin-bottom:6px;font-size:.72rem;font-weight:700}.tool-page-title.section-title,.section-title{color:var(--tt-text);letter-spacing:-.01em;margin-bottom:0;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.5rem;font-weight:900;line-height:1.35}.section-title span{color:var(--tt-teal)}.section-desc{color:var(--tt-text-dim);margin-top:10px;margin-bottom:0;font-size:.88rem;line-height:1.85}.tt-section{padding:52px 0 0}.tt-section-label{letter-spacing:.16em;color:var(--tt-teal);margin-bottom:5px;font-size:.72rem;font-weight:700}.tt-section-title{color:var(--tt-text);letter-spacing:-.01em;margin-bottom:22px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.5rem;font-weight:900}.tt-section-title span{color:var(--tt-teal)}.tt-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.tt-card{background:var(--tt-bg-card);border:1px solid var(--tt-border);border-radius:var(--tt-r);box-shadow:var(--tt-shadow);color:inherit;flex-direction:column;padding:26px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.tt-card:hover{border-color:var(--tt-teal);box-shadow:var(--tt-shadow-h);transform:translateY(-3px)}.tt-card-icon{background:linear-gradient(135deg, var(--tt-bg-teal), #22b8a826);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.tt-card-icon svg{width:20px;height:20px;color:var(--tt-teal)}.tt-card-title{color:var(--tt-text);margin-bottom:8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.05rem;font-weight:700}.tt-card-desc{color:var(--tt-text-dim);flex:1;font-size:.84rem;line-height:1.8}.tt-card-badge{color:var(--tt-teal);background:#22b8a81a;border:1px solid #22b8a840;border-radius:999px;align-items:center;gap:5px;margin-top:16px;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.tt-card-badge svg{width:12px;height:12px}.tool-panel{background:var(--tt-bg-card);border:1px solid var(--tt-border);border-radius:var(--tt-r);box-shadow:var(--tt-shadow);padding:24px 26px}.tooltrend-page label,.tool-panel label{color:var(--tt-text-dim);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.tooltrend-page textarea,.tooltrend-page input[type=text],.tooltrend-page input[type=number],.tooltrend-page input[type=datetime-local],.tooltrend-page select,.tool-panel textarea,.tool-panel input[type=text],.tool-panel input[type=number],.tool-panel input[type=datetime-local],.tool-panel select{border:1px solid var(--tt-border);width:100%;color:var(--tt-text);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.tooltrend-page textarea:focus,.tool-panel textarea:focus,.tooltrend-page input:focus,.tool-panel input:focus{border-color:var(--tt-teal);outline:none;box-shadow:0 0 0 3px #22b8a81f}.tooltrend-page textarea,.tool-panel textarea{min-height:160px;font-family:var(--tt-mono);resize:vertical;font-size:.85rem}.tooltrend-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tooltrend-btn{color:var(--tt-teal);cursor:pointer;background:0 0;border:1px solid #22b8a861;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.88rem;font-weight:700;transition:background .18s;display:inline-flex}.tooltrend-btn:hover{background:var(--tt-bg-teal)}.tooltrend-btn.primary{background:var(--tt-teal);color:#fff;border:none;transition:background .18s,transform .15s,box-shadow .18s;box-shadow:0 4px 16px #22b8a847}.tooltrend-btn.primary:hover{background:var(--tt-teal-dark);transform:translateY(-1px);box-shadow:0 6px 20px #22b8a85c}.tooltrend-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tooltrend-stats{color:var(--tt-text-dim);flex-wrap:wrap;gap:18px;margin-bottom:16px;font-size:.9rem;display:flex}.tooltrend-stats span.num{color:var(--tt-teal);font-weight:700;font-family:var(--tt-mono)}.tooltrend-regex-highlight{white-space:pre-wrap;word-break:break-word;border:1px solid var(--tt-border);min-height:120px;font-family:var(--tt-mono);background:#fff;border-radius:8px;padding:10px 12px;font-size:.85rem;line-height:1.55}.tooltrend-regex-highlight mark{background:#fef08af2;padding:0 2px}.tt-form-error{color:#b91c1c;margin-bottom:8px;font-size:.82rem}.tt-footer{margin-top:auto}.tt-footer-inner{max-width:880px;margin:0 auto;padding:0 24px 32px}.tt-footer-card{background:var(--tt-bg-teal);border-radius:var(--tt-r);border:1px solid var(--tt-border);padding:24px 20px}.tt-footer-links{flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-bottom:10px;font-size:.82rem;display:flex}.tt-footer-links a{color:var(--tt-text-dim);text-decoration:none;transition:color .18s}.tt-footer-links a:hover{color:var(--tt-teal)}.tt-footer-copy{text-align:center;color:var(--tt-text-light);font-size:.75rem}#tt-cookie-banner{z-index:999;border-top:2px solid var(--tt-teal);color:var(--tt-text-dim);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;font-size:.82rem;line-height:1.65;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #22b8a81f}#tt-cookie-banner.tt-hidden{display:none}#tt-cookie-banner p{flex:1;min-width:200px;margin:0}#tt-cookie-banner a{color:var(--tt-teal);text-decoration:underline}.tt-cb-btns{flex-shrink:0;gap:8px;display:flex}.tt-cb-accept{cursor:pointer;background:var(--tt-teal);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .18s}.tt-cb-accept:hover{background:var(--tt-teal-dark)}.tt-cb-close{cursor:pointer;border:1px solid var(--tt-border);color:var(--tt-text-dim);background:0 0;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.82rem;transition:background .18s}.tt-cb-close:hover{background:var(--tt-bg-teal)}@media (width<=760px){.tt-hero-inner{text-align:center;flex-direction:column;gap:32px;padding:44px 24px 36px}.tt-hero-sub{max-width:100%;margin-left:auto;margin-right:auto}.tt-hero-visual{width:100%;max-width:320px}.tt-hero-blobs{width:400px;height:360px;top:-40px;right:-30px}.tt-nav-link span{display:none}.tt-site-nav{padding:0 14px}}@media (width<=440px){.tt-hero-inner{padding:36px 20px}}