.att-tool{--att-blue:#009fdb;--att-navy:#00388f;--att-link:#0072b2;--att-ink:#13171b;--att-text:#1d2329;--att-surface:#f4f7f9;--att-panel:#ffffff;--att-border:#d7e0e6;--att-muted:#596671;--background:#f4f7f9;--foreground:#17212a;--card:#ffffff;--card-foreground:#17212a;--popover:#ffffff;--popover-foreground:#17212a;--primary:var(--att-navy);--primary-foreground:#ffffff;--secondary:#eaf1f5;--secondary-foreground:#21313d;--muted:#eef3f6;--muted-foreground:#596671;--accent:#e6f6fb;--accent-foreground:var(--att-navy);--destructive:#b42318;--border:#d7e0e6;--input:#c7d2da;--ring:var(--att-blue);--chart-1:var(--att-blue);--chart-2:var(--att-navy);--radius:0.625rem;--att-header-height:4rem;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:var(--att-text);transform:translateZ(0);overflow:hidden;position:relative}.att-tool-viewport{height:100%;overflow:clip;overscroll-behavior:none;background:var(--att-surface)}.att-tool-crop-cue{position:absolute;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;height:4.5rem;padding-bottom:.75rem;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--att-surface) 88%,transparent))}.att-tool-crop-cue-pill{border:1px solid var(--att-border);border-radius:999px;background:color-mix(in srgb,var(--att-panel) 92%,transparent);padding:.3rem .85rem;font-size:.72rem;font-weight:500;letter-spacing:.02em;color:var(--att-muted);box-shadow:0 2px 8px rgba(19,23,27,.08)}.att-tool--fullpage .att-tool-crop-cue,.att-tool--modal .att-tool-crop-cue,.att-tool--onboarding .att-tool-crop-cue{display:none}.att-tool--modal{height:100%;overflow:hidden;--att-header-height:3rem}.att-tool-viewport--modal{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--att-surface)}.att-tool--modal .min-h-screen{min-height:100%}.att-tool .att-brand-bar{border-bottom-color:var(--att-border);background:color-mix(in srgb,var(--att-panel) 92%,transparent)}.att-tool .att-brand-accent{color:var(--att-blue)}.att-tool .att-brand-cta{background:var(--att-navy);color:#ffffff}.att-tool .att-brand-cta:hover{background:color-mix(in srgb,var(--att-navy) 90%,#000)}.att-tool .min-h-screen{min-height:100%}.att-tool--fullpage{overflow:visible;min-height:100vh;transform:none}.att-tool-viewport--fullpage{height:auto;min-height:100vh;overflow:auto;overscroll-behavior:auto}.att-tool--fullpage .min-h-screen{min-height:100vh}.att-tool--onboarding{transform:none;overflow:visible}.att-tool [data-slot=portal-container]{position:fixed;inset:0;z-index:60;pointer-events:none}.att-tool [data-slot=portal-container]>*{pointer-events:auto}.att-tool .att-page-offset{padding-top:var(--att-header-height)}.att-tool .rounded-md{border-radius:.375rem}.att-tool .rounded-xl{border-radius:.75rem}.att-tool .rounded-2xl{border-radius:1rem}.att-tool .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}@keyframes att-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes att-slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes att-pulse{0%,to{opacity:1}50%{opacity:.7}}.att-tool .animate-fadeIn{animation:att-fadeIn .3s ease-out}.att-tool .animate-slideInRight{animation:att-slideInRight .3s ease-out}.att-tool .animate-pulse{animation:att-pulse .6s ease-in-out}.att-tool *{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (prefers-reduced-motion:reduce){.att-tool .animate-fadeIn,.att-tool .animate-pulse,.att-tool .animate-slideInRight{animation:none}.att-tool *{transition-property:background-color,border-color,color,fill,stroke,box-shadow}}