/* AddTextPhoto styles. Built from dev/ (see dev/README.txt). Everything is scoped to #atp-app
   so the theme cannot restyle the tool and the tool cannot restyle the theme. */

#atp-app{
  color-scheme: light;
  --atp-css:1;                       /* the script checks this to know the stylesheet has loaded */
  --blue:#3b82f6; --blue-dark:#2563eb;
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.5; font-weight:400; text-align:left;
  color:#1f2937;
  -webkit-text-size-adjust:100%;
  box-sizing:border-box;
}

/* ---- scoped reset (replaces Tailwind's global preflight). Specificity stays below utility classes. ---- */
#atp-app *,#atp-app ::before,#atp-app ::after{ box-sizing:border-box; border:0 solid #e5e7eb; }
#atp-app h1,#atp-app h2,#atp-app h3,#atp-app h4,#atp-app p,#atp-app ul,#atp-app ol,#atp-app li{ margin:0; }
#atp-app h1,#atp-app h2,#atp-app h3,#atp-app h4{ font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit; text-transform:none; letter-spacing:normal; }
#atp-app ul,#atp-app ol{ list-style:none; padding:0; }
#atp-app strong{ font-weight:700; }
#atp-app label{ margin:0; text-transform:none; letter-spacing:normal; }
#atp-app button{
  margin:0; padding:0; height:auto; min-height:0;
  background-color:transparent; background-image:none; color:inherit;
  font-family:inherit; font-size:100%; font-weight:inherit; line-height:inherit;
  text-transform:none; text-decoration:none; text-shadow:none; letter-spacing:normal;
  box-shadow:none; cursor:pointer;
}
#atp-app button:disabled{ cursor:not-allowed; }
#atp-app input,#atp-app select,#atp-app textarea{
  margin:0; font-family:inherit; font-size:100%; line-height:inherit; color:#1f2937;
  text-transform:none; letter-spacing:normal; box-shadow:none;
}
#atp-app input:not([type=range]):not([type=color]):not([type=file]),#atp-app select,#atp-app textarea{ background-color:#fff; }
#atp-app ::placeholder{ color:#9ca3af; opacity:1; }
#atp-app canvas,#atp-app svg,#atp-app img{ max-width:100%; }
#atp-app [hidden]{ display:none; }

#atp-app *{ -webkit-tap-highlight-color: transparent; }

/* Canvas stage */
#atp-app .stage{ background:#fff; }
/* Once a photo is in, the frame wraps it tightly instead of leaving empty space around it */
#atp-app .stage.has-photo{ padding:10px; min-height:0 !important; }
#atp-app #board{ touch-action:pan-y; max-width:100%; box-shadow:0 2px 10px rgba(15,23,42,.12); border-radius:4px; cursor:default; }
#atp-app #board:not(.hidden){ display:block; }
#atp-app #board.hidden{ display:none !important; }
#atp-app #board.grabbing{ cursor:grabbing; }

/* Drop zone */
#atp-app #dropzone.drag-over{ border-color:var(--blue); background:#eff6ff; }

/* Controls */
#atp-app .tab-btn{ white-space:nowrap; padding:.5rem .8rem; border-radius:.6rem; font-size:.82rem; font-weight:600; color:#64748b; display:flex; align-items:center; gap:.4rem; }
#atp-app .tab-btn.active{ background:#eff6ff; color:var(--blue-dark); }
#atp-app .tab-btn:focus-visible,#atp-app .btn:focus-visible,#atp-app button:focus-visible,#atp-app input:focus-visible,#atp-app select:focus-visible,#atp-app textarea:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }

#atp-app .field-label{ display:block; font-size:.75rem; font-weight:600; color:#64748b; margin-bottom:.4rem; }
#atp-app .seg{ display:flex; background:#f1f5f9; padding:3px; border-radius:.6rem; gap:3px; }
#atp-app .seg button{ flex:1; padding:.45rem 0; border-radius:.45rem; font-size:.8rem; color:#475569; min-height:38px; }
#atp-app .seg button.active{ background:#fff; color:var(--blue-dark); box-shadow:0 1px 2px rgba(15,23,42,.12); }

#atp-app .font-option{ padding:.5rem .6rem; border:1px solid #e2e8f0; border-radius:.55rem; font-size:.85rem; cursor:pointer; text-align:center; background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#atp-app .font-option.active{ border-color:var(--blue); background:#eff6ff; box-shadow:inset 0 0 0 1px var(--blue); }

#atp-app .swatch{ width:28px; height:28px; border-radius:50%; cursor:pointer; border:2px solid transparent; box-shadow:inset 0 0 0 1px rgba(15,23,42,.12); }
#atp-app .swatch.active{ border-color:var(--blue); box-shadow:inset 0 0 0 1px rgba(15,23,42,.12),0 0 0 2px #dbeafe; }

