/* GitCD Creator 98 — layout on top of 98.css */
html, body { margin: 0; height: 100%; overflow: hidden; }
body { background: #008080; }
#desktop { position: relative; width: 100%; height: 100%; }
#scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hidden { display: none !important; }

/* floating windows over the 3D desktop */
.app-window { position: absolute; width: 520px; }
.app-window fieldset { min-width: 0; }
#burner-window { top: 40px; left: 40px; }
#jewel-window { top: 60px; right: 40px; width: 640px; }
#about-window { top: 120px; left: calc(50% - 210px); width: 420px; z-index: 10; }
.about-body { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 8px; }
.about-icon { font-size: 40px; line-height: 1; }
.about-title { font-size: 14px; margin: 0 0 4px; }
.about-body p { margin: 0 0 4px; }
.title-bar { cursor: move; }

.menu-strip {
  display: flex; gap: 14px; padding: 2px 8px;
  border-bottom: 1px solid #808080; box-shadow: 0 1px 0 #fff;
}
.menu-strip span { cursor: default; padding: 0 2px; }
.menu-strip span:hover { background: navy; color: #fff; }
.menu-strip span.menu-disabled { color: #808080; text-shadow: 1px 1px 0 #fff; cursor: default; }
.menu-strip span.menu-disabled:hover { background: transparent; color: #808080; }

.hint { color: #444; margin: 6px 0 0; }
#repo-input { flex: 1; min-width: 160px; }

.repo-info {
  border: 1px solid #808080; background: #ffffe1;
  padding: 6px 8px; margin-bottom: 8px; line-height: 1.5;
}

.btn-row { justify-content: flex-end; margin-top: 8px; }
.btn-row.wrap { flex-wrap: wrap; justify-content: flex-start; gap: 6px; }
.btn-row.wrap > * { margin-left: 0 !important; }

/* ---- Burning ---- */
.burn-status-row { display: flex; justify-content: space-between; margin-bottom: 4px; font-weight: bold; }
.gauges { display: flex; gap: 10px; margin-top: 8px; }
.gauge { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.vgauge { width: 18px; height: 90px; background: #fff; display: flex; align-items: flex-end; }
#buffer-fill { width: 100%; height: 100%; background: linear-gradient(0deg, #00a800, #55ff55); transition: height .2s; }
.burn-log-wrap { flex: 1; min-width: 0; }
.burn-log {
  height: 100px; overflow: hidden;
  background: #000; color: #55ff55;
  font-family: "Courier New", monospace; font-size: 11px; line-height: 1.35;
  padding: 4px 6px; white-space: nowrap;
}
.burn-log div { overflow: hidden; text-overflow: ellipsis; }
.stats-row { display: flex; justify-content: space-between; margin-top: 6px; }
.done-summary { line-height: 1.6; }

/* ---- Jewel case ---- */
.jewel-preview-wrap {
  background: #808080; padding: 10px;
  display: flex; justify-content: center;
  max-height: 420px; overflow: auto;
}
#jewel-canvas { background: #fff; box-shadow: 2px 2px 6px rgba(0,0,0,.5); max-width: 100%; height: auto; }

.credit { font-size: 10px; color: #666; }
.credit a { color: #006; }