.x-shell{max-width:1120px;margin:0 auto;padding:16px}.x-top{border-bottom:1px solid var(--hairline);background:var(--surface);z-index:5;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.x-brand{color:var(--text-1);margin-right:8px;font-weight:650;text-decoration:none}.x-nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.x-nav a{color:var(--text-2);border-radius:8px;padding:6px 10px;text-decoration:none}.x-nav a[aria-current=page]{background:var(--surface-2);color:var(--text-1);font-weight:600}.x-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (width<=900px){.x-grid{grid-template-columns:minmax(0,1fr)}}.x-stack{flex-direction:column;gap:12px;display:flex}.x-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.x-feed{flex-direction:column;gap:8px;display:flex}.x-ev{border:1px solid var(--hairline-soft);border-radius:var(--r-card,12px);background:var(--surface);padding:10px 12px}.x-ev--agent{background:var(--surface-2)}.x-ev--system{background:var(--surface-2);border-style:dashed}.x-ev-head{color:var(--text-3);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.x-ev-author{color:var(--text-1);font-weight:600}.x-ev-body{color:var(--text-1);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.x-ev-acts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.x-label{color:var(--text-2);margin-bottom:4px;font-size:13px;display:block}.x-form{gap:8px;display:grid}.x-list{flex-direction:column;display:flex}.x-list a,.x-list .x-li{border-bottom:1px solid var(--hairline-soft);color:var(--text-1);justify-content:space-between;gap:12px;padding:10px 0;text-decoration:none;display:flex}.x-muted{color:var(--text-3)}.x-link{color:var(--green-text)}@media (width<=600px){.x-shell{padding:12px}.x-top{padding:8px 12px}}.x-doc{border:1px solid var(--hairline-soft);background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:420px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5;overflow:auto}.x-bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.x-bar>span{background:var(--green-text);height:100%;transition:width .2s;display:block}.x-drop{border:1px dashed var(--hairline);text-align:center;border-radius:12px;padding:18px}.x-drop[data-over=true]{background:var(--surface-2)}.x-gates{gap:6px;margin:0;padding:0;list-style:none;display:grid}.x-gates label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.x-gates input{margin-top:3px}
