.nav-icon { display:grid; place-items:center; width:25px; height:23px; font-size:17px; line-height:20px; filter:saturate(.8); }
.wb-rail-item.is-active .nav-icon { filter:saturate(1.05) drop-shadow(0 0 5px #d8a54255); }
.card-icon { width:31px; height:31px; font-size:16px; filter:saturate(.85); }
.flow-card .flow-icon { height:19px; color:#d9aa4b; font-size:15px; line-height:18px; filter:saturate(.8); }
.item-thumb { display:grid; place-items:center; flex:0 0 45px; width:45px; height:31px; border:1px solid #775d36; background:linear-gradient(135deg,#57362a,#201b18 70%); color:#efc26a; font-size:15px; }
.item-thumb.asset { background:linear-gradient(135deg,#27433d,#1c1b18 70%); border-color:#4e7667; color:#aad8bb; }
.item-thumb.prompt { background:linear-gradient(135deg,#44334c,#1c1b18 70%); border-color:#745878; color:#dec4e4; }
.item-body { min-width:0; flex:1; }
.api-entry { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:15px; padding:11px 12px; border:1px solid #5b4a30; background:#282118; }
.api-entry-copy { display:flex; align-items:center; min-width:0; gap:9px; }
.api-entry-copy > span { display:grid; place-items:center; width:27px; height:27px; color:#e8bc5d; border:1px solid #72552d; background:#352918; }
.api-entry-copy strong,.api-entry-copy small { display:block; }.api-entry-copy strong { font-size:12px; }.api-entry-copy small { margin-top:2px; color:#afa292; font-size:10px; }
.api-dialog { width:min(760px,calc(100vw - 32px)); }.api-dialog-content { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:15px; }
.api-section { min-width:0; padding:13px; border:1px solid #4b4236; background:#1b1916; }.api-section h3 { display:flex; align-items:center; gap:7px; margin:0 0 13px; color:#e7dccb; font-size:13px; }
.api-state { padding:2px 5px; border:1px solid #695936; color:#c6b486; background:#2d271d; font-size:10px; font-weight:400; }.api-state.ready { border-color:#4b7757; color:#b5d6bd; background:#1e3023; }
.api-dialog-foot { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; border-top:1px solid #493f34; color:#9d9285; font-size:11px; line-height:1.5; }
@media(max-width:620px) { .api-dialog-content { grid-template-columns:1fr; }.api-dialog-foot { grid-column:auto; align-items:flex-start; flex-direction:column; }.api-entry { align-items:flex-start; }.api-entry .wb-btn { flex:0 0 auto; } }