.anhpng-tool-shell,
  .anhpng-tool-shell *{box-sizing:border-box !important;}

  .anhpng-tool-shell{
    --anhpng-accent:#2563eb;
    --anhpng-accent-2:#06b6d4;
    --anhpng-accent-3:#4f46e5;
    --anhpng-text:#0f172a;
    --anhpng-muted:#64748b;
    --anhpng-border:rgba(6,182,212,.72);
    --anhpng-ad-border:rgba(103,232,249,.66);
    --anhpng-soft:#eff6ff;
    --anhpng-purple:#4f46e5;
    font-family:Arial,Helvetica,sans-serif !important;
    max-width:980px;
    margin:18px auto 0;
    padding:0 14px 18px;
    color:var(--anhpng-text);
    -webkit-font-smoothing:antialiased;
    text-rendering:auto;
  }

  .anhpng-tool-shell .anhpng-tool-board{
    width:100%;
    margin:0 auto;
    padding:14px;
    background:
      radial-gradient(circle at 12% 14%,rgba(6,182,212,.12),transparent 30%),
      radial-gradient(circle at 92% 12%,rgba(124,58,237,.11),transparent 32%),
      linear-gradient(180deg,rgba(255,255,255,.88),rgba(241,245,249,.93));
    border:1px solid rgba(255,255,255,.96);
    border-radius:26px;
    box-shadow:0 24px 60px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.96);
  }

  .anhpng-tool-shell .anhpng-tool-grid{
    display:grid;
    grid-template-columns:300px minmax(320px,560px);
    justify-content:center;
    align-items:start;
    gap:34px;
  }

  .anhpng-tool-shell .anhpng-ad-box{
    width:300px;
    height:250px;
    background:rgba(255,255,255,.88);
    border:1.5px solid var(--anhpng-ad-border);
    border-radius:16px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-shadow:0 14px 32px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .anhpng-tool-shell .anhpng-ad-box .adsbygoogle{display:inline-block;width:300px;height:250px;}

  .anhpng-tool-shell .anhpng-ad-note{
    position:absolute;
    left:0;
    right:0;
    bottom:8px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px;
    line-height:1.25;
    color:#94a3b8;
    pointer-events:none;
    z-index:0;
  }

  .anhpng-tool-shell .anhpng-work-col{width:560px;max-width:100%;min-width:0;}

  .anhpng-tool-shell .work-stage{
    width:100%;
    height:250px;
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.88);
    border:1.6px solid var(--anhpng-border);
    border-radius:16px;
    box-shadow:0 14px 34px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .anhpng-tool-shell .stage-panel{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 36%,rgba(37,99,235,.05),transparent 38%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.97));
  }

  .anhpng-tool-shell .initial-panel{
    padding:17px 22px 13px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .anhpng-tool-shell .initial-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:20px;
    line-height:1.12;
    font-weight:700;
    color:#0f172a;
    letter-spacing:0;
    margin:0 0 6px;
    text-align:center;
  }

  .anhpng-tool-shell .initial-title svg{width:22px;height:22px;flex:0 0 auto;}

  .anhpng-tool-shell .initial-sub{
    font-size:12px;
    line-height:1.3;
    color:#64748b;
    text-align:center;
    font-weight:700;
    margin:0 0 12px;
  }

  .anhpng-tool-shell .type-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .anhpng-tool-shell .type-card{
    min-width:0;
    height:70px;
    border:none !important;
    border-radius:14px;
    cursor:pointer;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 18px;
    align-items:center;
    gap:9px;
    padding:10px 11px;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    text-align:left;
    overflow:hidden;
    box-shadow:0 13px 24px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.26);
    transition:filter .16s ease, transform .16s ease;
  }

  .anhpng-tool-shell .type-card:hover{filter:brightness(1.02);transform:translateY(-1px);}
  .anhpng-tool-shell .type-card:active{transform:translateY(0);filter:brightness(.96);}
  .anhpng-tool-shell .type-design{background:linear-gradient(135deg,#1857ff,#22a7ff) !important;}
  .anhpng-tool-shell .type-photo{background:linear-gradient(135deg,#1286ff,#22c8d9) !important;}

  .anhpng-tool-shell .type-icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:rgba(255,255,255,.96);
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
  }

  .anhpng-tool-shell .type-icon svg{width:31px;height:31px;display:block;}

  .anhpng-tool-shell .type-label{
    display:block;
    font-size:18px;
    line-height:1.05;
    font-weight:700;
    color:#fff !important;
    margin:0 0 3px;
    white-space:nowrap;
    letter-spacing:0;
  }

  .anhpng-tool-shell .type-desc{
    display:block;
    font-size:9.5px;
    line-height:1.25;
    font-weight:600;
    color:rgba(255,255,255,.92) !important;
  }

  .anhpng-tool-shell .type-arrow{display:block;font-size:30px;line-height:1;font-weight:300;color:rgba(255,255,255,.9);text-align:right;}

  .anhpng-tool-shell .notice-box{
    margin-top:11px;
    border:1px solid rgba(96,165,250,.34);
    background:linear-gradient(180deg,rgba(239,246,255,.86),rgba(248,250,252,.94));
    border-radius:12px;
    padding:8px 12px;
    color:#334155;
    font-size:10.8px;
    line-height:1.38;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  }

  .anhpng-tool-shell .notice-title{
    display:flex;
    align-items:center;
    gap:7px;
    color:#2563eb;
    font-size:12px;
    font-weight:700;
    margin-bottom:3px;
  }

  .anhpng-tool-shell .notice-box b{color:#0f172a;}
  .anhpng-tool-shell .notice-box ul{margin:3px 0 0 15px;padding:0;}
  .anhpng-tool-shell .notice-box li{margin:1px 0;font-weight:400;}

  .anhpng-tool-shell .preview-img{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:scale-down !important;
    object-position:center center !important;
    display:block;
    z-index:2;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:46px 18px 54px;
    transform:translate(-50%,-50%) !important;
    -webkit-transform:translate(-50%,-50%) !important;
  }

  .anhpng-tool-shell .selected-preview{
    position:absolute;
    right:16px;
    top:18px;
    width:268px;
    height:150px;
    border:1.4px solid rgba(6,182,212,.55);
    border-radius:14px;
    background:rgba(255,255,255,.66);
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  }

  .anhpng-tool-shell .selected-preview img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:0 !important;
    transform:none !important;
    left:auto !important;
    top:auto !important;
    background:transparent !important;
  }

  .anhpng-tool-shell .btn-main{
    width:auto;
    border:none !important;
    border-radius:12px;
    padding:10px 20px;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:700 !important;
    font-size:15px;
    line-height:1;
    letter-spacing:.1px;
    cursor:pointer;
    transition:filter .15s ease, box-shadow .15s ease;
    background:linear-gradient(135deg,var(--anhpng-accent),var(--anhpng-accent-2)) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:0 10px 20px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.24) !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    transform:none !important;
    -webkit-transform:none !important;
  }

  .anhpng-tool-shell .btn-main:hover{filter:brightness(.98);}
  .anhpng-tool-shell .btn-main:active{filter:brightness(.94);}
  .anhpng-tool-shell .btn-main svg{width:19px;height:19px;margin-right:8px;flex:0 0 auto;}

  .anhpng-tool-shell .btn-purple{
    background:linear-gradient(135deg,#4f46e5,#6366f1) !important;
    box-shadow:0 10px 20px rgba(79,70,229,.20), inset 0 1px 0 rgba(255,255,255,.24) !important;
  }

  .anhpng-tool-shell .top-action{
    position:absolute;
    left:14px;
    top:14px;
    z-index:10;
    min-width:128px;
    padding:9px 14px;
    border-radius:999px;
    font-size:15px;
  }

  .anhpng-tool-shell .selected-info{
    position:absolute;
    left:14px;
    top:62px;
    width:224px;
    height:118px;
    border:1px solid rgba(147,197,253,.42);
    border-radius:14px;
    background:rgba(255,255,255,.82);
    box-shadow:0 9px 18px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.92);
    padding:13px 12px 9px 74px;
    color:#0f172a;
    overflow:hidden;
  }

  .anhpng-tool-shell .selected-round-icon{
    position:absolute;
    left:14px;
    top:22px;
    width:48px;
    height:48px;
    border-radius:999px;
    border:1.5px solid #2563eb;
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#06b6d4);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 17px rgba(37,99,235,.17);
  }

  .anhpng-tool-shell .selected-round-icon svg{width:29px;height:29px;}
  .anhpng-tool-shell .selected-small{font-size:13.2px;line-height:1.2;font-weight:700;color:#0f172a;margin:0 0 3px;}
  .anhpng-tool-shell .selected-title{font-size:22px;line-height:1.06;font-weight:700;color:#2563eb;letter-spacing:0;margin:0 0 5px;white-space:nowrap;}
  .anhpng-tool-shell .selected-line{height:1px;background:linear-gradient(90deg,transparent,#bfdbfe,transparent);margin:4px 0 6px;}
  .anhpng-tool-shell .selected-note{font-size:9.7px;line-height:1.26;color:#475569;font-weight:400;margin:0;}

  .anhpng-tool-shell .bottom-wide{
    position:absolute;
    left:14px;
    right:14px;
    bottom:12px;
    z-index:10;
    min-width:0;
    border-radius:16px;
    padding:10px 18px;
    font-size:22px;
    letter-spacing:.15px;
    min-height:44px;
  }

  .anhpng-tool-shell .bottom-action{
    position:absolute;
    left:50%;
    bottom:14px;
    z-index:10;
    min-width:154px;
    border-radius:14px;
    padding:10px 18px;
    font-size:14px;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
  }

  .anhpng-tool-shell .bottom-action:active{transform:translateX(-50%) !important;-webkit-transform:translateX(-50%) !important;}

  .anhpng-tool-shell .result-done{
    position:absolute;
    left:16px;
    top:20px;
    z-index:10;
    min-width:158px;
    font-size:12.5px;
    padding:9px 14px;
    border-radius:999px;
  }

  .anhpng-tool-shell .result-reset{
    position:absolute;
    left:16px;
    top:62px;
    z-index:10;
    min-width:150px;
    font-size:16px;
    padding:11px 18px;
    border-radius:14px;
  }

  .anhpng-tool-shell .state-result .selected-preview{
    right:16px;
    top:14px;
    width:292px;
    height:166px;
  }

  .anhpng-tool-shell .download-btn{
    min-width:170px;
    padding:10px 28px;
    font-size:25px;
    line-height:1;
    bottom:12px;
    border-radius:18px;
  }

  .anhpng-tool-shell .ghost-preview{opacity:.32;filter:saturate(.72) contrast(.96);}

  .anhpng-tool-shell .process-pill{
    position:absolute;
    left:50%;
    bottom:18px;
    z-index:12;
    min-width:260px;
    border-radius:14px;
    padding:10px 18px;
    background:linear-gradient(135deg,var(--anhpng-accent),var(--anhpng-accent-2));
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px;
    line-height:1;
    font-weight:700;
    text-align:center;
    box-shadow:0 10px 20px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.24);
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
    white-space:nowrap;
  }

  .anhpng-tool-shell .progress-circle-wrap{
    position:absolute;
    left:50%;
    top:50%;
    z-index:14;
    width:86px;
    height:86px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    box-shadow:0 14px 28px rgba(15,23,42,.12);
    transform:translate(-50%,-50%) !important;
    -webkit-transform:translate(-50%,-50%) !important;
  }

  .anhpng-tool-shell .progress-svg{width:86px;height:86px;display:block;transform:rotate(-90deg);}
  .anhpng-tool-shell .progress-bg{fill:none;stroke:#dbeafe;stroke-width:9;}
  .anhpng-tool-shell .progress-ring{fill:none;stroke:url(#anhpngProgressGradient);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .35s ease;}
  .anhpng-tool-shell .progress-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif !important;font-size:24px;line-height:1;font-weight:700;color:#2563eb;letter-spacing:0;}
  .anhpng-tool-shell .status-text{font-family:Arial,Helvetica,sans-serif !important;font-size:10.5px;font-weight:400;color:#64748b;line-height:1.35;margin-top:-3px;letter-spacing:.05px;}

  @media (max-width:860px){
    .anhpng-tool-shell .anhpng-tool-grid{grid-template-columns:1fr;justify-items:center;gap:14px;}
    .anhpng-tool-shell .anhpng-work-col{width:min(560px,100%);}
  }

  @media (max-width:560px){
    .anhpng-tool-shell{padding-left:8px;padding-right:8px;}
    .anhpng-tool-shell .anhpng-tool-board{padding:8px;border-radius:20px;}
    .anhpng-tool-shell .work-stage{height:250px;}
    .anhpng-tool-shell .initial-panel{padding:13px 12px;}
    .anhpng-tool-shell .initial-title{font-size:18px;}
    .anhpng-tool-shell .initial-sub{font-size:11px;margin-bottom:10px;}
    .anhpng-tool-shell .type-cards{gap:8px;}
    .anhpng-tool-shell .type-card{height:70px;grid-template-columns:40px minmax(0,1fr) 12px;gap:6px;padding:8px 7px;border-radius:12px;}
    .anhpng-tool-shell .type-icon{width:38px;height:38px;border-radius:10px;}
    .anhpng-tool-shell .type-icon svg{width:23px;height:23px;}
    .anhpng-tool-shell .type-label{font-size:14px;}
    .anhpng-tool-shell .type-desc{font-size:8px;line-height:1.15;}
    .anhpng-tool-shell .type-arrow{font-size:23px;}
    .anhpng-tool-shell .notice-box{padding:7px 10px;font-size:10px;margin-top:9px;}
    .anhpng-tool-shell .selected-preview{right:10px;top:49px;width:43%;height:120px;}
    .anhpng-tool-shell .top-action{left:10px;top:10px;min-width:118px;font-size:13px;padding:8px 12px;}
    .anhpng-tool-shell .selected-info{left:10px;top:52px;width:51%;height:118px;padding:12px 8px 8px 56px;}
    .anhpng-tool-shell .selected-round-icon{left:10px;top:18px;width:38px;height:38px;}
    .anhpng-tool-shell .selected-round-icon svg{width:22px;height:22px;}
    .anhpng-tool-shell .selected-small{font-size:11.2px;}
    .anhpng-tool-shell .selected-title{font-size:18px;}
    .anhpng-tool-shell .selected-note{font-size:8.4px;}
    .anhpng-tool-shell .bottom-wide{left:10px;right:10px;bottom:10px;font-size:18px;min-height:41px;border-radius:14px;}
    .anhpng-tool-shell .state-result .selected-preview{right:10px;top:47px;width:45%;height:126px;}
    .anhpng-tool-shell .result-done{left:10px;top:12px;min-width:132px;font-size:11px;}
    .anhpng-tool-shell .result-reset{left:10px;top:50px;min-width:132px;font-size:15px;padding:10px 14px;}
    .anhpng-tool-shell .download-btn{font-size:23px;min-width:144px;}
    .anhpng-tool-shell .process-pill{min-width:220px;font-size:13px;}
  }