.shell:has(.logs.enabled){grid-template-columns:minmax(230px,310px) minmax(0,900px);gap:14px}.logs{display:none;height:min(840px,calc(100dvh - 56px));background:#18241e;color:#dce6df;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);position:relative;min-width:0}.logs.enabled{display:grid;grid-template-rows:72px 1fr;width:310px}.logs.enabled.collapsed{width:52px;grid-template-rows:1fr}.logs.collapsed .logs-head,.logs.collapsed .log-entries{display:none}.logs-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.logs-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64bd86;margin-right:8px}.logs-actions{display:flex;align-items:center;gap:4px}.logs-actions button,.expand-logs{border:0;color:#aebbb3;background:transparent;cursor:pointer}.logs-actions button:first-child{font-size:10px}.logs-actions button:last-child{font-size:27px}.expand-logs{display:none;font-size:29px;width:100%;height:100%}.logs.collapsed .expand-logs{display:block}.log-entries{overflow:auto;padding:14px}.log-entry{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#bdc9c1;overflow-wrap:anywhere}.log-entry time{display:block;color:#708078;font-size:9px;margin-bottom:3px}.log-entry.error{color:#f2aaa2}.log-entry.success{color:#9bd5af}.switch-row{display:flex!important;align-items:center;justify-content:space-between;margin-top:18px;padding:14px 2px;border-top:1px solid var(--line);cursor:pointer}.switch-row strong{display:block;font-size:13px}.switch-row small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#c9cec9;transition:.2s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s;box-shadow:0 1px 3px #777}.switch input:checked+span{background:var(--green2)}.switch input:checked+span:before{transform:translateX(18px)}
@media(max-width:650px){.shell:has(.logs.enabled){display:flex;gap:0}.logs.enabled{position:fixed;z-index:5;left:0;top:0;height:100dvh;border-radius:0;width:min(82vw,310px)}.logs.enabled.collapsed{width:42px}}