/* Video Assembly - Main stylesheet */
/* Composes shared base with page-specific components */

@import url('/css/base.css');
@import url('./css/home.css');
@import url('./css/layout.css');
@import url('./css/steps.css');
@import url('./css/script.css');
@import url('./css/transcriptions.css');
@import url('./css/tooltip.css');
@import url('./css/modal.css');

/* Editor-specific: full-height app shell */
html,
body {
  height: 100%;
  overflow: hidden;
}

/* Keep the gradient fixed so it doesn't tile as content scrolls */
body {
  background-attachment: fixed;
}

/* Design token overrides */
:root {
  --muted: rgba(255, 255, 255, 0.45);
  --green: #22c55e;
  --green-bg: rgba(34, 197, 94, 0.12);
  --green-border: rgba(34, 197, 94, 0.35);
  --unfilled: rgba(255, 255, 255, 0.30);
}

h1 { margin-bottom: 4px; }
.subtitle { font-size: 14px; margin-bottom: 28px; }