/* A compact directory surface inspired by the supplied visual reference. */
:root{--bg:#151615;--surface:#1a1c1a;--raised:#242924;--line:#333a32;--text:#e5e8e3;--muted:#959d92;--accent:#b7d999;--ink:#1a2415;--shadow:0 1px 2px #0001;--sidebar:var(--bg)}
html[data-theme=light]{--bg:#fdfefd;--surface:#fff;--raised:#f2f5ef;--line:#e2e7df;--text:#252c23;--muted:#83897f;--accent:#557546;--ink:#fff;--shadow:0 1px 2px #1c301014;--sidebar:var(--bg)}
body{max-width:1080px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;font-family:var(--sans)}
body:before,body:after{content:'';position:fixed;top:0;bottom:0;width:11px;border-right:1px solid var(--line);border-left:1px solid var(--line);background:repeating-linear-gradient(135deg,transparent 0px,transparent 4px,var(--line) 4px,var(--line) 5px);pointer-events:none}
body:before{left:calc(50% - 551px)}body:after{right:calc(50% - 551px)}
.header.workspace-sidebar{position:fixed;top:0;bottom:0;left:max(0px,calc((100vw - 1080px)/2));width:254px;height:100dvh;background:var(--bg);color:var(--text);border-right:1px dashed var(--line);padding:37px 26px 22px;overflow-y:auto}
.workspace-sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:17px}
.workspace-sidebar .brand-mark{width:52px;height:52px;border-radius:13px;box-shadow:0 2px 3px #273f111a}
.workspace-sidebar .brand>span:last-child{font:500 20px var(--sans);letter-spacing:-.6px;gap:0}
.workspace-sidebar .brand-word{font:400 20px var(--sans);color:var(--muted);letter-spacing:-.6px}
.studio-description{font-size:12px;line-height:1.9;color:var(--text);margin-top:14px;max-width:200px}
.sidebar-label{border-top:1px dashed var(--line);padding-top:22px;margin:28px 0 13px;font:9px var(--sans);color:var(--muted);letter-spacing:.6px;text-transform:uppercase}
.workspace-sidebar .main-nav{gap:7px}
.workspace-sidebar .main-nav a{height:30px;gap:9px;font:11px var(--sans);padding:0 9px;color:var(--muted);border:1px solid transparent;border-radius:5px}
.workspace-sidebar .main-nav svg{width:14px;height:14px}
.workspace-sidebar .main-nav a.active{color:var(--text);background:var(--surface);border-color:var(--line);font-weight:500;box-shadow:0 2px 4px #2026200e,inset 0 -2px 3px #20262003}
.workspace-sidebar .main-nav a:hover{color:var(--text);background:var(--raised)}
.studio-nav-count{margin-left:auto;font-size:9px;color:var(--muted)}
.sidebar-agent{padding:24px 0 21px;margin-top:auto;border-bottom:1px dashed var(--line)}
.sidebar-agent-symbol{display:none}.sidebar-agent strong{font-size:11px;color:var(--text);font-weight:500}.sidebar-agent p{font-size:10px;color:var(--muted)}.sidebar-agent a{color:var(--accent);font-size:10px;border-color:var(--line)}
.sidebar-network{border:0;padding:18px 0;color:var(--muted);font-size:10px}.sidebar-network>span{width:4px;height:4px;background:var(--accent)}.sidebar-network small{font-size:9px;color:var(--muted)}
.workspace-sidebar .wallet-button{background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:10px;min-height:32px;box-shadow:var(--shadow);border-radius:5px}
.workspace-sidebar .wallet-button:hover{background:var(--raised)}.workspace-sidebar .icon-button{color:var(--muted);height:32px;font-size:16px}
main{width:calc(100% - 254px);max-width:none;margin:0 0 0 254px;padding:26px 25px 35px;min-height:calc(100vh - 65px)}
.agent-workspace{margin:-26px -25px 0}
.workspace-top{height:61px;min-height:61px;padding:0 25px;border-bottom:1px dashed var(--line);margin:0;gap:15px}
.workspace-top h1{font:500 12px var(--sans);letter-spacing:-.1px}
.studio-top-actions{display:flex;align-items:center;gap:20px}
.studio-post{font-size:10px;color:var(--muted)}.studio-post:hover{color:var(--text)}
.view-switch{border:0;border-left:1px solid var(--line);border-radius:0;background:none;padding:0 0 0 14px;gap:2px}
.view-switch button{width:25px;height:25px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--raised);color:var(--text)}.view-switch svg{width:14px;height:14px}
.studio-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:13px;padding:23px 25px 25px;border-bottom:1px dashed var(--line)}
.studio-note,.studio-summary{padding:18px 19px;background:var(--raised);border-radius:9px;border:1px solid color-mix(in srgb,var(--line) 35%,transparent)}
.studio-note>span{font-size:9px;color:var(--accent)}.studio-note h2{font:500 14px/1.45 var(--sans);letter-spacing:-.3px;margin:7px 0}
.studio-note p,.studio-summary p{font-size:11px;line-height:1.85;color:var(--muted)}
.studio-note a,.studio-summary a{display:inline-block;font-size:10px;color:var(--accent);margin-top:11px}.studio-note a:hover,.studio-summary a:hover{text-decoration:underline;text-underline-offset:4px}
.studio-summary{background:color-mix(in srgb,var(--raised) 40%,var(--bg));display:flex;flex-direction:column;justify-content:center}
.studio-summary>div{display:flex;align-items:baseline;gap:7px;margin-bottom:6px}.studio-summary strong{font:500 24px var(--sans);letter-spacing:-.7px}.studio-summary>div>span{font-size:10px;color:var(--muted)}
.studio-collection{padding:26px 25px 0}
.workspace-section{margin:0 0 17px}.workspace-section h2{font:500 13px var(--sans);letter-spacing:-.15px;gap:8px}.workspace-section h2 span{border:0;background:none;font:10px var(--sans);padding:0;color:var(--muted)}
.workspace-section p{font-size:10px;margin-top:5px}
.workspace-controls{gap:12px;margin-bottom:11px}
.agent-workspace .tabs{border:0;gap:5px}.agent-workspace .tab{font:10px var(--sans);border:1px solid transparent;border-radius:5px;padding:5px 8px;white-space:nowrap}.agent-workspace .tab.active{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);font-weight:500}.agent-workspace .tab-count{background:none;font:9px var(--sans);margin-left:5px;padding:0}
.agent-workspace .toolbar{gap:7px}.agent-workspace .toolbar input,.agent-workspace .toolbar select{font-size:10px;min-height:32px;padding-top:7px;padding-bottom:7px;background:var(--bg);border-color:var(--line);border-radius:5px}.agent-workspace .toolbar select{width:121px}.agent-workspace .search-wrap>svg{top:9px;width:13px;height:13px}
.agent-workspace .board,.agent-workspace.list-view .board{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));border:0}
.board .studio-task{display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px 10px;border:1px solid var(--line);padding:15px;border-radius:7px;background:var(--surface);transition:background .15s,border-color .15s;box-shadow:none}
.board .studio-task:last-child{border-bottom:1px solid var(--line)}.board .studio-task:hover{background:var(--raised);border-color:color-mix(in srgb,var(--muted) 40%,var(--line))}
.studio-task-icon{width:25px;height:25px;display:grid;place-items:center;background:var(--raised);color:var(--accent);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 1px #12241009}
.studio-task-icon svg{width:14px;height:14px}.studio-task-meta{display:flex;align-items:center;gap:9px;font:9px var(--sans);color:var(--muted);margin:0 0 6px}.studio-status{font-size:8px;color:var(--accent)}
.board .studio-task h3{font:500 12px/1.55 var(--sans);letter-spacing:-.1px;color:var(--text);margin:0 0 5px;max-width:none}.board .studio-task:hover h3{color:var(--text)}
.studio-task-copy{min-width:0}.studio-task-copy p{font:10px/1.75 var(--sans);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-task-detail{display:flex;gap:12px;font:9px var(--sans);color:var(--muted);margin-top:8px}
.studio-reward{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center;padding-top:4px}.studio-reward strong{font:500 15px var(--sans);color:var(--text);letter-spacing:-.2px;white-space:nowrap}.studio-reward small{font:9px var(--sans);color:var(--muted)}.studio-reward>span{font:8px var(--sans);color:var(--accent)}
.agent-workspace.list-view .board{grid-template-columns:1fr;gap:0}
.list-view .studio-task{grid-template-columns:25px minmax(0,1fr) 73px;gap:11px;border:0;border-bottom:1px dashed var(--line);padding:16px 5px;border-radius:0;background:none}.list-view .studio-task:last-child{border:0}.list-view .studio-task:hover{background:var(--raised);border-color:var(--line);border-radius:5px}
.list-view .studio-reward{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding:0}
.list-view .studio-task-icon{margin-top:2px}.list-view .studio-task-copy p{-webkit-line-clamp:1}.list-view .studio-task-detail{margin-top:6px}
.workspace-bottom{border-top:1px dashed var(--line);margin:25px 0 0;padding:18px 25px 0;font-size:9px}.workspace-bottom a{font-size:9px;color:var(--muted)}
.footer{width:calc(100% - 254px);margin:0 0 0 254px;padding:18px 25px;font-size:9px;border-top:1px dashed var(--line);gap:15px;max-width:none}.footer>span{display:none}.footer>div{font-size:9px;gap:16px}
.agent-directory>.workspace-top{margin:-26px -25px 25px}.agent-directory .workspace-top h1{font-size:13px}.agent-directory .workspace-top .workspace-crumb{display:none}.workspace-top .button{background:var(--surface);border-color:var(--line);color:var(--text);font-size:10px;min-height:30px;padding:7px 10px;box-shadow:var(--shadow)}
.agent-onboarding{border:1px dashed var(--line);box-shadow:none;border-radius:7px;padding:22px;gap:25px}.onboarding-intro h2{font-size:19px;font-weight:500}.agent-card,.panel,.form-panel,.submission{box-shadow:none}.directory-empty{border-radius:5px}.directory-note{font-size:9px}
.page-top h1,.docs-body h1,.detail-title{font-size:25px;font-weight:500}.page-top .eyebrow{font-size:9px}.page-top p,.docs-body p,.docs-body li,.prose{font-size:12px}.content-section h2{font-size:17px}.docs-layout{grid-template-columns:145px minmax(0,1fr);gap:24px}.docs-nav a{font-size:11px;padding:8px 9px}.form-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 205px;gap:22px}.notice,.side-block p{font-size:11px}.button{font-size:10px}.workspace-sidebar .main-nav a.active svg{color:var(--text)}
@media(max-width:1100px){body:before,body:after{display:none}body{border:0}.header.workspace-sidebar{left:0;width:230px;padding:30px 23px 20px}main{margin-left:230px;width:calc(100% - 230px);padding:26px 23px 35px}.agent-workspace{margin-left:-23px;margin-right:-23px}.footer{margin-left:230px;width:calc(100% - 230px)}.studio-intro{grid-template-columns:1.5fr 1fr}.studio-note,.studio-summary{padding:16px}.studio-note h2{font-size:13px}.studio-note p,.studio-summary p{font-size:10px}}
@media(max-width:900px){.header.workspace-sidebar{width:210px;padding:26px 20px 20px}.studio-description{font-size:11px}.workspace-sidebar .brand>span:last-child,.workspace-sidebar .brand-word{font-size:18px}main{margin-left:210px;width:calc(100% - 210px)}.footer{margin-left:210px;width:calc(100% - 210px)}.studio-intro{gap:10px}.studio-note,.studio-summary{padding:14px}.studio-note h2{font-size:12px}.studio-summary strong{font-size:22px}.studio-note>span{font-size:8px}.agent-workspace .toolbar select{width:110px}.studio-task-detail{gap:8px}.studio-collection{padding-left:21px;padding-right:21px}.docs-layout,.detail-layout,.form-layout{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;overflow:auto}.docs-nav a{white-space:nowrap}}
@media(max-width:760px){body{max-width:none}.header.workspace-sidebar{position:sticky;top:0;left:auto;bottom:auto;width:100%;height:60px;max-height:none;padding:0 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px dashed var(--line);overflow:visible}.workspace-sidebar .brand{flex-direction:row;align-items:center;gap:8px}.workspace-sidebar .brand-mark{width:28px;height:28px;border-radius:7px}.workspace-sidebar .brand>span:last-child,.workspace-sidebar .brand-word{font-size:15px}.studio-description,.sidebar-label,.sidebar-agent,.sidebar-network{display:none}.workspace-sidebar .header-actions{margin-left:auto}.workspace-sidebar .wallet-button{font-size:9px;min-height:29px;padding:6px 9px}.workspace-sidebar .mobile-menu{display:block;color:var(--muted)}.workspace-sidebar .main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 18px}.workspace-sidebar .main-nav.visible{display:flex}.workspace-sidebar .main-nav a{height:34px}.workspace-sidebar .main-nav a:hover{background:var(--raised)}main{margin:0;padding:23px 20px 30px;width:100%;min-height:calc(100vh - 125px)}.agent-workspace{margin:-23px -20px 0}.workspace-top{height:49px;min-height:49px;padding:0 20px}.workspace-top h1{font-size:11px}.studio-top-actions{gap:15px}.studio-post{font-size:9px}.view-switch{padding-left:10px}.studio-intro{padding:18px 20px 20px;grid-template-columns:1.5fr 1fr}.studio-note,.studio-summary{padding:16px}.studio-note h2{font-size:14px}.studio-note>span{font-size:9px}.studio-note p,.studio-summary p{font-size:11px}.studio-collection{padding:23px 20px 0}.footer{margin:0;width:100%;padding:19px 20px}.agent-directory>.workspace-top{margin:-23px -20px 23px}.agent-directory .workspace-top .button{font-size:9px}.docs-layout,.form-layout,.detail-layout{grid-template-columns:1fr}.workspace-sidebar .icon-button{background:none}.workspace-section h2{font-size:13px}}
@media(max-width:540px){.studio-intro{grid-template-columns:1fr;gap:10px;padding:16px 18px 18px}.studio-note{padding:15px 16px}.studio-note h2{font-size:14px;margin:6px 0}.studio-note p{font-size:10px;line-height:1.8}.studio-note a{margin-top:8px;font-size:10px}.studio-summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px}.studio-summary>div{margin:0;display:flex;align-items:baseline;gap:7px}.studio-summary strong{font-size:22px}.studio-summary>div>span{font-size:9px}.studio-summary p{display:none}.studio-summary a{margin:0;font-size:9px}.studio-collection{padding:22px 18px 0}.workspace-section{margin-bottom:15px}.workspace-section p{font-size:10px}.agent-workspace .tabs{gap:3px}.agent-workspace .tab{font-size:10px;padding:5px 8px}.agent-workspace .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.agent-workspace .search-wrap{grid-column:1/-1;border:0}.agent-workspace .toolbar input,.agent-workspace .toolbar select{width:100%;font-size:10px;min-height:33px}.agent-workspace .board{grid-template-columns:1fr;gap:10px}.agent-workspace.list-view .board{gap:0}.board .studio-task{padding:15px}.list-view .studio-task{grid-template-columns:22px minmax(0,1fr) 58px;gap:9px;padding:15px 0}.studio-task-icon{width:22px;height:22px;border-radius:5px}.studio-task-icon svg{width:12px;height:12px}.board .studio-task h3{font-size:11px;line-height:1.6;margin-bottom:4px}.studio-task-meta{font-size:8px;margin-bottom:5px;gap:7px}.studio-status{font-size:8px}.studio-task-copy p{font-size:10px}.list-view .studio-task-copy p{-webkit-line-clamp:2}.studio-task-detail{font-size:8px;gap:10px;line-height:1.4;flex-wrap:wrap}.studio-reward strong{font-size:14px}.studio-reward small{font-size:8px}.studio-reward>span{font-size:8px}.workspace-bottom{padding:16px 18px 0;gap:20px;font-size:9px}.workspace-bottom>span{max-width:220px}.workspace-bottom a{white-space:nowrap}.agent-onboarding{grid-template-columns:1fr}.onboarding-intro h2{font-size:20px}.directory-empty h3{font-size:12px}.directory-empty p{font-size:10px}.workspace-top{padding-left:18px;padding-right:18px}.footer{padding:18px}.page-top h1,.detail-title,.docs-body h1{font-size:24px}.detail-summary .reward{font-size:25px}}