/* NexusNova trending tools — dedicated, responsive tool UI */
.trend-hero{padding:70px 0 26px}.trend-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:32px;align-items:end}.trend-hero h1{margin:10px 0 14px;font-size:clamp(42px,7vw,82px);line-height:.92;letter-spacing:-.055em}.trend-hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,#5fffe0,#65b5ff,#c678ff);-webkit-background-clip:text;background-clip:text}.trend-hero p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.75}.trend-signal{padding:18px;border:1px solid rgba(95,255,224,.18);border-radius:18px;background:linear-gradient(145deg,rgba(8,26,42,.84),rgba(4,10,20,.9));box-shadow:0 24px 70px rgba(0,0,0,.34)}.trend-signal small{color:#648096;font:800 9px ui-monospace,monospace;letter-spacing:.18em}.trend-signal strong{display:block;margin-top:8px;font-size:26px}.trend-signal p{margin:7px 0 0;font-size:12px;line-height:1.55}.trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trend-card{position:relative;min-height:210px;padding:19px;border:1px solid rgba(111,229,255,.12);border-radius:18px;overflow:hidden;text-decoration:none;background:linear-gradient(155deg,rgba(8,27,43,.86),rgba(4,11,20,.9));box-shadow:0 18px 52px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.trend-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(115deg,transparent 32%,rgba(95,255,224,.08),transparent 68%);transform:translateX(-90%);transition:transform .55s ease;pointer-events:none}.trend-card:hover{transform:translateY(-5px);border-color:rgba(95,255,224,.32);box-shadow:0 26px 65px rgba(0,0,0,.36),0 0 30px rgba(95,255,224,.05)}.trend-card:hover:before{transform:translateX(90%)}.trend-card .trend-code{display:flex;justify-content:space-between;gap:8px;color:#668096;font:800 9px ui-monospace,monospace;letter-spacing:.12em}.trend-card .trend-icon{width:45px;height:45px;margin:28px 0 20px;border:1px solid rgba(95,255,224,.18);border-radius:13px;display:grid;place-items:center;color:var(--cyan);font-size:20px;background:rgba(95,255,224,.055);box-shadow:0 0 24px rgba(95,255,224,.05)}.trend-card h3{margin:0 0 7px;font-size:17px}.trend-card p{margin:0;color:#7f96aa;font-size:12px;line-height:1.55}.trend-card b{display:block;margin-top:16px;color:var(--cyan);font:850 10px ui-monospace,monospace;letter-spacing:.08em}.trend-search{width:100%;max-width:620px;margin:0 0 24px;padding:14px 16px;border:1px solid rgba(95,255,224,.17);border-radius:13px;outline:none;background:rgba(4,14,25,.86);color:#eefbff;font:700 14px inherit;box-shadow:0 10px 32px rgba(0,0,0,.2)}.trend-search:focus{border-color:rgba(95,255,224,.52);box-shadow:0 0 0 4px rgba(95,255,224,.07)}
.trend-tool-main{padding:56px 0 70px}.trend-tool-head{max-width:850px;margin-bottom:26px}.trend-tool-head .breadcrumb{color:#70899d;font-size:11px}.trend-tool-head .breadcrumb a{color:var(--cyan);text-decoration:none}.trend-tool-head h1{margin:13px 0 12px;font-size:clamp(38px,6vw,68px);line-height:.96;letter-spacing:-.05em}.trend-tool-head>p{color:#8aa1b5;font-size:15px;line-height:1.75}.trend-tool-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:start}.trend-workspace,.trend-info-card{border:1px solid rgba(111,229,255,.14);border-radius:20px;background:linear-gradient(155deg,rgba(7,24,40,.9),rgba(3,10,18,.94));box-shadow:0 24px 70px rgba(0,0,0,.3)}.trend-workspace{padding:22px;min-height:360px}.trend-info-card{padding:20px}.trend-info-card+.trend-info-card{margin-top:14px}.trend-info-card h2,.trend-info-card h3{margin:0 0 10px}.trend-info-card p,.trend-info-card li{color:#8299ad;font-size:13px;line-height:1.7}.trend-info-card ul{padding-left:18px}.trend-ui{display:grid;gap:14px}.trend-ui label{display:grid;gap:7px;color:#91a8bb;font-size:11px;font-weight:850;letter-spacing:.04em}.trend-ui input,.trend-ui textarea,.trend-ui select{width:100%;padding:13px 14px;border:1px solid rgba(111,229,255,.15);border-radius:12px;outline:none;background:#04101c;color:#edfaff;font:650 14px inherit}.trend-ui textarea{min-height:150px;resize:vertical}.trend-ui input:focus,.trend-ui textarea:focus,.trend-ui select:focus{border-color:rgba(95,255,224,.48);box-shadow:0 0 0 4px rgba(95,255,224,.06)}.trend-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.trend-actions{display:flex;flex-wrap:wrap;gap:9px}.trend-action{min-height:45px;padding:0 16px;border:1px solid rgba(95,255,224,.25);border-radius:11px;cursor:pointer;color:#eafffb;background:linear-gradient(145deg,rgba(11,39,56,.98),rgba(5,18,31,.98));font-weight:900}.trend-action.primary{color:#03120f;border-color:rgba(255,255,255,.3);background:linear-gradient(115deg,#5fffe0,#68c6ff 60%,#aa83ff)}.trend-output{min-height:66px;padding:14px;border:1px solid rgba(95,255,224,.13);border-radius:12px;background:rgba(0,8,15,.72);color:#dffcf6;white-space:pre-wrap;overflow-wrap:anywhere}.trend-output strong{color:var(--cyan);font-size:18px}.trend-file{padding:16px;border:1px dashed rgba(95,255,224,.24);border-radius:13px;background:rgba(95,255,224,.025)}.trend-canvas{max-width:100%;border-radius:10px;background:#fff}.trend-note{color:#6f879b;font-size:11px;line-height:1.6}.trend-faq{margin-top:18px}.trend-faq details{padding:15px 0;border-bottom:1px solid rgba(111,229,255,.09)}.trend-faq summary{cursor:pointer;font-weight:850}.trend-faq p{color:#8299ad;line-height:1.7}.trend-related{display:flex;flex-wrap:wrap;gap:8px}.trend-related a{padding:8px 10px;border:1px solid rgba(111,229,255,.12);border-radius:999px;color:#8ca4b8;text-decoration:none;font-size:11px}.trend-related a:hover{border-color:rgba(95,255,224,.32);color:#eafffb}
@media(max-width:980px){.trend-grid{grid-template-columns:repeat(3,1fr)}.trend-tool-shell{grid-template-columns:1fr}.trend-hero-grid{grid-template-columns:1fr}}@media(max-width:720px){.trend-grid{grid-template-columns:repeat(2,1fr)}.trend-row{grid-template-columns:1fr}.trend-tool-main{padding-top:36px}.trend-hero{padding-top:45px}}@media(max-width:480px){.trend-grid{grid-template-columns:1fr}.trend-card{min-height:180px}.trend-card .trend-icon{margin:20px 0 15px}.trend-workspace{padding:16px}.trend-tool-head h1{font-size:40px}}