.tools-page-head{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.tools-page-title{margin:0;font-size:1.3rem;line-height:1.35}.tool-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-card{gap:var(--space-1);height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:background var(--transition), border-color var(--transition);flex-direction:column;display:flex;position:relative}.tool-card:hover{border-color:var(--border-strong);background:var(--surface-hover);text-decoration:none}.tool-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.tool-card-badge{top:var(--space-3);right:var(--space-3);color:var(--text-faint);position:absolute}.tool-card-icon{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-accent) 12%, transparent);width:30px;height:30px;color:var(--color-accent-ink);justify-content:center;align-items:center;display:inline-flex}.tool-card-name{margin-top:var(--space-2);font-weight:600}.tool-card-desc{color:var(--text-muted);font-size:var(--font-size-small);line-height:1.6}.tools-desktop-note{color:var(--text-muted);font-size:var(--font-size-small);margin:0;display:none}#page-content[data-module=tools]{flex-direction:column;display:flex}.tool-page{flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:0;margin:0 auto;display:flex}#schematic-tool-island{flex-direction:column;flex:1;min-height:0;display:flex}.tool-surface,.tool-desktop-only{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.tool-surface .state-title,.tool-desktop-only .state-title,.tool-surface .state-description,.tool-desktop-only .state-description{margin:0}.tool-surface .state-description,.tool-desktop-only .state-description{color:var(--text-muted);font-size:var(--font-size-small)}.tool-loading-text{color:var(--text-muted);font-size:var(--font-size-small);margin:0}.tool-desktop-only-icon{color:var(--text-faint)}.tool-drop{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.tool-drop-box{align-items:center;gap:var(--space-2);width:min(420px,100%);padding:var(--space-6) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-direction:column;display:flex}.tool-drop-box:hover,.tool-drop.is-dragging .tool-drop-box{border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 8%, var(--surface))}.tool-drop-box:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tool-drop-icon{color:var(--text-faint)}.tool-drop-title{font-weight:600}.tool-drop-hint{color:var(--text-muted);font-size:var(--font-size-small)}.tool-drop-note{color:var(--text-faint);font-size:var(--font-size-small)}.tool-drop-error{color:var(--color-red);font-size:var(--font-size-small);margin:0}@media (max-width:1119px){.tool-card[data-desktop-only]{display:none}.tools-desktop-note{display:block}}