/* DeepCut AI Studio — UI Enhancements (additive, no baseline modification) */

/* ===== Toast 通知 ===== */
.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{padding:12px 24px;border-radius:10px;font-size:13px;font-weight:500;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toastIn .3s ease,toastOut .3s ease 2.7s;pointer-events:auto;text-align:center;max-width:90vw;backdrop-filter:blur(8px)}
.toast.success{background:rgba(46,204,113,.92)}
.toast.error{background:rgba(231,76,60,.92)}
.toast.info{background:rgba(108,92,231,.92)}
@keyframes toastIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastOut{from{opacity:1}to{opacity:0;transform:translateY(-8px)}}

/* ===== 图片灯箱 ===== */
.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);z-index:99998;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s ease}
.lightbox-overlay img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.5);animation:lightboxIn .25s ease}
@keyframes lightboxIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}

/* ===== 移动端增强 ===== */
@media(max-width:768px){
  .header{padding:10px 12px;gap:6px;flex-wrap:wrap}
  .logo-text{font-size:15px}
  .btn-group{flex-direction:column;gap:8px}
  .btn-primary,.btn-secondary{width:100%;text-align:center}
  .step-dot .num{width:24px;height:24px;font-size:10px}
  .step-dot.active .num{width:28px;height:28px;font-size:11px}
  #credit-badge,#copywrite-badge{font-size:10px;padding:2px 6px}
  #lang-selector{font-size:10px;padding:2px 6px;margin-left:4px}
  .result-overlay .dl-btn{font-size:11px;padding:4px 10px}
  .summary-row{font-size:12px}
}
@media(max-width:480px){
  .results-grid{grid-template-columns:1fr;gap:8px}
  .cat-card{padding:10px 12px}
  .cat-name{font-size:11px}.cat-desc{font-size:10px}
  .step-title{font-size:18px}.step-subtitle{font-size:13px}
  .header{padding:8px 10px;gap:4px}
  .logo-text{font-size:13px}
  .logo-icon{width:26px;height:26px;font-size:13px}
}