#atp-app input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:999px; background:#e2e8f0; }
#atp-app input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid var(--blue); box-shadow:0 1px 3px rgba(15,23,42,.25); cursor:pointer; }
#atp-app input[type=range]::-moz-range-thumb{ width:20px; height:20px; border-radius:50%; background:#fff; border:2px solid var(--blue); cursor:pointer; }
#atp-app input[type=color]{ -webkit-appearance:none; appearance:none; border:1px solid #e2e8f0; border-radius:.5rem; padding:0; background:none; height:34px; width:44px; cursor:pointer; }
#atp-app input[type=color]::-webkit-color-swatch-wrapper{ padding:3px; }
#atp-app input[type=color]::-webkit-color-swatch{ border:none; border-radius:.35rem; }

#atp-app .btn{ min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; font-weight:600; border-radius:.65rem; transition:background-color .15s ease, opacity .15s ease; }
#atp-app .btn:disabled{ opacity:.45; cursor:not-allowed; }
#atp-app .icon-btn{ width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:.6rem; background:#f1f5f9; color:#475569; }
#atp-app .icon-btn:hover:not(:disabled){ background:#e2e8f0; }
#atp-app .icon-btn:disabled{ opacity:.4; cursor:not-allowed; }

#atp-app .grid9 button{ aspect-ratio:1; border:1px solid #e2e8f0; border-radius:.45rem; color:#94a3b8; background:#fff; display:flex; align-items:center; justify-content:center; }
#atp-app .grid9 button:hover{ border-color:var(--blue); color:var(--blue); }

#atp-app .layer-row{ border:1px solid #e2e8f0; border-radius:.6rem; padding:.5rem .6rem; display:flex; align-items:center; gap:.5rem; background:#fff; }
#atp-app .layer-row.active{ border-color:var(--blue); background:#eff6ff; }

