:root{--navy:#073765;--blue:#0e7be7;--text:#0c355f;--muted:#6b85a2;--line:#d8e9f8;--bg:#f7fbff;--gold:#ffbf14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.tools-v46{margin:0;background:linear-gradient(#fff,#f7fbff 72%,#fff);color:var(--text);font-family:'Sarabun',sans-serif}.t46-wrap{width:min(960px,calc(100% - 40px));margin:auto}.t46-header{height:62px;background:linear-gradient(90deg,#07355f,#043360);color:#fff;box-shadow:0 2px 8px #001d3826;position:relative;z-index:20}.t46-head{height:62px;display:flex;align-items:center;gap:24px}.t46-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;min-width:275px}.t46-book{width:34px;height:34px;color:#fff;position:relative}.t46-book svg{width:100%;height:100%;display:block}.t46-brand strong{display:block;font-family:'Prompt',sans-serif;font-size:19px;line-height:1}.t46-brand strong b{color:#ffc21a}.t46-brand small{display:block;margin-top:3px;font-size:9px;white-space:nowrap;color:#fff}.t46-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1;height:100%;white-space:nowrap}.t46-nav a{color:#fff;text-decoration:none;font-family:'Prompt',sans-serif;font-size:10px;font-weight:600;opacity:.96;height:100%;display:flex;align-items:center;position:relative}.t46-nav a.active{color:#ffc21a}.t46-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:3px;background:#ffc21a}.t46-actions{display:flex;align-items:center;gap:9px}.t46-searchico{font-size:18px;color:#fff}.t46-social{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:800}.t46-social.fb{background:#207fe5}.t46-social.yt{background:#ff1748}.t46-social svg{width:16px;height:16px}
.t46-hero{height:230px;background:#eaf5fd;overflow:hidden;border-bottom:1px solid #d7e7f2}.t46-hero-inner{height:230px;display:grid;grid-template-columns:53% 47%;align-items:stretch}.t46-hero-copy{padding:35px 0 0 18px;position:relative;background:radial-gradient(circle at 17% 20%,#fff 0 12%,transparent 13%),linear-gradient(90deg,#f9fcff 0,#f3f9ff 80%,transparent)}.t46-hero-copy:before{content:'✎  ▫  ♢  ⎘';position:absolute;inset:10px auto auto 10px;color:#dcecf9;font-size:38px;letter-spacing:34px;opacity:.7;transform:rotate(-6deg)}.t46-hero h1{position:relative;margin:0;font-family:'Prompt',sans-serif;font-size:42px;line-height:1.05;color:#0b3a68;font-weight:800;letter-spacing:-1px;display:inline-block}.t46-hero h1:after{content:'';position:absolute;left:16px;right:-10px;height:6px;background:#ffc21a;border-radius:20px;bottom:-8px;transform:rotate(-2deg)}.t46-hero .lead{font-family:'Prompt',sans-serif;font-size:19px;margin:22px 0 19px;color:#163f68}.t46-benefits{display:flex;gap:25px}.t46-benefit{display:grid;grid-template-columns:30px auto;align-items:center;column-gap:8px;min-width:116px}.t46-benefit .bi{font-size:24px}.t46-benefit b{font-family:'Prompt',sans-serif;font-size:12px}.t46-benefit small{grid-column:2;font-size:9px;color:#6c8095;margin-top:1px}.t46-hero-visual{position:relative;overflow:hidden;background:#dbe9f2}.t46-hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:51% 44%;display:block;filter:saturate(.95)}.t46-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eef7fd 0%,rgba(238,247,253,.18) 18%,transparent 40%)}.t46-hero-quote{position:absolute;z-index:2;right:24px;top:48px;font-family:'Prompt',sans-serif;font-size:18px;font-style:italic;font-weight:700;text-align:center;line-height:1.35;color:#123e67;text-shadow:0 1px 0 #fff}.t46-hero-quote:after{content:'';display:block;width:135px;height:4px;background:#ffbd0b;border-radius:9px;margin:7px auto 0;transform:rotate(-7deg)}
.t46-filterbar{background:#fff;border-bottom:1px solid #e1edf7;box-shadow:0 3px 9px #1c5f9620}.t46-filter{height:66px;display:flex;align-items:center;gap:22px}.t46-search{height:40px;display:grid;grid-template-columns:34px 1fr 90px;align-items:center;border:1.5px solid #c9deef;border-radius:11px;overflow:hidden;background:#fff;flex:1}.t46-search span{font-size:21px;text-align:center;color:#1c5d92}.t46-search input{border:0;outline:0;font:14px 'Sarabun';min-width:0}.t46-search button{height:32px;margin-right:4px;border:0;border-radius:7px;background:linear-gradient(90deg,#0a4978,#043967);color:#fff;font:700 13px 'Prompt';cursor:pointer}.t46-pills{display:flex;gap:9px}.t46-pills button{border:1px solid #bcd7ed;background:#fff;border-radius:20px;height:36px;padding:0 16px;color:#183d62;font:600 11px 'Prompt';cursor:pointer;white-space:nowrap}.t46-pills button.active{background:#073c6d;color:#fff;border-color:#073c6d}
.t46-content{padding:23px 0 26px}.t46-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.t46-section-head h2{font:800 26px 'Prompt';margin:0;color:#0a385f}.t46-section-head h2 .star{color:#ffbd11;font-size:34px;vertical-align:-2px;margin-right:6px}.t46-section-head p{margin:1px 0 0 45px;color:#7a8da2;font-size:12px}.t46-section-head a,.cat-head a{color:#0f7ce5;text-decoration:none;font-weight:700;font-size:12px}
.t46-featured{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:22px}.t46-feature{height:235px;border:1px solid #d5e8f7;border-radius:12px;background:#fff;text-decoration:none;color:#0e355c;overflow:hidden;box-shadow:0 4px 10px rgba(28,83,127,.06);position:relative;display:flex;flex-direction:column}.t46-feature-top{height:96px;display:flex;align-items:center;justify-content:center;position:relative}.t46-feature.pink .t46-feature-top{background:linear-gradient(135deg,#eaf7ff,#d7efff)}.t46-feature.green .t46-feature-top{background:linear-gradient(135deg,#e7fff1,#c9f3d8)}.t46-feature.orange .t46-feature-top{background:linear-gradient(135deg,#fff3db,#ffd99e)}.t46-feature.purple .t46-feature-top{background:linear-gradient(135deg,#f0e9ff,#d7c7ff)}.t46-feature.rose .t46-feature-top{background:linear-gradient(135deg,#ffe9f0,#ffd2df)}.t46-feature.yellow .t46-feature-top{background:linear-gradient(135deg,#fff9df,#ffeaa2)}.t46-feature .badge{position:absolute;top:9px;left:8px;border-radius:9px;padding:3px 7px;color:#fff;font-size:9px;font-weight:700}.badge.red{background:#ff4b55}.badge.amber{background:#ff9d0c}.badge.purple{background:#7b3dda}.badge.green{background:#0eb866}.t46-feature-icon{width:58px;height:58px;border-radius:16px;background:#fff9;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}.t46-feature-icon img{width:46px;height:46px;object-fit:contain}.t46-feature-body{padding:12px 12px 11px;display:flex;flex-direction:column;flex:1}.t46-feature h3{font:700 15px 'Prompt';margin:0 0 7px;color:#0c345b}.t46-feature p{font-size:11px;line-height:1.45;color:#71849a;margin:0}.t46-cta{margin-top:auto;height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;font:700 11px 'Prompt'}.pink .t46-cta{background:#1282ef}.green .t46-cta{background:#0cad5c}.orange .t46-cta{background:#ff5c16}.purple .t46-cta{background:#7224cf}.rose .t46-cta{background:#ff2354}.yellow .t46-cta{background:#ffad08}
.t46-categories{display:grid;grid-template-columns:1fr 1fr;gap:14px}.t46-category,.t46-idea{border:1px solid #d5e8f7;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(28,83,127,.04);padding:13px}.cat-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.cat-head h2{font:800 20px 'Prompt';margin:0;color:#0c355f}.cat-head h2 .cat-icon{font-size:24px;margin-right:7px;vertical-align:-2px}.cat-head p{font-size:11px;color:#73889c;margin:0 0 0 32px}.cat-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-tool{height:138px;border:1px solid #d8e8f5;border-radius:10px;background:linear-gradient(#fff,#fbfdff);text-decoration:none;color:#0d345c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:10px 7px}.mini-tool:hover{transform:translateY(-1px);box-shadow:0 5px 12px #135f9b14}.mini-tool img,.mini-icon{width:46px;height:46px;object-fit:contain;margin-bottom:8px}.mini-tool b{font:700 11px 'Prompt';line-height:1.3}.mini-tool .arrow{margin-top:9px;width:25px;height:25px;border-radius:50%;background:#e0f1ff;color:#0f69af;display:grid;place-items:center;font-weight:800}.mini-tool em{font-style:normal;color:#a5b1be;font-size:9px;margin-top:8px}.t46-cat-assess .cat-head h2 .cat-icon{color:#ff3c7d}.t46-cat-class .cat-head h2 .cat-icon{color:#14ad68}.t46-cat-time .cat-head h2 .cat-icon{color:#ff375d}.t46-cat-data .cat-head h2 .cat-icon{color:#6338e7}.t46-cat-general .cat-head h2 .cat-icon{color:#16b56b}.t46-idea{background:linear-gradient(135deg,#063c70,#0a5a96);color:#fff;min-height:205px;display:grid;grid-template-columns:80px 1fr 72px;align-items:center;overflow:hidden;position:relative}.t46-idea .bulb{font-size:64px;text-align:center}.t46-idea h2{font:800 24px 'Prompt';margin:0 0 6px}.t46-idea p{font-size:13px;line-height:1.5;margin:0 0 13px;color:#eaf6ff}.t46-idea a{display:inline-grid;place-items:center;width:150px;height:36px;border-radius:22px;background:#ffc21b;color:#0b3c66;text-decoration:none;font:800 13px 'Prompt'}.t46-idea .plane{font-size:55px;transform:rotate(-18deg);color:#fff}.t46-noresult{padding:30px;text-align:center;color:#6a8197}
.t46-footer{background:linear-gradient(90deg,#06365f,#00315a);color:#fff;margin-top:8px}.t46-footer-main{height:98px;display:grid;grid-template-columns:1.05fr .72fr .55fr;align-items:center}.t46-foot-brand{display:flex;align-items:center;gap:10px}.t46-foot-brand .book{width:48px;height:48px}.t46-foot-brand .book svg{width:100%;height:100%}.t46-foot-brand strong{font:800 22px 'Prompt'}.t46-foot-brand strong b{color:#ffc21a}.t46-foot-brand small{display:block;font-size:10px;margin-top:1px}.t46-foot-quote{border-left:1px solid #4e7090;border-right:1px solid #4e7090;text-align:center;font:600 16px 'Prompt';font-style:italic;line-height:1.35;padding:0 24px}.t46-foot-quote:after{content:'';display:block;width:120px;height:3px;background:#ffc21a;margin:5px auto 0;transform:rotate(-5deg)}.t46-foot-socials{display:flex;justify-content:center;gap:15px}.t46-foot-socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff}.t46-foot-bottom{height:56px;border-top:1px solid #335c7f;display:flex;align-items:center;justify-content:space-between}.t46-foot-links{display:flex;gap:17px}.t46-foot-links a{color:#fff;text-decoration:none;font-size:10px}.t46-copy{font-size:10px}
@media(max-width:900px){.t46-wrap{width:min(94%,960px)}.t46-nav{gap:11px}.t46-brand{min-width:220px}.t46-featured{grid-template-columns:repeat(3,1fr)}.t46-categories{grid-template-columns:1fr}.t46-filter{height:auto;padding:10px 0;flex-direction:column}.t46-pills{flex-wrap:wrap;justify-content:center}.t46-hero-inner{grid-template-columns:1fr}.t46-hero-visual{display:none}.t46-hero-copy{padding-left:0}.t46-hero h1{font-size:36px}.t46-hero-copy:before{display:none}}
@media(max-width:640px){.t46-header{height:auto}.t46-head{height:auto;padding:10px 0;flex-wrap:wrap}.t46-nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.t46-actions{margin-left:auto}.t46-featured{grid-template-columns:repeat(2,1fr)}.cat-tools{grid-template-columns:repeat(2,1fr)}.t46-footer-main{height:auto;padding:20px 0;grid-template-columns:1fr;gap:15px}.t46-foot-quote{border:0}.t46-foot-bottom{height:auto;padding:12px 0;flex-direction:column;gap:10px}.t46-feature{height:225px}}
/* v47: hero is a single baked reference image supplied by the user. */
.t47-hero-baked{background:#eef8ff;overflow:hidden;line-height:0;border-bottom:1px solid #cfe2f1}
.t47-hero-baked>img{display:block;width:100%;height:auto;object-fit:contain;margin:0 auto}
@media(max-width:760px){.t47-hero-baked>img{min-height:145px;object-fit:cover;object-position:center}}
/* v49: use the generated full-width hero artwork without cropping */
.t47-hero-baked{height:auto!important;background:#eef8ff!important;overflow:hidden!important;line-height:0}
.t47-hero-baked>img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center center!important;margin:0!important}

/* v86 realistic 3D tool icon set */
.t46-feature-icon{width:70px;height:70px;border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 7px 18px rgba(23,54,85,.10);overflow:visible}
.t46-feature-icon img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(33,50,68,.15))}
.mini-tool img{width:60px;height:60px;object-fit:contain;margin-bottom:7px;filter:drop-shadow(0 3px 4px rgba(33,50,68,.13))}