.han-zip-builder,
.han-zip-builder * { box-sizing: border-box; }
.han-zip-builder {
  --hzb-green:#16a34a;
  --hzb-green-dark:#15803d;
  --hzb-border:#dfe7df;
  --hzb-text:#101828;
  --hzb-muted:#667085;
  --hzb-bg:#ffffff;
  --hzb-soft:#f6fbf7;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif !important;
  background: var(--hzb-bg) !important;
  color: var(--hzb-text) !important;
  border: 1px solid var(--hzb-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(16,24,40,.08) !important;
  padding: 20px !important;
  max-width: 100% !important;
}
.han-zip-builder__head {display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;}
.han-zip-builder__title {margin:0 0 6px !important;font-size:24px !important;line-height:1.2 !important;color:var(--hzb-text) !important;}
.han-zip-builder__desc {margin:0 !important;font-size:14px !important;color:var(--hzb-muted) !important;}
.han-zip-builder__badge {background:#ecfdf3 !important;color:var(--hzb-green-dark) !important;border:1px solid #b7e3c4 !important;padding:8px 12px !important;border-radius:999px !important;font-size:12px !important;font-weight:700 !important;white-space:nowrap;}
.han-zip-builder__controls {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px;}
.han-zip-builder__button,
.han-zip-builder__download {
  appearance:none !important;border:none !important;text-decoration:none !important;cursor:pointer !important;
  padding:12px 16px !important;border-radius:12px !important;font-size:14px !important;font-weight:700 !important;
  transition:all .2s ease !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
.han-zip-builder__button--primary,
.han-zip-builder__download {background:var(--hzb-green) !important;color:#fff !important;}
.han-zip-builder__button--primary:hover,
.han-zip-builder__download:hover {background:var(--hzb-green-dark) !important;color:#fff !important;transform:translateY(-1px);}
.han-zip-builder__button--ghost {background:#fff !important;color:var(--hzb-text) !important;border:1px solid var(--hzb-border) !important;}
.han-zip-builder__button--light {background:#f8faf8 !important;color:var(--hzb-text) !important;border:1px solid var(--hzb-border) !important;}
.han-zip-builder__name {min-width:220px !important;flex:1 1 220px !important;padding:12px 14px !important;border-radius:12px !important;border:1px solid var(--hzb-border) !important;background:#fff !important;color:var(--hzb-text) !important;font-size:14px !important;}
.han-zip-builder__status {display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px !important;color:var(--hzb-muted) !important;}
.han-zip-builder__dot {width:10px;height:10px;border-radius:50%;background:var(--hzb-green);box-shadow:0 0 0 4px rgba(22,163,74,.14);display:inline-block;}
.han-zip-builder__progress {height:10px;background:#edf2ed;border-radius:999px;overflow:hidden;margin-bottom:18px;}
.han-zip-builder__progress-bar {height:100%;width:0;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .2s ease;}
.han-zip-builder__grid {display:grid;grid-template-columns:1.6fr .9fr;gap:16px;}
.han-zip-builder__left,.han-zip-builder__right {border:1px solid var(--hzb-border);border-radius:16px;padding:16px;background:var(--hzb-soft) !important;min-height:280px;}
.han-zip-builder__panel-title {font-size:14px !important;font-weight:800 !important;color:var(--hzb-text) !important;margin-bottom:12px !important;}
.han-zip-builder__file-list {background:#fff !important;border:1px solid var(--hzb-border);border-radius:12px;padding:12px;min-height:220px;max-height:420px;overflow:auto;font-size:13px !important;color:var(--hzb-text) !important;}
.han-zip-builder__file-row {display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed #e7ece7;}
.han-zip-builder__file-row:last-child{border-bottom:none;}
.han-zip-builder__file-path {word-break:break-all;padding-right:12px;}
.han-zip-builder__file-size {white-space:nowrap;color:var(--hzb-muted);}
.han-zip-builder__stats {display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px;}
.han-zip-builder__stat {background:#fff !important;border:1px solid var(--hzb-border);border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;}
.han-zip-builder__stat span {font-size:13px !important;color:var(--hzb-muted) !important;}
.han-zip-builder__stat strong {font-size:15px !important;color:var(--hzb-text) !important;}
.han-zip-builder__download[hidden]{display:none !important;}
@media (max-width: 767px){
  .han-zip-builder{padding:16px !important;border-radius:14px !important;}
  .han-zip-builder__head{flex-direction:column;}
  .han-zip-builder__grid{grid-template-columns:1fr;}
  .han-zip-builder__controls{flex-direction:column;align-items:stretch;}
  .han-zip-builder__name{width:100% !important;min-width:0 !important;}
}