/* GRIMLIFE Export Studio --------------------------------------------------- */
#socialExportButton{
  min-height:40px;
  flex-shrink:0;
  padding:0 16px;
  border:1px solid var(--setup-edge);
  border-radius:999px;
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font:700 9px Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  cursor:pointer;
}
#socialExportButton:disabled{opacity:.36;cursor:default}
.rs-action-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}

.gl-export-studio{
  position:fixed;
  z-index:9999;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.90);
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
}
.gl-export-studio.is-open{display:flex}
.gl-export-card{
  width:min(960px,100%);
  display:grid;
  grid-template-columns:minmax(220px,330px) minmax(0,1fr);
  gap:22px;
  align-items:center;
}
.gl-export-preview-shell{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:24px;
  background:#000;
  box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08);
}
.gl-export-preview{width:100%;height:100%;display:block;background:#000}
.gl-export-panel{min-width:0}
.gl-export-kicker{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:9px}
.gl-export-title{font-size:clamp(28px,4vw,46px);line-height:.95;font-weight:650;letter-spacing:-.045em;margin:0 0 12px}
.gl-export-copy{max-width:520px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.55)}
.gl-export-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:18px 0}
.gl-export-spec{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.gl-export-spec span{display:block;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.34);margin-bottom:4px}
.gl-export-spec b{font-size:11px;font-weight:760}
.gl-export-progress{height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);margin:13px 0 7px}
.gl-export-progress>i{display:block;width:0;height:100%;background:#fff;transform-origin:left center}
.gl-export-status{min-height:18px;font-size:10px;color:rgba(255,255,255,.48)}
.gl-export-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gl-export-actions button{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;font:700 9px Arial;text-transform:uppercase}
.gl-export-actions button.primary{background:#fff;color:#0a0a0a}
.gl-export-actions button:disabled{opacity:.32}
.gl-export-note{margin-top:12px;font-size:9px;line-height:1.45;color:rgba(255,255,255,.30)}
@media(max-width:720px){
  .gl-export-studio{padding:10px;align-items:flex-start;overflow:auto}
  .gl-export-card{grid-template-columns:1fr;gap:15px;width:min(430px,100%)}
  .gl-export-preview-shell{width:min(250px,64vw);margin:0 auto;border-radius:20px}
  .gl-export-panel{text-align:left;padding-bottom:22px}
  .gl-export-title{font-size:28px}
  .gl-export-copy{font-size:11px}
  .gl-export-specs{margin:12px 0}
  .rs-action-buttons{gap:6px}
  #socialExportButton,#recordingStartButton{padding-left:12px;padding-right:12px}
}

.gl-export-controls{display:grid;grid-template-columns:minmax(0,220px);gap:8px;margin:-2px 0 16px}
.gl-export-field{display:grid;gap:6px}
.gl-export-field span{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.gl-export-field input{height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;font:700 12px Arial,Helvetica,sans-serif;outline:none}
.gl-export-field input:focus{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
@media(max-width:720px){.gl-export-controls{grid-template-columns:1fr;margin:0 0 14px}}

@media(max-width:720px){.gl-export-field input{font-size:16px}}