.tt-app{max-width:950px;margin:40px auto;padding:20px;font-family:Arial,sans-serif}
.tt-panel{background:#fff;padding:40px;border-radius:22px;box-shadow:0 10px 35px rgba(0,0,0,.08);text-align:center}
.tt-badge{display:inline-block;background:#eef4ff;color:#2563eb;padding:8px 16px;border-radius:30px;font-weight:700;margin-bottom:18px}
.tt-upload{display:block;border:2px dashed #2563eb;padding:40px 20px;border-radius:18px;cursor:pointer;margin:28px 0;transition:.2s}
.tt-upload:hover{background:#f8fbff}
.tt-upload-icon{display:block;font-size:48px;margin-bottom:12px}
.tt-upload strong,.tt-upload small{display:block}
.tt-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:24px 0}
.tt-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:8px;text-align:center}
.tt-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block}
.tt-item-actions{display:flex;gap:7px;margin-top:8px}
.tt-item-actions button{flex:1;border:0;border-radius:8px;padding:9px;font-weight:700;cursor:pointer}
.tt-edit{background:#2563eb;color:#fff}.tt-remove{background:#fee2e2;color:#991b1b}
.tt-primary{background:#2563eb;color:#fff;border:0;border-radius:12px;padding:14px 26px;font-size:17px;font-weight:700;cursor:pointer}
.tt-primary:disabled{opacity:.5;cursor:not-allowed}
.tt-status{margin-top:16px;font-weight:700}
.tt-modal{display:none;position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.78);padding:20px;overflow:auto}
.tt-modal.is-open{display:flex;align-items:center;justify-content:center}
.tt-editor{position:relative;width:min(760px,100%);background:#fff;border-radius:18px;padding:24px}
.tt-close{position:absolute;right:14px;top:8px;border:0;background:transparent;font-size:34px;cursor:pointer}
.tt-editor-stage{height:430px;background:#111827;margin:20px 0;overflow:hidden}
.tt-editor-stage img{display:block;max-width:100%}
.tt-row{display:flex;gap:10px;margin-top:14px}
.tt-row button{flex:1;border:0;border-radius:10px;padding:12px;font-weight:700;cursor:pointer;background:#e5e7eb}
.tt-row .tt-primary{background:#2563eb;color:#fff}
.tt-control{display:block;text-align:left;font-weight:700;margin-top:16px}
.tt-control input,.tt-control select{width:100%;margin-top:8px}
@media(max-width:600px){
  .tt-panel{padding:24px 16px}
  .tt-editor{padding:18px}
  .tt-editor-stage{height:330px}
  .tt-row{flex-direction:column}
}

.tt-upload-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:28px 0;
}
.tt-upload-options .tt-upload{margin:0}
@media(max-width:600px){
  .tt-upload-options{grid-template-columns:1fr}
}

.tt-control-value{
  float:right;
  color:#2563eb;
  font-weight:800;
}