:root {
    --bg: #060816;
    --card: #151515;
    --card2: #1d1d1d;
    --green: #35ff8a;
    --green-soft: rgba(53, 255, 138, 0.12);
    --glow-accent: #1ff1ff;
    --glow-accent-soft: rgba(31, 241, 255, 0.12);
    --royal-purple: #8f3dff;
    --royal-purple-bright: #c06cff;
    --royal-purple-soft: rgba(143, 61, 255, 0.16);
    --sat-critical: #ff405d;
    --sat-low: #ff6b9a;
    --sat-watch: #b06cff;
    --sat-stable: #1ff1ff;
    --sat-active: #35ffb2;
    --sat-strong: #7cffaa;
    --sat-top: #20ff75;
    --text: #f2f2f2;
    --muted: #9ca3af;
    --border: #2b2b2b;
    --topbar-height: 68px;
}

.screenshot-clipboard-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 6px 0;
    padding: 8px 12px;
    border: 1px solid rgba(75, 225, 235, .45);
    border-radius: 8px;
    background: rgba(20, 150, 165, .16);
    color: #dffcff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.screenshot-clipboard-button:hover { background: rgba(20, 150, 165, .28); }
.screenshot-clipboard-button:disabled { cursor: wait; opacity: .55; }

.screenshot-clipboard-controls { grid-column: 1 / -1; min-width: 0; }
.screenshot-clipboard-controls small { display: block; color: var(--muted); }
.screenshot-clipboard-controls textarea { box-sizing: border-box; width: 100%; margin-top: 8px; }
.screenshot-clipboard-controls textarea[hidden] { display: none; }