style.css

:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { background: #231f20; color: #fff; }
#space-header {
    min-height: 52px; padding: 8px 16px; display: flex; gap: 16px;
    align-items: center; background: #171719;
}
#space-header strong { white-space: nowrap; }
#model-status { flex: 1; font-size: 13px; color: #c9d4c7; overflow-wrap: anywhere; }
#model-status[data-error="true"] { color: #ffb4ab; }
#unity-container { height: calc(100% - 52px); }
#loading-cover { top: 52px; height: calc(100% - 52px); padding: 24px; text-align: center; }
button {
    padding: 9px 16px; border: 0; border-radius: 7px; cursor: pointer;
    background: #ffd21e; color: #231f20; font: inherit; font-weight: 600;
}
button:focus-visible, a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
dialog { max-width: 560px; width: calc(100% - 32px); border: 1px solid #555; border-radius: 12px; padding: 28px; }
dialog::backdrop { background: #0009; }
dialog h2 { margin-top: 0; }
dialog li { margin-block: 10px; line-height: 1.5; }
dialog a { color: #ffd21e; }
@media (max-width: 650px) {
    #space-header { flex-wrap: wrap; gap: 6px 12px; }
    #model-status { order: 3; flex-basis: 100%; }
    #help-button { margin-left: auto; }
    #unity-container { height: calc(100% - 90px); }
    #loading-cover { top: 90px; height: calc(100% - 90px); }
}