/* The editor's desk from Trending: a + beside the view tabs (admin only), and Scout in a dialog inside the OS. */
.trending-tools { display: inline-flex; align-items: center; gap: 10px; }
.trending-add { all: unset; box-sizing: border-box; display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .035); color: #aeb3ba; font: 800 24px/1 'Doto', var(--mono); cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .3s var(--ease); }
.trending-add span { transform: translateY(-1px); }
.trending-add:hover, .trending-add:focus-visible { color: var(--bone); border-color: rgba(255, 250, 248, .4); background: rgba(255, 255, 255, .07); transform: translateY(-1px); }
.trending-add:active { transform: scale(.96); }
#osscout { border: 1px solid rgba(255, 250, 248, .2); border-radius: 10px; padding: 0; background: #0E0F12; color: var(--bone); width: min(94vw, 1180px); height: min(90vh, 860px); box-shadow: 0 60px 120px -40px #000; }
#osscout::backdrop { background: rgba(14, 15, 18, .78); backdrop-filter: blur(6px); }
#osscout .osscout-head { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 250, 248, .12); }
#osscout .osscout-head .eyebrow { display: inline-flex; align-items: center; gap: 8px; }
#osscout .osscout-hint { margin-left: auto; color: var(--bone-45); font: 500 10px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#osscout .osscout-x { all: unset; cursor: pointer; flex: none; display: inline-flex; align-items: center; gap: 8px; font: 500 10px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-70); }
#osscout .osscout-x:hover { color: var(--bone); }
#osscout .osscout-x kbd { border: 1px solid var(--line); border-radius: 3px; padding: 3px 5px; }
#osscout iframe { display: block; width: 100%; height: calc(100% - 45px); border: 0; background: #0E0F12; }
@media (max-width: 700px) { #osscout .osscout-hint { display: none; } }