:root { --ocdn-stage: #f6f8fb; }
[data-bs-theme="dark"] { --ocdn-stage: #151a22; }
body { min-height: 100vh; }
.navbar-brand { gap: .65rem; font-weight: 700; }
.brand-mark { width: 2rem; height: 2rem; display: inline-grid; place-items: center; border-radius: .55rem; background: var(--tblr-primary); color: white; font-size: .75rem; font-weight: 800; }
.brand-mark-lg { width: 3.25rem; height: 3.25rem; border-radius: .85rem; font-size: 1rem; }
.asset-stage { min-height: 150px; border: 1px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--ocdn-stage); display: grid; place-items: center; padding: 1rem; overflow: hidden; }
.asset-preview { display: block; max-width: 100%; max-height: 130px; object-fit: contain; }
code.user-select-all { display: inline-block; padding: .5rem .65rem; font-size: .9rem; word-break: break-all; }