/* Battlefield Pics Thumbnail Studio 1.2 – Full Workspace.
   All overrides are limited to the page containing the studio. */
@media (min-width: 901px) {
  .bp-content:has(.bfp-ts) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px clamp(16px, 1.7vw, 34px) 38px !important;
  }
}
.bp-prose:has(.bfp-ts) {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.bp-prose:has(.bfp-ts) > h1 { display: none !important; }
.bp-page-de:has(.bfp-ts) { width: 100%; max-width: none; }
.bfp-ts {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
}
.bfp-ts-head { margin: 0 0 14px !important; gap: 12px !important; }
.bfp-ts-head h1 { font-size: clamp(26px, 2.1vw, 36px) !important; margin: 0 !important; line-height: 1.12 !important; }
.bfp-ts-eyebrow, .bfp-ts-head p { display: none !important; }
.bfp-ts-tag { font-size: 9px !important; padding: 6px 10px !important; }
.bfp-ts-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(420px, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}
.bfp-ts-preview { padding: 14px !important; border-radius: 13px !important; top: 76px !important; min-width: 0; }
.bfp-ts-preview-head { margin-bottom: 10px !important; font-size: 10px !important; }
.bfp-ts-preview-foot { margin-top: 9px !important; font-size: 11px !important; gap: 8px !important; }
.bfp-ts-controls { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px !important; align-items: start; }
.bfp-ts-controls > .bfp-ts-panel:nth-child(2) { grid-row: span 2; }
.bfp-ts-panel { min-width: 0; padding: 13px !important; border-radius: 12px !important; }
.bfp-ts-panel h2 { font-size: 10px !important; margin-bottom: 10px !important; }
.bfp-ts-panel label { font-size: 11px !important; margin-bottom: 9px !important; gap: 5px !important; }
.bfp-ts-panel input:not([type=file]):not([type=checkbox]), .bfp-ts-panel select { padding: 8px !important; font-size: 12px !important; }
.bfp-ts-fields { gap: 8px !important; }
.bfp-ts-upload { padding: 11px !important; margin-bottom: 10px !important; }
.bfp-ts-download { padding: 12px !important; font-size: 12px !important; }
.bfp-ts-export p { margin: 7px 0 0 !important; }
@media (max-width: 1500px) {
  .bfp-ts-grid { grid-template-columns: minmax(0, 1.25fr) minmax(350px, 1fr) !important; }
  .bfp-ts-controls { grid-template-columns: 1fr !important; }
  .bfp-ts-controls > .bfp-ts-panel:nth-child(2) { grid-row: auto; }
}
@media (max-width: 1000px) {
  .bfp-ts-grid { grid-template-columns: 1fr !important; }
  .bfp-ts-preview { position: static !important; }
  .bfp-ts-controls { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .bfp-ts-controls > .bfp-ts-panel:nth-child(2) { grid-row: span 2; }
}
@media (max-width: 640px) {
  .bp-content:has(.bfp-ts) { padding: 14px 12px 30px !important; }
  .bfp-ts-controls { grid-template-columns: 1fr !important; }
  .bfp-ts-controls > .bfp-ts-panel:nth-child(2) { grid-row: auto; }
  .bfp-ts-head h1 { font-size: 25px !important; }
  .bfp-ts-tag { display: none !important; }
  .bfp-ts-preview { padding: 9px !important; }
}

/* v1.3: use full available content area and balance the controls vertically */
@media(min-width:1001px){
 .bfp-ts-grid{grid-template-columns:minmax(0,1.15fr) minmax(520px,1fr)!important;align-items:stretch!important;}
 .bfp-ts-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto 1fr!important;align-items:stretch!important;}
 .bfp-ts-controls>.bfp-ts-panel:nth-child(2){grid-column:2;grid-row:1 / span 2!important;}
 .bfp-ts-controls>.bfp-ts-panel:nth-child(3){grid-column:1;grid-row:2;}
 .bfp-ts-preview{position:relative!important;top:auto!important;}
 .bfp-ts-preview,.bfp-ts-panel{height:100%;}
}
@media(min-width:1501px){.bfp-ts-grid{grid-template-columns:minmax(0,1.25fr) minmax(620px,1fr)!important;}}
@media(min-width:1001px) and (max-width:1250px){.bfp-ts-grid{grid-template-columns:1fr!important}.bfp-ts-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v1.4: media library under the editor; no external assets or dependencies */
.bfp-ts-library{margin-top:22px;padding:22px;border:1px solid #2b4043;border-radius:16px;background:linear-gradient(135deg,#162125,#10171a);color:#eaf0f1}
.bfp-ts-library-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.bfp-ts-library-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#a7ff00}
.bfp-ts-library-head h2{margin:6px 0;font-size:clamp(21px,2vw,30px);font-weight:900;color:#fff}
.bfp-ts-library-head h2 em{font-style:normal;color:#a7ff00}
.bfp-ts-library-head p{margin:0;color:#aab8bc;font-size:13px}
.bfp-ts-library-count{white-space:nowrap;border:1px solid #3d5c27;border-radius:20px;color:#a7ff00;padding:7px 12px;font-size:10px;font-weight:900}
.bfp-ts-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.bfp-ts-library-item{display:block;position:relative;aspect-ratio:16/10;padding:0;border:1px solid #35494e;border-radius:12px;overflow:hidden;background:#0c1315;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.bfp-ts-library-item img{display:block;width:100%;height:100%;object-fit:cover}
.bfp-ts-library-item span{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:11px;font-weight:800;text-align:left}
.bfp-ts-library-item:hover,.bfp-ts-library-item:focus-visible,.bfp-ts-library-item.is-selected{border-color:#a7ff00;box-shadow:0 0 0 1px #a7ff00;transform:translateY(-2px)}
.bfp-ts-library-empty{border:1px dashed #425558;border-radius:12px;padding:24px;color:#b7c6c9;font-size:13px}
@media(max-width:640px){.bfp-ts-library{padding:14px}.bfp-ts-library-head{align-items:flex-start}.bfp-ts-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bfp-ts-library-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bfp-ts-library-item{transition:none}.bfp-ts-library-item:hover{transform:none}}

.bfp-ts-drag-hint{font-size:11px;color:#9bb0b2;margin:8px 2px 4px;line-height:1.4}
.bfp-ts-canvas-wrap canvas{touch-action:none;user-select:none;-webkit-user-select:none}