.related-section{border-top:1px solid #ffffff12;padding:72px 0 80px}.related-inner{max-width:1160px;margin:0 auto;padding:0 24px}.related-label{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.7rem;font-weight:700}.related-heading{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:36px;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.2}[data-glow]{--spotlight-size:280px;background-color:#ffffff0a;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), hsl(var(--hue,210) 100% 70% / .1), transparent);background-attachment:fixed;border:1px solid #ffffff1a;transition:border-color .3s;position:relative}[data-glow]:hover{box-shadow:0 16px 48px #0006, 0 0 40px hsl(var(--hue,210) 100% 60% / .12);border-color:#ffffff38}[data-glow]:before{pointer-events:none;content:"";border-radius:calc(var(--radius-lg) + 2px);background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), hsl(var(--hue,210) 100% 60% / .9), transparent 70%);-webkit-mask-composite:xor;z-index:1;background-attachment:fixed;border:2px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-glow]:after{pointer-events:none;content:"";border-radius:calc(var(--radius-lg) + 2px);background-image:radial-gradient(calc(var(--spotlight-size) * .35) calc(var(--spotlight-size) * .35) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), #ffffffd9, transparent 70%);-webkit-mask-composite:xor;z-index:1;background-attachment:fixed;border:2px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.tool-card{border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex-direction:column;gap:16px;padding:28px 24px 22px;text-decoration:none;display:flex}.tool-card-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.tool-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.tool-card-tag{letter-spacing:1.2px;text-transform:uppercase;color:hsl(var(--hue,210) 100% 72%);opacity:.9;font-size:.68rem;font-weight:700}.tool-card-name{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.tool-card-desc{color:#f0f0f599;font-size:.88rem;line-height:1.6}.tool-card-cta{color:hsl(var(--hue,210) 100% 72%);align-items:center;gap:4px;margin-top:4px;font-size:.82rem;font-weight:700;display:flex}.tool-card-arrow{transition:transform .2s}.tool-card:hover .tool-card-arrow{transform:translate(4px)}.save-btn{color:#b8adff;cursor:pointer;letter-spacing:.3px;background:#7c6bff26;border:1px solid #7c6bff4d;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.save-btn:hover{color:#fff;background:#7c6bff4d;border-color:#7c6bff99;transform:translateY(-1px)}.save-dialog-overlay{-webkit-backdrop-filter:blur(4px);z-index:900;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;transition:opacity .18s;display:flex;position:fixed;inset:0}.save-dialog-overlay.open{opacity:1;pointer-events:all}.save-dialog{background:#1a1730;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:360px;padding:28px;transition:transform .18s;transform:translateY(10px);box-shadow:0 20px 60px #00000080}.save-dialog-overlay.open .save-dialog{transform:translateY(0)}.save-dialog-title{color:#f0f0f0;margin-bottom:6px;font-size:1rem;font-weight:800}.save-dialog-sub{color:#a0a0b8;margin-bottom:20px;font-size:.82rem}.save-dialog-input{color:#f0f0f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:11px 14px;font-size:.9rem;transition:border-color .15s}.save-dialog-input:focus{border-color:#7c6bff}.save-dialog-input::placeholder{color:#ffffff4d}.save-dialog-public{color:#a0a0b8;cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;font-size:.84rem;display:flex}.save-dialog-public input{accent-color:#7c6bff;cursor:pointer;width:15px;height:15px}.save-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.save-dialog-cancel{color:#a0a0b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:background .15s}.save-dialog-cancel:hover{background:#ffffff0f}.save-dialog-confirm{color:#fff;cursor:pointer;background:#7c6bff;border:none;border-radius:10px;padding:9px 20px;font-size:.85rem;font-weight:700;transition:background .15s,transform .15s}.save-dialog-confirm:hover{background:#9a8dff;transform:translateY(-1px)}.save-dialog-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-toast{color:#f0f0f0;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;background:#1a1730;border:1px solid #ffffff26;border-radius:12px;padding:12px 22px;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #0006}.save-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.save-toast.success{color:#86efac;border-color:#22c55e66}.save-toast.error{color:#fca5a5;border-color:#ef444466}