.tools-layout.sdf6dl1{position:relative;min-height:100vh}.backdrop.sdf6dl1{position:fixed;inset:0;z-index:50;cursor:pointer}.tools-background.sdf6dl1{transition:filter .3s ease}.tools-background.blurred.sdf6dl1{filter:blur(4px)}.page-header.sdf6dl1{margin-bottom:2rem}.page-header.sdf6dl1 h1:where(.sdf6dl1){font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle.sdf6dl1{color:var(--muted-foreground);font-size:1.125rem}.tools-grid.sdf6dl1{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem 0}.tool-card.sdf6dl1{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.tool-card.sdf6dl1:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tool-card.sdf6dl1 h3:where(.sdf6dl1){font-size:1.25rem;font-weight:600;margin:0}.tool-card.sdf6dl1 p:where(.sdf6dl1){color:var(--muted-foreground);font-size:.875rem;line-height:1.5;margin:0}.tool-panel.sdf6dl1{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:1200px;background:var(--background);box-shadow:-4px 0 24px #00000026;animation:sdf6dl1-slideIn .3s ease-in-out;overflow-y:auto;z-index:100}@keyframes sdf6dl1-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.tool-panel-header.sdf6dl1{position:sticky;top:0;background:var(--background);border-bottom:1px solid var(--border);height:65px;padding:1rem 2rem;z-index:10;display:flex;align-items:center}.back-button.sdf6dl1{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted-foreground);text-decoration:none;font-size:.875rem;transition:color .2s ease}.back-button.sdf6dl1:hover{color:var(--foreground)}.tool-panel-content.sdf6dl1{padding:2rem}