:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#24312d;background:#f4f6f3;font-synthesis:none;--green:#28664d;--line:#e1e7df;--muted:#77827a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:inherit;padding:8px 12px;font-size:12px}button:hover{background:#edf3ed;border-color:#9cb9a5}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #97cbb0;outline-offset:2px}input,select{min-width:0;width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:white;color:inherit;font-size:12px}input:focus,select:focus{outline:2px solid #b9d4c3}h1,h2,h3,p{margin-top:0}h2{font-size:16px}h3{font-size:13px}a{color:var(--green)}[hidden]{display:none!important}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand,.actions{display:flex;align-items:center;gap:12px}.brand strong{font-size:17px;letter-spacing:-.5px}.brandmark{display:inline-grid;place-items:center;width:33px;height:33px;background:#2f634c;color:#fff;font-size:23px;font-weight:600;border-radius:9px}.divider{height:20px;width:1px;background:var(--line);margin:0 5px}.connection{font-size:11px;color:var(--green);margin-right:12px}.workspace{display:grid;grid-template-columns:286px minmax(0,1fr);height:calc(100vh - 72px)}.sidebar{background:#fcfdfb;border-right:1px solid var(--line);padding:24px 16px 12px;display:flex;flex-direction:column;min-height:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{margin:0}.filter-row{display:flex;gap:6px;margin:8px 0}#filters>input:last-child{background:#f6f8f4}.task-list{overflow:auto;flex:1;margin-top:20px}.task{display:block;width:100%;text-align:left;margin:0 0 9px;padding:14px;border:1px solid transparent;background:transparent;border-radius:10px}.task.selected{background:#eaf2eb;border-color:#b9cfbf}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task strong{font-size:12px;font-family:ui-monospace,monospace}.task small{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.badge{font-size:10px;border-radius:5px;padding:4px 7px;background:#eff1ef;color:#69766b;display:inline-block}.badge.success{color:#337250;background:#e3efe6}.badge.error,.badge.interrupted{color:#a44f3e;background:#f8e9e3}.pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;gap:4px}.pagination button{font-size:10px;padding:6px}.pagination span{font-size:10px;color:var(--muted)}.detail{min-width:0;overflow:auto;padding:30px 30px 50px}.detail-header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.detail-header h1{font-size:24px;letter-spacing:-1px;margin:9px 0}.detail-header .muted{line-height:1.8;overflow-wrap:anywhere}.export{display:flex;gap:8px;flex-wrap:wrap}.export a{font-size:11px;text-decoration:none;padding:8px 10px;background:white;border:1px solid var(--line);border-radius:6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:24px}.stat{padding:16px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.stat strong{font-size:17px;font-weight:550}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0;color:var(--muted)}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:600}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line);gap:10px}.panel-title h2,.panel-title h3{margin:0}.panel-body{padding:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:16px}.media-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.media-view{height:170px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f0f2ee 0% 25%,#f7f8f5 0% 50%) 50%/20px 20px;overflow:hidden;position:relative}.media-view img,.media-view video{width:100%;height:100%;object-fit:contain}.media-view audio{width:100%}.media-view .placeholder{font-size:11px;color:var(--muted);text-align:center;padding:14px;line-height:1.8}.media-caption{padding:11px}.media-caption strong{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:500;margin-bottom:7px}.media-caption small{font-size:10px;color:var(--muted)}.media-caption .actions{margin-top:9px;gap:6px}.media-caption button,.media-caption a{font-size:10px;padding:4px 6px}.empty{padding:70px 20px;text-align:center;color:var(--muted)}.empty h2{color:#495f50;font-weight:500}.empty p{font-size:12px;line-height:1.8}.empty-symbol{display:block;font-size:34px;margin-bottom:16px;color:#8ba893}.compact-empty{padding:24px;color:var(--muted);font-size:12px;line-height:1.8}.inspector{position:sticky;top:0;align-self:start;max-height:calc(100vh - 130px);overflow:auto}.node-title{margin:10px 0 6px;font-size:16px;overflow-wrap:anywhere}.node-type{font:11px ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.kv{padding:13px 0;border-bottom:1px solid #edf0eb}.kv:last-child{border:0}.kv dt{font:11px ui-monospace,monospace;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}.kv dd{margin:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;max-height:220px;overflow:auto}.link-node{color:var(--green);background:#edf5ef;border-color:#d8e7db;text-align:left}.graph-scroll{overflow:auto;max-height:540px;background-color:#fafcf9;background-image:radial-gradient(#d6dfd3 .8px,transparent .8px);background-size:18px 18px}.graph-scroll svg{display:block}.edge{fill:none;stroke:#c0cec0;stroke-width:1.5}.edge.active{stroke:#3e8966;stroke-width:2.5}.graph-node{cursor:pointer;outline:none}.graph-node rect{fill:white;stroke:#d4ded1;stroke-width:1}.graph-node.selected rect,.graph-node:focus rect{stroke:#387757;stroke-width:2;fill:#f1f7f0}.graph-node text{fill:#364c3d;font-size:11px;font-family:inherit;pointer-events:none}.graph-node .type{fill:#7a877c;font-size:9px}.node-browser{padding:12px}.node-browser input{margin-bottom:10px}.node-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:7px;max-height:340px;overflow:auto}.node-row{text-align:left;display:flex;gap:10px;align-items:center;padding:11px}.node-row.active{border-color:#8bb099;background:#eef5ee}.node-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.node-number{font:10px monospace;color:#64836c;background:#edf2e9;padding:5px;border-radius:5px}.node-row div{min-width:0;overflow-wrap:anywhere}.node-row strong{font-size:11px;font-weight:500}.raw{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;max-height:600px;overflow:auto;margin:0}.alert{padding:14px 17px;background:#fff1e9;border:1px solid #efd8c7;border-radius:8px;font-size:12px;margin-bottom:18px;line-height:1.7}.login{width:min(430px,calc(100% - 32px));margin:12vh auto;background:white;border:1px solid var(--line);border-radius:16px;padding:36px}.login .brandmark{margin-bottom:28px}.login h1{font-size:23px}.login label{display:block;font-size:12px;margin:20px 0 12px}.login input{margin-top:8px}.primary{background:var(--green);color:white;width:100%;padding:12px;margin-top:10px}#login-error{font-size:12px;color:#a44f3e}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#294e3a;color:white;padding:12px 20px;border-radius:8px;z-index:50;font-size:12px;max-width:90vw}.fullscreen-media{position:fixed;inset:0;z-index:40;background:#14221eee;display:grid;place-items:center;padding:55px 20px}.fullscreen-media img{max-width:100%;max-height:85vh;object-fit:contain}.fullscreen-media button{position:absolute;right:24px;top:20px}.meta-list{font-size:11px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.files-count{font-size:11px;color:var(--muted)}@media(min-width:1700px){.detail{padding:36px 45px}.content-grid{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1150px){.workspace{grid-template-columns:240px minmax(0,1fr)}.detail{padding:22px 18px}.content-grid{grid-template-columns:minmax(0,1fr)}.inspector{position:static;max-height:none}.detail-header{flex-direction:column}.connection{display:none}}@media(max-width:700px){.topbar{padding:0 14px;height:60px}.brand .muted,.divider{display:none}.brand strong{font-size:14px}.actions{gap:5px}.topbar button{padding:6px}.workspace{display:block;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.task-list{max-height:230px}.detail{padding:20px 14px}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.tabs{gap:20px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.media-view{height:150px}}


.filter-row button{flex-shrink:0;white-space:nowrap}.stat>.badge{display:inline-block}