.admin .terminal__screen{min-height:auto;max-height:none}
.admin__top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.admin__title{font-weight:800}
.admin__nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin__nav form{display:inline;margin:0}
.admin__nav a,.admin__link{color:var(--fg2);text-decoration:none;background:transparent;border:0;padding:0;font:inherit;cursor:pointer}
.admin__nav a:hover,.admin__link:hover{text-decoration:underline}
.admin__msg{margin:10px 0;padding:10px 12px;border:1px dashed rgba(107,255,107,.22);border-radius:12px;background:rgba(0,0,0,.22);color:var(--fg2)}

.admin__toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.admin__btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 10px;border-radius:10px;
  border:1px solid rgba(107,255,107,.22);
  background:rgba(0,0,0,.20);
  color:var(--fg2);
  text-decoration:none;
  cursor:pointer;
}
.admin__btn:hover{background:rgba(0,0,0,.32)}
.admin__btn--ghost{color:var(--fg);border-color:rgba(107,255,107,.16)}

.admin__form{display:flex;flex-direction:column;gap:10px;max-width:760px}
.admin__label{color:var(--muted);font-size:12px}
.admin__input,.admin__textarea{
  width:100%;
  border:1px solid rgba(107,255,107,.16);
  border-radius:10px;
  padding:10px 10px;
  background:rgba(0,0,0,.25);
  color:var(--fg);
  font:inherit;
  outline:none;
}
.admin__input:focus,.admin__textarea:focus{border-color:rgba(107,255,107,.34)}
.admin__textarea{resize:vertical}
.admin__hint{font-size:12px}

.admin__preview{
  border:1px solid rgba(107,255,107,.14);
  border-radius:12px;
  padding:12px;
  background:rgba(0,0,0,.22);
  max-width: 760px;
}
.preview__spacer{height:12px}

.img__resize{
  position:relative;
  max-width:100%;
  display:inline-block;
}
.img__resize img{display:block;max-width:100%;height:auto}
.img__handle{
  position:absolute;
  right:-8px;
  top:0;
  width:16px;
  height:100%;
  cursor: ew-resize;
}
.img__handle::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:6px;
  height:36px;
  transform: translate(-50%,-50%);
  border-radius:6px;
  background: rgba(107,255,107,.22);
  border:1px solid rgba(107,255,107,.22);
}

.admin__table{width:100%;border-collapse:collapse}
.admin__table th,.admin__table td{border-bottom:1px solid rgba(107,255,107,.12);padding:10px 8px;text-align:left;vertical-align:top}
.admin__table th{color:var(--muted);font-size:12px;font-weight:700}
.admin__actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;white-space:nowrap}
.admin__actions form{margin:0}
.admin__actions a{color:var(--fg2);text-decoration:none}
.admin__actions a:hover{text-decoration:underline}
.admin__danger{
  background:transparent;
  border:1px solid rgba(255,95,86,.35);
  color:rgba(255,95,86,.95);
  border-radius:10px;
  padding:6px 8px;
  font:inherit;
  cursor:pointer;
}
.admin__danger:hover{background:rgba(255,95,86,.08)}

.admin__subtitle{margin-top:16px;margin-bottom:8px;color:var(--muted);font-weight:700}
.admin__split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.admin__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.admin__thumb img{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid rgba(107,255,107,.14)}
.admin__cmd{padding:10px 12px;border:1px dashed rgba(107,255,107,.22);border-radius:12px;background:rgba(0,0,0,.22)}

@media (max-width: 900px){
  .admin__split{grid-template-columns:1fr}
  .admin__thumbs{grid-template-columns:repeat(2,1fr)}
}