#atp-app .panel-scroll{ overflow-y:auto; -webkit-overflow-scrolling:touch; }
@media (min-width:1024px){ #atp-app .panel-scroll{ max-height:calc(100vh - 210px); } }

#atp-app #toast{ position:fixed; left:50%; transform:translateX(-50%) translateY(16px); bottom:calc(18px + env(safe-area-inset-bottom,0px)); background:#1e293b; color:#fff; padding:.6rem 1rem; border-radius:.7rem; font-size:.85rem; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:60; box-shadow:0 8px 20px rgba(15,23,42,.3); }
#atp-app #toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

#atp-app .mobile-bar{ position:sticky; bottom:0; z-index:40; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-top:1px solid #e2e8f0; padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom,0px)); }
@media (min-width:1024px){ #atp-app .mobile-bar{ display:none; } }
@media (prefers-reduced-motion:reduce){ #atp-app *{ transition:none!important; animation:none!important; } }
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }#atp-app .fixed{position:fixed}#atp-app .absolute{position:absolute}#atp-app .relative{position:relative}#atp-app .inset-0{inset:0}#atp-app .z-\[70\]{z-index:70}#atp-app .-mx-3{margin-left:-.75rem;margin-right:-.75rem}#atp-app .mx-auto{margin-left:auto;margin-right:auto}#atp-app .mb-1{margin-bottom:.25rem}#atp-app .mb-2{margin-bottom:.5rem}#atp-app .mb-3{margin-bottom:.75rem}#atp-app .mb-4{margin-bottom:1rem}#atp-app .mb-5{margin-bottom:1.25rem}#atp-app .mb-6{margin-bottom:1.5rem}#atp-app .mt-12{margin-top:3rem}#atp-app .mt-2{margin-top:.5rem}#atp-app .mt-3{margin-top:.75rem}#atp-app .mt-4{margin-top:1rem}#atp-app .mt-6{margin-top:1.5rem}#atp-app .block{display:block}#atp-app .flex{display:flex}#atp-app .inline-flex{display:inline-flex}#atp-app .grid{display:grid}#atp-app .hidden{display:none}#atp-app .\!h-8{height:2rem!important}#atp-app .h-14{height:3.5rem}#atp-app .max-h-56{max-height:14rem}#atp-app .\!w-8{width:2rem!important}#atp-app .w-14{width:3.5rem}#atp-app .w-full{width:100%}#atp-app .min-w-0{min-width:0}#atp-app .max-w-3xl{max-width:48rem}#atp-app .max-w-7xl{max-width:80rem}#atp-app .max-w-\[180px\]{max-width:180px}#atp-app .max-w-md{max-width:28rem}#atp-app .max-w-sm{max-width:24rem}#atp-app .max-w-xl{max-width:36rem}#atp-app .flex-1{flex:1 1 0%}#atp-app .shrink{flex-shrink:1}#atp-app .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#atp-app .cursor-pointer{cursor:pointer}#atp-app .resize-y{resize:vertical}#atp-app .resize{resize:both}#atp-app .list-decimal{list-style-type:decimal}#atp-app .list-disc{list-style-type:disc}#atp-app .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#atp-app .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#atp-app .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}#atp-app .flex-wrap{flex-wrap:wrap}#atp-app .place-items-center{place-items:center}#atp-app .items-start{align-items:flex-start}#atp-app .items-center{align-items:center}#atp-app .justify-center{justify-content:center}#atp-app .justify-between{justify-content:space-between}#atp-app .gap-1{gap:.25rem}#atp-app .gap-1\.5{gap:.375rem}#atp-app .gap-2{gap:.5rem}#atp-app .gap-3{gap:.75rem}#atp-app .gap-4{gap:1rem}#atp-app :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}#atp-app :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}#atp-app :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}#atp-app .overflow-hidden{overflow:hidden}#atp-app .overflow-x-auto{overflow-x:auto}#atp-app .overflow-y-auto{overflow-y:auto}#atp-app .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#atp-app .rounded-2xl{border-radius:1rem}#atp-app .rounded-full{border-radius:9999px}#atp-app .rounded-lg{border-radius:.5rem}#atp-app .rounded-xl{border-radius:.75rem}#atp-app .border{border-width:1px}#atp-app .border-2{border-width:2px}#atp-app .border-b{border-bottom-width:1px}#atp-app .border-t{border-top-width:1px}#atp-app .border-dashed{border-style:dashed}#atp-app .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}#atp-app .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}#atp-app .\!bg-blue-500{--tw-bg-opacity:1!important;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))!important}#atp-app .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}#atp-app .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#atp-app .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}#atp-app .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}#atp-app .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}#atp-app .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}#atp-app .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}#atp-app .bg-slate-50\/70{background-color:rgba(248,250,252,.7)}#atp-app .bg-slate-900\/50{background-color:rgba(15,23,42,.5)}#atp-app .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#atp-app .bg-white\/70{background-color:hsla(0,0%,100%,.7)}#atp-app .p-2{padding:.5rem}#atp-app .p-3{padding:.75rem}#atp-app .p-4{padding:1rem}#atp-app .p-5{padding:1.25rem}#atp-app .p-8{padding:2rem}#atp-app .px-3{padding-left:.75rem;padding-right:.75rem}#atp-app .px-4{padding-left:1rem;padding-right:1rem}#atp-app .px-5{padding-left:1.25rem;padding-right:1.25rem}#atp-app .py-10{padding-top:2.5rem;padding-bottom:2.5rem}#atp-app .py-2{padding-top:.5rem;padding-bottom:.5rem}#atp-app .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}#atp-app .py-5{padding-top:1.25rem;padding-bottom:1.25rem}#atp-app .py-6{padding-top:1.5rem;padding-bottom:1.5rem}#atp-app .pl-5{padding-left:1.25rem}#atp-app .pr-1{padding-right:.25rem}#atp-app .text-left{text-align:left}#atp-app .text-center{text-align:center}#atp-app .text-2xl{font-size:1.5rem;line-height:2rem}#atp-app .text-3xl{font-size:1.875rem;line-height:2.25rem}#atp-app .text-lg{font-size:1.125rem;line-height:1.75rem}#atp-app .text-sm{font-size:.875rem;line-height:1.25rem}#atp-app .text-xl{font-size:1.25rem;line-height:1.75rem}#atp-app .text-xs{font-size:.75rem;line-height:1rem}#atp-app .font-bold{font-weight:700}#atp-app .font-normal{font-weight:400}#atp-app .font-semibold{font-weight:600}#atp-app .italic{font-style:italic}#atp-app .\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}#atp-app .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}#atp-app .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}#atp-app .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}#atp-app .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}#atp-app .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}#atp-app .text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}#atp-app .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}#atp-app .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}#atp-app .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}#atp-app .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}#atp-app .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}#atp-app .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}#atp-app .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#atp-app .underline{text-decoration-line:underline}#atp-app .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}#atp-app .shadow,#atp-app .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#atp-app .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}#atp-app .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}#atp-app .shadow-lg,#atp-app .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#atp-app .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#atp-app .outline{outline-style:solid}#atp-app .blur{--tw-blur:blur(8px)}#atp-app .blur,#atp-app .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#atp-app .grayscale{--tw-grayscale:grayscale(100%)}#atp-app .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#atp-app .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#atp-app .hover\:\!bg-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}#atp-app .hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}#atp-app .hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}#atp-app .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}#atp-app .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}#atp-app .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}#atp-app .hover\:\!text-red-600:hover{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity,1))!important}#atp-app .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}#atp-app .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#atp-app .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#atp-app .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}@media (min-width:640px){#atp-app .sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}#atp-app .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#atp-app .sm\:p-12{padding:3rem}#atp-app .sm\:p-5{padding:1.25rem}#atp-app .sm\:p-6{padding:1.5rem}#atp-app .sm\:px-4{padding-left:1rem;padding-right:1rem}#atp-app .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}#atp-app .sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){#atp-app .lg\:flex{display:flex}#atp-app .lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}}