/* Gutools UI Shell v1 - static fallback for tool pages */
:root {
  --gutools-background: #ffffff;
  --gutools-foreground: #111827;
  --gutools-muted: #f5f7fb;
  --gutools-muted-foreground: #64748b;
  --gutools-card: #ffffff;
  --gutools-card-foreground: #111827;
  --gutools-border: #e5e7eb;
  --gutools-primary: #2563eb;
  --gutools-primary-foreground: #ffffff;
  --gutools-accent: #7c3aed;
  --gutools-accent-foreground: #ffffff;
  --gutools-radius-md: 0.5rem;
  --gutools-radius-xl: 0.75rem;
  --gutools-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --gutools-shadow-lg: 0 18px 45px rgba(15, 23, 42, 0.10);
}
body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; background: var(--gutools-background); color: var(--gutools-foreground); }
.gutools-container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.gutools-main { min-height: calc(100vh - 4rem); }
.gutools-tool-hero { padding: 64px 0 32px; background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), transparent); }
.gutools-tool-hero h1 { margin: 0 0 12px; font-size: clamp(2rem, 5vw, 3.75rem); line-height: 1.1; letter-spacing: -0.03em; }
.gutools-tool-hero p { max-width: 720px; margin: 0; color: var(--gutools-muted-foreground); font-size: 1.125rem; line-height: 1.75; }
.gutools-tool-section { padding: 48px 0; }
.gutools-tool-grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 960px) { .gutools-tool-grid { grid-template-columns: 1.2fr 0.8fr; } .gutools-result-card { grid-column: 1 / -1; } }
.gutools-back-link { display: inline-flex; margin-bottom: 18px; color: var(--gutools-primary); text-decoration: none; font-size: 0.875rem; font-weight: 600; }