.utt-hero{position:relative;padding:28px 32px;border-radius:26px;color:#fff;background:radial-gradient(ellipse at 100% 0,rgba(244,114,182,.36),transparent 60%),linear-gradient(135deg,#312e81,#6d28d9 50%,#db2777);overflow:hidden;box-shadow:0 18px 40px rgba(76,29,149,.32)}.utt-hero-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.utt-hero-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:2.05rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.utt-hero-sub{font-size:.95rem;line-height:1.6;margin:0 0 18px;opacity:.92}.utt-hero-link-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.utt-hero-action{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:11px;background:rgba(255,255,255,.18);color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.22)}.utt-hero-action:hover{background:rgba(255,255,255,.28)}.utt-hero-stats{display:flex;flex-wrap:wrap;gap:10px}.utt-hero-stat{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:700}.utt-warning{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 16px;border-radius:14px;background:rgba(245,158,11,.18);border:1px solid rgba(251,191,36,.42);font-size:.86rem}.utt-warning-link{background:none;border:none;font:inherit;color:#fde047;cursor:pointer;margin-left:6px;gap:2px;padding:0;text-decoration:underline}.utt-section-h,.utt-warning-link{font-weight:800;display:inline-flex;align-items:center}.utt-section-h{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.05rem;letter-spacing:-.005em;margin:0 0 4px;gap:6px;color:var(--theme-text,#0f172a)}[data-effective-mode=dark] .utt-section-h{color:#f1f5f9}.utt-section-sub{font-size:.86rem;color:var(--theme-text-muted,#64748b);margin:0 0 12px;line-height:1.5}.utt-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}@media (max-width:880px){.utt-tool-grid{grid-template-columns:1fr;gap:1.5rem}}.utt-tool{--utt-bg-from:#ede9fe;--utt-bg-to:#f5f3ff;--utt-accent:#7c3aed;--utt-accent-deep:#5b21b6;--utt-glow:rgba(124,58,237,0.18);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:20px;background:linear-gradient(145deg,var(--utt-bg-from),var(--utt-bg-to));border:1px solid color-mix(in srgb,var(--utt-accent) 24%,transparent);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 12px 30px var(--utt-glow)}.utt-tool:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--utt-accent) 18%,transparent),transparent 55%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--utt-accent-deep) 12%,transparent),transparent 60%);pointer-events:none}.utt-tool>*{position:relative;z-index:1}.utt-tool:hover{transform:translateY(-3px);box-shadow:0 18px 40px var(--utt-glow)}.utt-tool[data-tone=violet]{--utt-bg-from:#ede9fe;--utt-bg-to:#f5f3ff;--utt-accent:#7c3aed;--utt-accent-deep:#5b21b6;--utt-glow:rgba(124,58,237,0.20)}.utt-tool[data-tone=amber]{--utt-bg-from:#fff7ed;--utt-bg-to:#fffbeb;--utt-accent:#ea580c;--utt-accent-deep:#9a3412;--utt-glow:rgba(234,88,12,0.20)}.utt-tool[data-tone=cyan]{--utt-bg-from:#ecfeff;--utt-bg-to:#f0f9ff;--utt-accent:#0891b2;--utt-accent-deep:#155e75;--utt-glow:rgba(6,182,212,0.20)}.utt-tool[data-tone=emerald]{--utt-bg-from:#ecfdf5;--utt-bg-to:#f0fdfa;--utt-accent:#059669;--utt-accent-deep:#065f46;--utt-glow:rgba(5,150,105,0.20)}.utt-tool[data-tone=rose]{--utt-bg-from:#fff1f2;--utt-bg-to:#fef2f2;--utt-accent:#e11d48;--utt-accent-deep:#9f1239;--utt-glow:rgba(225,29,72,0.20)}.utt-tool[data-tone=indigo]{--utt-bg-from:#eef2ff;--utt-bg-to:#f5f3ff;--utt-accent:#4f46e5;--utt-accent-deep:#312e81;--utt-glow:rgba(79,70,229,0.20)}[data-effective-mode=dark] .utt-tool{background:linear-gradient(145deg,color-mix(in srgb,var(--utt-accent-deep) 50%,#1e1b4b),color-mix(in srgb,var(--utt-accent) 18%,#0f172a));border-color:color-mix(in srgb,var(--utt-accent) 40%,transparent)}.utt-tool-head{display:flex;align-items:center;gap:1rem}.utt-tool-head-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.utt-tool-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--utt-accent),var(--utt-accent-deep));display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--utt-accent) 38%,transparent);flex-shrink:0}.utt-tool-icon>svg{width:30px;height:30px}.utt-tool-desc{font-size:.94rem;line-height:1.55;color:var(--theme-text,#0f172a);margin:0;font-weight:500}[data-effective-mode=dark] .utt-tool-desc{color:rgba(241,245,249,.92)}.utt-tool-section{display:flex;flex-direction:column;gap:.5rem}.utt-tool-section-h{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--utt-accent-deep);margin:0}[data-effective-mode=dark] .utt-tool-section-h{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-tool-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.utt-tool-bullets li{position:relative;padding-left:1.25rem;font-size:.86rem;line-height:1.5;color:var(--theme-text,#1e293b)}.utt-tool-bullets li:before{content:"";position:absolute;left:4px;top:.62rem;width:6px;height:6px;border-radius:50%;background:var(--utt-accent)}[data-effective-mode=dark] .utt-tool-bullets li{color:rgba(241,245,249,.88)}.utt-tool-bullets-questions li{font-style:italic;color:var(--utt-accent-deep)}[data-effective-mode=dark] .utt-tool-bullets-questions li{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-tool-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--utt-accent-deep);margin:4px 0 0}[data-effective-mode=dark] .utt-tool-kicker{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-tool-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--theme-text,#0f172a)}[data-effective-mode=dark] .utt-tool-title{color:#f1f5f9}.utt-tool-sub{font-size:.88rem;color:var(--theme-text-muted,#475569);line-height:1.55;margin:0}[data-effective-mode=dark] .utt-tool-sub{color:rgba(241,245,249,.82)}.utt-tool-pill{align-self:flex-start;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--utt-accent) 22%,transparent),color-mix(in srgb,var(--utt-accent) 12%,transparent));color:var(--utt-accent-deep);border:1px solid color-mix(in srgb,var(--utt-accent) 28%,transparent);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}[data-effective-mode=dark] .utt-tool-pill{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-tool-stats{display:flex;gap:1rem;font-size:.78rem;font-weight:700;color:var(--utt-accent-deep);border-top:1px dashed color-mix(in srgb,var(--utt-accent) 28%,transparent);padding-top:.75rem;margin-top:auto}[data-effective-mode=dark] .utt-tool-stats{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-tool-stats span{display:inline-flex;align-items:center;gap:4px}.utt-tool-actions{display:flex;gap:.5rem;margin-top:0}.utt-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--utt-accent),var(--utt-accent-deep));color:#fff;text-decoration:none;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 16px color-mix(in srgb,var(--utt-accent) 30%,transparent)}.utt-tool-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--utt-accent) 40%,transparent)}.utt-tool-btn-ghost{background:color-mix(in srgb,var(--utt-accent) 12%,transparent);color:var(--utt-accent-deep);box-shadow:none;border:1px solid color-mix(in srgb,var(--utt-accent) 28%,transparent)}.utt-tool-btn-ghost:hover{background:color-mix(in srgb,var(--utt-accent) 22%,transparent);box-shadow:none}[data-effective-mode=dark] .utt-tool-btn-ghost{color:color-mix(in srgb,var(--utt-accent) 70%,white);background:color-mix(in srgb,var(--utt-accent) 22%,transparent)}.utt-copy{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);flex:1}.utt-copy-label{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap}.utt-copy-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utt-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:none;background:rgba(255,255,255,.18);color:rgba(255,255,255,.92);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s ease}.utt-copy-btn:hover{background:rgba(255,255,255,.28)}.utt-template-list{display:grid;grid-template-columns:1fr;gap:12px}.utt-template{--utt-bg-from:#ede9fe;--utt-bg-to:#f5f3ff;--utt-accent:#7c3aed;--utt-accent-deep:#5b21b6;--utt-glow:rgba(124,58,237,0.18);border-radius:20px;background:linear-gradient(160deg,var(--utt-bg-from),var(--utt-bg-to));border:1px solid color-mix(in srgb,var(--utt-accent) 24%,transparent);overflow:hidden;box-shadow:0 10px 28px var(--utt-glow);transition:transform .18s ease,box-shadow .18s ease}.utt-template:hover{transform:translateY(-2px);box-shadow:0 16px 36px var(--utt-glow)}.utt-template[data-tone=violet]{--utt-bg-from:#ede9fe;--utt-bg-to:#f5f3ff;--utt-accent:#7c3aed;--utt-accent-deep:#5b21b6;--utt-glow:rgba(124,58,237,0.18)}.utt-template[data-tone=cyan]{--utt-bg-from:#ecfeff;--utt-bg-to:#f0f9ff;--utt-accent:#0891b2;--utt-accent-deep:#155e75;--utt-glow:rgba(6,182,212,0.18)}.utt-template[data-tone=amber]{--utt-bg-from:#fff7ed;--utt-bg-to:#fffbeb;--utt-accent:#ea580c;--utt-accent-deep:#9a3412;--utt-glow:rgba(234,88,12,0.18)}.utt-template[data-tone=emerald]{--utt-bg-from:#ecfdf5;--utt-bg-to:#f0fdfa;--utt-accent:#059669;--utt-accent-deep:#065f46;--utt-glow:rgba(5,150,105,0.18)}.utt-template[data-tone=rose]{--utt-bg-from:#fff1f2;--utt-bg-to:#fef2f2;--utt-accent:#e11d48;--utt-accent-deep:#9f1239;--utt-glow:rgba(225,29,72,0.18)}.utt-template[data-tone=indigo]{--utt-bg-from:#eef2ff;--utt-bg-to:#f5f3ff;--utt-accent:#4f46e5;--utt-accent-deep:#312e81;--utt-glow:rgba(79,70,229,0.18)}[data-effective-mode=dark] .utt-template{background:linear-gradient(160deg,color-mix(in srgb,var(--utt-accent-deep) 50%,#1e1b4b),color-mix(in srgb,var(--utt-accent) 16%,#0f172a));border-color:color-mix(in srgb,var(--utt-accent) 38%,transparent)}.utt-template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:18px 22px;background:linear-gradient(135deg,var(--utt-accent),var(--utt-accent-deep));color:#fff}.utt-template-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.12rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:#fff}.utt-template-context{font-size:.86rem;color:rgba(255,255,255,.88);margin:0;line-height:1.5}.utt-template-channel{align-self:flex-start;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.32);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.utt-template-subject{display:flex;align-items:center;gap:1rem;margin:1rem 22px 0;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--utt-accent) 10%,white);border:1px solid color-mix(in srgb,var(--utt-accent) 22%,transparent)}[data-effective-mode=dark] .utt-template-subject{background:color-mix(in srgb,var(--utt-accent) 18%,rgba(15,14,30,.6))}.utt-template-subject-row{flex:1;display:flex;align-items:center;gap:1rem}.utt-template-subject-label{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--utt-accent-deep)}[data-effective-mode=dark] .utt-template-subject-label{color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-template-subject-text{font-weight:800;font-size:.95rem;color:var(--theme-text,#0f172a)}[data-effective-mode=dark] .utt-template-subject-text{color:#f1f5f9}.utt-template-body{margin:1rem 22px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.85);border:1px solid color-mix(in srgb,var(--utt-accent) 18%,transparent);font-family:var(--font-body,"Inter"),sans-serif;font-size:.92rem;line-height:1.65;white-space:pre-wrap;color:var(--theme-text,#0f172a);max-height:360px;overflow-y:auto}[data-effective-mode=dark] .utt-template-body{background:rgba(15,14,30,.55);border-color:color-mix(in srgb,var(--utt-accent) 30%,transparent);color:rgba(241,245,249,.94)}.utt-template-foot{display:flex;justify-content:flex-end;padding:0 22px 18px}.utt-template .utt-copy-btn{background:linear-gradient(135deg,var(--utt-accent),var(--utt-accent-deep));color:#fff;padding:9px 16px;border-radius:11px;border:none;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 16px color-mix(in srgb,var(--utt-accent) 32%,transparent);transition:transform .15s ease,box-shadow .15s ease}.utt-template .utt-copy-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--utt-accent) 40%,transparent)}.utt-copy-mini{width:32px;height:32px;border-radius:9px;border:1px solid color-mix(in srgb,var(--utt-accent) 30%,transparent);background:color-mix(in srgb,var(--utt-accent) 14%,white);color:var(--utt-accent-deep);cursor:pointer;display:grid;place-items:center}.utt-copy-mini:hover{background:color-mix(in srgb,var(--utt-accent) 24%,white)}[data-effective-mode=dark] .utt-copy-mini{background:color-mix(in srgb,var(--utt-accent) 26%,rgba(15,14,30,.6));color:color-mix(in srgb,var(--utt-accent) 70%,white)}.utt-foot{font-size:.78rem;color:var(--theme-text-muted,#94a3b8);text-align:center;margin:0}.utt-setup{display:flex;gap:14px;margin-top:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}.utt-setup-icon{color:#fde047;flex-shrink:0;margin-top:2px}.utt-setup-body{display:flex;flex-direction:column;gap:6px}.utt-setup-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.005em}.utt-setup-sub{font-size:.86rem;line-height:1.55;margin:0;opacity:.92}.utt-setup-sub code{background:rgba(255,255,255,.14);padding:1px 6px;border-radius:4px;font-size:.84em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.utt-setup-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b4b;font-family:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:transform .18s ease}.utt-setup-cta:hover{transform:translateY(-1px)}.utt-tool[data-disabled="1"]{opacity:.78}.utt-tool[data-disabled="1"] .utt-tool-icon{filter:grayscale(.5)}.utt-template-body,.utt-tool{font-family:inherit}