.tools-shell{position:relative;overflow:hidden;border-radius:1.75rem;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at top left,rgba(125,211,252,.24),transparent 32%),radial-gradient(circle at top right,rgba(96,165,250,.18),transparent 28%),linear-gradient(135deg,#ffffff85,#ffffff2e);box-shadow:0 28px 80px #0f172a1f,inset 0 1px #ffffff59;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.dark .tools-shell{border-color:#ffffff1a;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 30%),radial-gradient(circle at top right,rgba(168,85,247,.14),transparent 30%),linear-gradient(135deg,#0f172ab8,#0f172a6b);box-shadow:0 28px 90px #02061766,inset 0 1px #ffffff14}.tools-shell:before,.tools-shell:after{content:"";position:absolute;border-radius:999px;filter:blur(14px);pointer-events:none}.tools-shell:before{width:12rem;height:12rem;top:-4rem;right:-3rem;background:#38bdf82e}.tools-shell:after{width:10rem;height:10rem;left:-3rem;bottom:-4rem;background:#6366f124}.tools-shell>*{position:relative;z-index:1}.tools-surface{border:1px solid rgba(255,255,255,.22);background:#ffffff70;box-shadow:0 16px 40px #0f172a14,inset 0 1px #ffffff52;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dark .tools-surface{border-color:#ffffff14;background:#0f172a73;box-shadow:0 16px 44px #02061740,inset 0 1px #ffffff14}.tools-pill{border:1px solid rgba(255,255,255,.28);background:#ffffff59;box-shadow:inset 0 1px #ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .tools-pill{border-color:#ffffff14;background:#0f172a80}.tools-field{border:1px solid rgba(148,163,184,.24);background:#ffffffc7;box-shadow:inset 0 1px #ffffff47;color:#0f172a}.tools-field:focus{outline:none;border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf82e}.dark .tools-field{border-color:#ffffff14;background:#0f172abd;color:#f8fafc}.dark .tools-field::-moz-placeholder{color:#94a3b8}.dark .tools-field::placeholder{color:#94a3b8}.tools-btn-primary,.tools-btn-secondary,.tools-btn-danger,.tools-btn-warn,.tools-btn-ghost{border:0;border-radius:.9rem;padding:.8rem 1.05rem;font-weight:700;transition:transform .16s ease,box-shadow .22s ease,filter .22s ease}.tools-btn-primary:hover,.tools-btn-secondary:hover,.tools-btn-danger:hover,.tools-btn-warn:hover,.tools-btn-ghost:hover{transform:translateY(-1px)}.tools-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 14px 32px #2563eb47}.tools-btn-secondary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#4f46e5);box-shadow:0 14px 32px #0ea5e940}.tools-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#be185d);box-shadow:0 14px 32px #e11d4838}.tools-btn-warn{color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 14px 32px #f59e0b38}.tools-btn-ghost{color:#0f172a;background:#ffffff80;box-shadow:inset 0 1px #ffffff5c;border:1px solid rgba(148,163,184,.22)}.dark .tools-btn-ghost{color:#f1f5f9;background:#0f172a94;border-color:#ffffff14}.tools-section-heading{font-size:clamp(2rem,4vw,3.5rem);line-height:1;font-weight:800;letter-spacing:-.04em}.tools-section-copy{max-width:42rem;color:#475569}.dark .tools-section-copy{color:#cbd5e1}.tools-grid-card{border-radius:1.25rem;border:1px solid rgba(255,255,255,.22);background:#ffffff6b;box-shadow:0 14px 34px #0f172a14,inset 0 1px #ffffff47;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s ease,box-shadow .22s ease}.tools-grid-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #0f172a1f,inset 0 1px #ffffff52}.dark .tools-grid-card{border-color:#ffffff14;background:#0f172a85;box-shadow:0 18px 48px #0206174d,inset 0 1px #ffffff14}.tools-note-skin .container,.tools-note-skin .container-fluid{max-width:100%}.tools-note-skin .card,.tools-note-skin .modal-content,.tools-note-skin .list-group-item,.tools-note-skin .form-control,.tools-note-skin .input-group-text,.tools-note-skin .dropdown-menu{border-radius:1rem}.tools-note-skin .card,.tools-note-skin .modal-content,.tools-note-skin .list-group-item,.tools-note-skin .dropdown-menu,.tools-note-skin .form-control,.tools-note-skin .input-group-text,.tools-note-skin .css-13cymwt-control,.tools-note-skin .css-t3ipsp-control,.tools-note-skin .css-1nmdiq5-menu{border-color:#94a3b83d!important;background:#fff9!important;box-shadow:0 14px 34px #0f172a0f,inset 0 1px #ffffff4d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dark .tools-note-skin .card,.dark .tools-note-skin .modal-content,.dark .tools-note-skin .list-group-item,.dark .tools-note-skin .dropdown-menu,.dark .tools-note-skin .form-control,.dark .tools-note-skin .input-group-text,.dark .tools-note-skin .css-13cymwt-control,.dark .tools-note-skin .css-t3ipsp-control,.dark .tools-note-skin .css-1nmdiq5-menu{color:#f1f5f9!important;border-color:#ffffff14!important;background:#0f172a9e!important;box-shadow:0 18px 46px #02061747,inset 0 1px #ffffff14}.tools-note-skin .btn-primary,.tools-note-skin .btn-success{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:transparent}.tools-note-skin .btn-outline-secondary,.tools-note-skin .btn-outline-danger{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}