*{box-sizing:border-box}html{font-family:Tahoma,Arial,sans-serif;background:#f8fafc;color:#0f172a}body{margin:0;background:linear-gradient(180deg,#f8fafc,#eef2f7);min-height:100vh}.pit-page{width:min(1120px,calc(100% - 28px));margin:auto;padding:48px 0 70px}.pit-hero{text-align:center;padding:36px 18px}.pit-badge{display:inline-flex;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.pit-hero h1{font-size:clamp(32px,6vw,56px);margin:16px 0 10px}.pit-hero p{color:#64748b;font-weight:700;max-width:700px;margin:auto;line-height:1.8}.pit-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pit-tool-card{appearance:none;border:1px solid #e2e8f0;background:#fff;border-radius:22px;padding:24px;text-align:right;display:flex;gap:18px;align-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:.18s}.pit-tool-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 15px 38px rgba(15,23,42,.1)}.pit-tool-icon{font-size:34px;flex:0 0 auto}.pit-tool-card strong{display:block;font-size:18px;margin-bottom:7px}.pit-tool-card small{color:#64748b;font-size:12px;line-height:1.65;font-weight:700}.pit-how{margin-top:28px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px}.pit-how h2{margin:0 0 18px;font-size:18px}.pit-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pit-how-grid>div{display:flex;align-items:center;gap:10px;padding:14px;background:#f8fafc;border-radius:14px;font-size:13px;font-weight:800}.pit-how-grid b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#2563eb;color:#fff;border-radius:50%}.pit-privacy{font-size:12px;color:#64748b;font-weight:800;margin:16px 0 0;text-align:center}

.pit-modal,.pit-submodal{position:fixed;inset:0;z-index:10000;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:12px}.pit-modal[hidden],.pit-submodal[hidden]{display:none}.pit-modal-card{width:min(1160px,calc(100vw - 24px));max-height:96vh;background:#fff;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 90px rgba(2,6,23,.45)}.pit-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #e2e8f0}.pit-modal-head h2{font-size:16px;margin:0}.pit-modal-head small{display:block;color:#64748b;margin-top:4px;max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pit-modal-body{padding:14px;overflow:auto;min-height:0}.pit-editor-grid,.pit-merge-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;min-height:0}.pit-work-column{min-width:0}.pit-stage{position:relative;border-radius:18px;background:#0f172a;padding:8px;display:flex;align-items:center;justify-content:center;overflow:auto;direction:ltr;scrollbar-width:auto;scrollbar-color:#64748b #1e293b}.pit-editor-stage{min-height:480px}.pit-merge-stage{min-height:540px}.pit-stage canvas{display:block;max-width:100%;max-height:68vh;background:#fff;border-radius:9px;touch-action:none}.pit-empty-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:7px;pointer-events:none;direction:rtl}.pit-empty-stage strong{font-size:15px}.pit-empty-stage span{font-size:11px}.pit-tools-panel{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:12px;max-height:72vh;overflow-y:auto;scrollbar-gutter:stable}.pit-upload{display:flex;align-items:center;justify-content:center;min-height:44px;background:#2563eb;color:#fff;border-radius:12px;font-weight:900;font-size:13px;cursor:pointer}.pit-upload input{display:none}.pit-section{border-top:1px solid #e2e8f0;padding-top:12px;margin-top:12px}.pit-section h3{font-size:12px;margin:0 0 9px}.pit-btn{border:0;border-radius:11px;padding:9px 13px;font-weight:900;font-size:12px;cursor:pointer}.pit-btn:disabled{opacity:.5;cursor:not-allowed}.pit-btn-primary{background:#2563eb;color:#fff}.pit-btn-soft{background:#e2e8f0;color:#0f172a}.pit-btn-danger{background:#fee2e2;color:#b91c1c}.pit-full{width:100%}.pit-row{display:flex;gap:7px;margin-top:7px}.pit-row>*{flex:1}.pit-text-input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:#fff;font:inherit;font-size:12px}.pit-range-label{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;font-size:11px;color:#64748b;font-weight:900;margin-top:9px}.pit-range-label input{grid-column:1/-1;width:100%}.pit-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pit-choice label{cursor:pointer}.pit-choice input{display:none}.pit-choice span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:38px;border:1px solid #cbd5e1;border-radius:10px;font-size:11px;font-weight:900;padding:5px}.pit-choice input:checked+span{background:#2563eb;color:#fff;border-color:#2563eb}.pit-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.pit-size-grid>div{padding:8px;text-align:center;border:1px solid #e2e8f0;background:#fff;border-radius:11px}.pit-size-grid span{display:block;font-size:10px;color:#64748b}.pit-size-grid b{display:block;font-size:13px;margin-top:3px}.pit-saving{font-size:10px;color:#0f766e;text-align:center;font-weight:900;margin-top:7px}.pit-modal-foot{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:11px 14px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.pit-modal-foot>div{display:flex;gap:8px;margin-inline-start:auto}.pit-status{font-size:11px;color:#64748b;font-weight:800}.pit-grid-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pit-check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;margin-top:9px}.pit-merge-bottom{margin-top:9px;border-top:1px solid #e2e8f0;padding-top:8px}.pit-merge-bottom p{margin:0 0 6px;font-size:10px;color:#64748b}.pit-thumbs{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}.pit-thumb{position:relative;flex:0 0 78px;width:78px;height:78px;border-radius:11px;overflow:hidden;border:2px solid transparent;padding:0;background:#fff;cursor:pointer}.pit-thumb img{width:100%;height:100%;object-fit:cover}.pit-thumb.is-active{border-color:#2563eb}.pit-thumb span{position:absolute;top:3px;right:3px;background:rgba(15,23,42,.75);color:#fff;border-radius:999px;font-size:9px;padding:2px 5px}.pit-mobile-modebar{display:none}.pit-submodal{z-index:10020}.pit-submodal-card{width:min(900px,calc(100vw - 18px));max-height:94vh;background:#fff;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.pit-submodal-card>header,.pit-submodal-card>footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e2e8f0}.pit-submodal-card>footer{border-bottom:0;border-top:1px solid #e2e8f0;justify-content:flex-end}.pit-subcrop-stage{margin:10px;min-height:500px}.pit-subcrop-stage canvas{max-height:70vh}

@media(max-width:820px){.pit-page{padding-top:24px}.pit-tools-grid{grid-template-columns:1fr}.pit-how-grid{grid-template-columns:1fr}.pit-modal{padding:6px;align-items:stretch}.pit-modal-card{width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:15px}.pit-modal-body{padding:8px}.pit-editor-grid,.pit-merge-grid{display:flex;flex-direction:column;gap:9px}.pit-tools-panel{max-height:none;overflow:visible}.pit-editor-stage{height:46vh;min-height:350px;max-height:500px;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch}.pit-merge-stage{height:44vh;min-height:340px;max-height:490px;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch}.pit-stage canvas{max-width:none!important;min-width:0!important;width:auto;height:auto;max-height:none!important;flex:0 0 auto;margin:0!important}.pit-mobile-modebar{display:flex;gap:6px;padding:5px;margin-bottom:6px;background:#0f172a;border-radius:11px;align-items:center;flex-wrap:wrap;direction:rtl;position:sticky;top:0;z-index:5}.pit-mode-group,.pit-zoom-group{display:flex;gap:4px;align-items:center}.pit-mode-group{flex:1 1 190px}.pit-mode-group button{flex:1}.pit-mobile-modebar button{border:0;border-radius:8px;padding:7px 8px;background:rgba(255,255,255,.12);color:#e2e8f0;font-size:10px;font-weight:900}.pit-mobile-modebar button.is-active{background:#2563eb;color:#fff}.pit-zoom-group span{min-width:42px;text-align:center;color:#fff;font-size:10px;font-weight:900}.pit-modal-foot{padding:9px}.pit-modal-foot>div{width:100%;margin:0}.pit-modal-foot .pit-btn{flex:1}.pit-submodal{padding:5px}.pit-submodal-card{width:100%;height:calc(100dvh - 10px);max-height:calc(100dvh - 10px)}.pit-subcrop-stage{margin:7px;height:62vh;min-height:350px;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch}.pit-subcrop-stage canvas{max-width:none!important;min-width:0!important;width:auto;height:auto;max-height:none!important}.pit-grid-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.pit-page{width:min(100% - 18px,1120px)}.pit-hero{padding:25px 8px}.pit-tool-card{padding:17px}.pit-editor-stage{height:42vh;min-height:320px}.pit-merge-stage{height:40vh;min-height:310px}.pit-size-grid{grid-template-columns:1fr}.pit-choice{grid-template-columns:1fr 1fr}.pit-grid-buttons{grid-template-columns:1fr 1fr}.pit-mobile-modebar{gap:4px}.pit-zoom-group{width:100%;justify-content:center}}

/* 2026-08 smart tools */
.pit-stage.is-dragover{outline:3px dashed #60a5fa;outline-offset:-8px;background:#172554}.pit-stage.is-dragover .pit-empty-stage{color:#dbeafe}.pit-btn-ai{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.18)}.pit-help{display:block;color:#64748b;font-size:10px;line-height:1.6;margin-top:6px;font-weight:700}.pit-color-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;color:#475569;margin-top:9px}.pit-color-label input[type=color]{width:46px;height:32px;padding:2px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer}

.pit-btn-ai{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.pit-btn-ai.is-processing{position:relative;overflow:hidden}.pit-btn-ai.is-processing:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:rgba(255,255,255,.85);animation:pitAiPulse 1.1s ease-in-out infinite}.pit-help{display:block;color:#64748b;font-size:10px;line-height:1.65;margin-top:7px;font-weight:700}@keyframes pitAiPulse{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

.pit-stage.is-ai-processing{position:relative;overflow:hidden}.pit-stage.is-ai-processing:before{content:'AI';position:absolute;inset:8px;z-index:20;border-radius:10px;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(59,130,246,.08) 32%,rgba(168,85,247,.35) 48%,rgba(255,255,255,.72) 50%,rgba(168,85,247,.35) 52%,rgba(59,130,246,.08) 68%,transparent 100%);background-size:240% 100%;animation:pitAiScanner 1.05s linear infinite;color:rgba(255,255,255,.88);font-size:11px;font-weight:900;letter-spacing:.18em;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px;text-shadow:0 1px 8px rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px rgba(139,92,246,.35),inset 0 0 45px rgba(99,102,241,.18)}.pit-stage.is-ai-processing:after{content:'';position:absolute;z-index:21;top:8px;bottom:8px;width:3px;pointer-events:none;background:linear-gradient(180deg,transparent,#fff 22%,#a78bfa 50%,#38bdf8 78%,transparent);filter:drop-shadow(0 0 8px #a78bfa) drop-shadow(0 0 14px #38bdf8);animation:pitAiScanLine 1.55s ease-in-out infinite alternate}@keyframes pitAiScanner{0%{background-position:120% 0}100%{background-position:-120% 0}}@keyframes pitAiScanLine{0%{left:4%}100%{left:96%}}


/* v4: robust empty state + visible AI processing overlay */
.pit-empty-stage[hidden], .pit-ai-overlay[hidden]{display:none!important}
.pit-ai-overlay{position:absolute;inset:8px;z-index:40;border-radius:10px;overflow:hidden;pointer-events:none;display:block;background:rgba(15,23,42,.16);backdrop-filter:saturate(1.12)}
.pit-ai-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.22),transparent 42%),linear-gradient(110deg,transparent 22%,rgba(56,189,248,.10) 38%,rgba(255,255,255,.35) 49%,rgba(168,85,247,.20) 58%,transparent 76%);background-size:220% 100%;animation:pitAiSweepV4 1.1s linear infinite;box-shadow:inset 0 0 0 1px rgba(196,181,253,.55),inset 0 0 70px rgba(59,130,246,.17)}
.pit-ai-scanline{position:absolute;top:0;bottom:0;width:4px;left:5%;background:linear-gradient(180deg,transparent 0%,#fff 18%,#c4b5fd 48%,#38bdf8 82%,transparent 100%);box-shadow:0 0 10px #fff,0 0 24px #8b5cf6,0 0 40px #38bdf8;animation:pitAiLineV4 1.4s ease-in-out infinite alternate}
.pit-ai-badge-live{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;border:1px solid rgba(196,181,253,.55);box-shadow:0 8px 28px rgba(2,6,23,.35);font-size:11px;direction:rtl}
.pit-ai-badge-live b{font-size:11px;white-space:nowrap}.pit-ai-badge-live span:last-child{color:#c4b5fd;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pit-ai-spark{font-size:16px;color:#fff;filter:drop-shadow(0 0 8px #a78bfa);animation:pitAiSparkV4 .65s ease-in-out infinite alternate}
@keyframes pitAiSweepV4{0%{background-position:130% 0}100%{background-position:-130% 0}}
@keyframes pitAiLineV4{0%{left:4%}100%{left:96%}}
@keyframes pitAiSparkV4{from{transform:scale(.8) rotate(0deg);opacity:.55}to{transform:scale(1.25) rotate(25deg);opacity:1}}


/* 2026-08 AI shimmer v5 — light, image-bounds only */
.pit-stage.is-ai-processing:before,.pit-stage.is-ai-processing:after{content:none!important;display:none!important}
.pit-ai-overlay{position:absolute;z-index:40;overflow:hidden;pointer-events:none;display:block;background:transparent!important;backdrop-filter:none!important;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(167,139,250,.14)}
.pit-ai-overlay .pit-ai-badge-live,.pit-ai-overlay .pit-ai-scanline{display:none!important}
.pit-ai-glow{position:absolute;inset:-2px;background:linear-gradient(108deg,transparent 26%,rgba(96,165,250,.035) 38%,rgba(196,181,253,.12) 47%,rgba(255,255,255,.24) 50%,rgba(167,139,250,.11) 54%,rgba(56,189,248,.035) 64%,transparent 76%)!important;background-size:230% 100%!important;animation:pitAiSoftShimmer 1.85s cubic-bezier(.4,0,.2,1) infinite!important;box-shadow:none!important;will-change:background-position}
@keyframes pitAiSoftShimmer{0%{background-position:135% 0;opacity:.5}48%{opacity:.82}100%{background-position:-135% 0;opacity:.5}}
@media (prefers-reduced-motion:reduce){.pit-ai-glow{animation:pitAiSoftFade 1.4s ease-in-out infinite!important;background-position:50% 0!important}@keyframes pitAiSoftFade{0%,100%{opacity:.32}50%{opacity:.68}}}

/* AI shimmer v5: lightweight, image-bounds only */
.pit-ai-overlay{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border-radius:8px!important;opacity:0;transition:opacity .16s ease;contain:paint;}
.pit-ai-overlay.is-active{opacity:1;}
.pit-ai-overlay .pit-ai-badge-live,.pit-ai-overlay .pit-ai-scanline{display:none!important;}
.pit-ai-overlay .pit-ai-glow{position:absolute!important;inset:0!important;background:linear-gradient(112deg,transparent 0%,transparent 33%,rgba(96,165,250,.05) 41%,rgba(196,181,253,.18) 48%,rgba(255,255,255,.34) 50%,rgba(167,139,250,.16) 53%,rgba(56,189,248,.05) 60%,transparent 68%,transparent 100%)!important;background-size:260% 100%!important;background-position:120% 0!important;animation:pitAiElegantSweepV5 1.35s ease-in-out infinite!important;filter:none!important;box-shadow:inset 0 0 22px rgba(139,92,246,.035)!important;will-change:background-position,opacity;}
@keyframes pitAiElegantSweepV5{0%{background-position:125% 0;opacity:.38}45%{opacity:.78}100%{background-position:-125% 0;opacity:.38}}


/* AI shimmer v6: visible, elegant, strictly inside loaded image */
.pit-ai-overlay{
  z-index:999!important;
  opacity:0!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(167,139,250,.22), inset 0 0 28px rgba(59,130,246,.08)!important;
  transition:opacity .12s ease!important;
  isolation:isolate!important;
}
.pit-ai-overlay.is-active{opacity:1!important;}
.pit-ai-overlay .pit-ai-glow{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  opacity:1!important;
  background:
    linear-gradient(110deg,
      transparent 0%,
      transparent 30%,
      rgba(59,130,246,.10) 38%,
      rgba(139,92,246,.26) 45%,
      rgba(255,255,255,.56) 50%,
      rgba(192,132,252,.28) 55%,
      rgba(56,189,248,.11) 62%,
      transparent 70%,
      transparent 100%)!important;
  background-size:280% 100%!important;
  animation:pitAiElegantSweepV6 1.15s cubic-bezier(.45,0,.25,1) infinite!important;
  filter:drop-shadow(0 0 7px rgba(139,92,246,.16))!important;
  will-change:background-position,opacity!important;
}
.pit-ai-overlay::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.045),transparent 68%);
  animation:pitAiSoftPulseV6 1.5s ease-in-out infinite;
}
@keyframes pitAiElegantSweepV6{
  0%{background-position:135% 0;opacity:.55}
  48%{opacity:1}
  100%{background-position:-135% 0;opacity:.55}
}
@keyframes pitAiSoftPulseV6{0%,100%{opacity:.35}50%{opacity:.8}}

/* V9 editor power tools */
.pit-history-row{margin-top:10px}.pit-history-row .pit-btn{flex:1}
.pit-ai-posttools{margin-top:12px;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(15,23,42,.035)}
.pit-ai-posttools h4{margin:8px 0;font-size:13px}.pit-ai-posttools .pit-row{flex-wrap:wrap}.pit-ai-posttools .pit-btn.is-active{outline:2px solid rgba(99,102,241,.38)}
.pit-upload-small{margin-top:8px}.pit-compare-overlay{position:absolute;z-index:30;pointer-events:none;border-radius:8px;overflow:hidden}
.pit-compare-overlay input{pointer-events:auto;position:absolute;left:8%;right:8%;bottom:12px;width:84%;accent-color:#8b5cf6}
.pit-compare-label{position:absolute;top:10px;left:10px;background:rgba(15,23,42,.75);color:#fff;padding:4px 8px;border-radius:999px;font-size:11px}
.pit-stage.is-mask-editing canvas{cursor:crosshair}