:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #ffffff;--surface: #f7f8f7;--surface-strong: #f1f4f2;--line: #dfe5e2;--line-dark: #c9d2ce;--text: #18211d;--muted: #65716c;--soft: #89938f;--green: #087a45;--green-soft: #e6f4ed;--green-line: #afd7c3;--amber: #b7791f;--amber-soft: #fff5dd;--red: #b42318;--shadow: 0 18px 50px rgba(24, 33, 29, .08);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr);height:100vh;background:var(--bg)}.sidebar{display:flex;min-width:0;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:#fbfcfb;padding:16px 13px}.brand{display:flex;align-items:center;gap:10px;min-height:46px}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--green-line);border-radius:50%;color:var(--green)}.brand strong,.vault-health strong{display:block;font-size:14px;font-weight:680;line-height:1.2}.brand span,.vault-health span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.25}.nav-list,.nav-section{display:grid;gap:5px}.nav-section{border-top:1px solid var(--line);padding-top:12px}.nav-section p{margin:0 0 5px 4px;color:var(--soft);font-size:11px;font-weight:700;text-transform:uppercase}.nav-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;width:100%;min-height:33px;gap:8px;border:0;border-radius:6px;background:transparent;padding:0 9px;color:#303934;cursor:pointer;text-align:left}.nav-row span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.nav-row small{color:var(--muted);font-size:12px}.nav-row:hover,.nav-row.is-active{background:var(--green-soft);color:var(--green)}.nav-row.subtle{grid-template-columns:18px minmax(0,1fr) auto;color:var(--muted)}.empty-text{color:var(--soft);font-size:12px;padding:4px 8px}.vault-health{display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:8px;margin-top:auto;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px}.pulse{width:8px;height:8px;border-radius:50%;background:#1fa463}.workspace{position:relative;display:flex;min-width:0;flex-direction:column;height:100vh}.topbar{display:grid;grid-template-columns:minmax(250px,365px) minmax(430px,1fr) auto;align-items:center;gap:20px;min-height:58px;border-bottom:1px solid var(--line);padding:0 18px}.search-box,.mini-search{display:flex;align-items:center;gap:8px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;color:var(--soft)}.search-box input,.mini-search input{min-width:0;width:100%;border:0;outline:0;color:var(--text);font-size:13px}kbd{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font-size:11px;padding:1px 5px}.toolbar-actions,.topbar-icons{display:flex;align-items:center;gap:10px}.toolbar-actions{justify-content:center}.topbar-icons{justify-content:flex-end}.language-select{width:auto;min-width:94px;height:33px}.action-button,.icon-button,.queue-footer button,.graph-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#24302a;cursor:pointer;font-size:13px;line-height:1;transition:background .14s ease,border-color .14s ease,color .14s ease}.action-button{padding:0 13px}.action-button:hover,.icon-button:hover,.queue-footer button:hover,.graph-filters button:hover{border-color:var(--line-dark);background:var(--surface)}.action-button:disabled{cursor:not-allowed;opacity:.56}.action-button.tone-primary{width:100%;border-color:var(--green);background:var(--green);color:#fff}.icon-button{width:32px;padding:0}.icon-button.is-active{background:var(--surface-strong)}.work-grid{display:grid;grid-template-columns:minmax(720px,1fr) 330px;min-height:0;flex:1}.primary-column{display:grid;grid-template-rows:290px minmax(280px,1fr) 300px;min-width:0;min-height:0;border-right:1px solid var(--line)}.right-column{display:grid;grid-template-rows:minmax(520px,1fr) auto auto;min-width:0;min-height:0}.top-grid,.middle-grid{display:grid;min-width:0;min-height:0;border-bottom:1px solid var(--line)}.top-grid{grid-template-columns:315px minmax(0,1fr)}.middle-grid{grid-template-columns:minmax(510px,1fr) 335px}.upload-panel,.queue-panel,.library-panel,.preview-panel,.graph-panel,.inspector,.suggestion-panel,.parse-errors{min-width:0;min-height:0;padding:14px 16px}.upload-panel,.library-panel{border-right:1px solid var(--line)}.section-heading{color:#27332e;font-size:12px;font-weight:750;line-height:1;text-transform:uppercase}.drop-zone{display:grid;width:100%;height:calc(100% - 27px);margin-top:12px;place-items:center;align-content:center;gap:8px;border:1.5px dashed #a7b5af;border-radius:8px;background:#fff;color:var(--green);cursor:pointer;text-align:center}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--green);background:var(--green-soft)}.drop-zone strong{color:var(--text);font-size:15px;font-weight:680}.drop-zone span{color:var(--muted);font-size:13px}.drop-zone small{max-width:220px;color:var(--soft);font-size:12px;line-height:1.35}.queue-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.queue-list{overflow:auto;margin-top:12px;border:1px solid var(--line);border-radius:7px}.queue-row{display:grid;grid-template-columns:20px minmax(130px,1fr) 70px 92px 110px 30px 30px;align-items:center;gap:8px;min-height:38px;border-bottom:1px solid var(--line);padding:0 10px;font-size:13px}.queue-row:last-child{border-bottom:0}.queue-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-size,.queue-status{color:var(--muted);font-size:12px}.status-imported,.status-converting{color:var(--green)}.status-failed{color:var(--red)}.status-paused{color:var(--amber)}.progress{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.progress span{display:block;height:100%;border-radius:inherit;background:var(--green)}.queue-footer,.table-footer,.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;color:var(--muted);font-size:12px}.queue-footer button{min-height:27px;padding:0 10px;font-size:12px}.library-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.library-heading{display:grid;grid-template-columns:auto minmax(112px,1fr) 92px 108px 86px 32px;align-items:center;gap:6px;margin-bottom:8px}.mini-search{height:31px}select,.inspector input,.inspector textarea{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font-size:13px;outline:0}select{height:31px;padding:0 8px;width:100%}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px}table{width:100%;min-width:710px;border-collapse:collapse;font-size:12.5px}th,td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:1;background:#fff;color:#29352f;font-size:12px;font-weight:720}td{color:#2b3631}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.is-selected{background:var(--green-soft)}td:nth-child(2){display:flex;align-items:center;gap:8px;min-width:205px}.tag-cell{max-width:150px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.check-cell{display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--line-dark);border-radius:4px;color:#fff}.check-cell.checked{border-color:var(--green);background:var(--green)}.status-pill{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.status-pill:before{content:"";width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%}.status-active,.status-evergreen{color:var(--green)}.status-seed{color:var(--amber)}.empty-row{height:90px;color:var(--soft);text-align:center}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.tabs,.inspector-tabs{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);margin:-2px -16px 12px;padding:0 16px}.tabs button,.inspector-tabs button{position:relative;height:37px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:720;text-transform:uppercase}.tabs button.is-active,.inspector-tabs button.is-active{color:var(--text)}.tabs button.is-active:after,.inspector-tabs button.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--green)}.document-preview{overflow:auto;border:1px solid var(--line);border-radius:7px;background:linear-gradient(90deg,transparent 0,transparent calc(100% - 22px),rgba(0,0,0,.03) 100%),#fff;padding:22px 26px}.document-preview article{max-width:270px;margin:0 auto}.document-preview h2{margin:0 0 8px;font-size:18px;line-height:1.22}.document-preview h3{margin:18px 0 6px;font-size:13px;line-height:1.25}.document-preview p,.document-preview pre{color:#2c3631;font-size:12px;line-height:1.45}.document-preview pre{overflow:auto;white-space:pre-wrap}.doc-meta{color:var(--muted)}.empty-preview,.inspector-empty,.loading-mask{display:grid;height:100%;place-items:center;align-content:center;gap:10px;color:var(--muted);font-size:13px}.preview-footer{justify-content:center}.preview-footer button{min-width:28px;height:26px;border:1px solid var(--line);border-radius:5px;background:#fff}.graph-panel{display:grid;grid-template-columns:142px minmax(0,1fr);gap:8px}.graph-tools{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.graph-mode{display:flex;align-items:center;width:100%;gap:8px;min-height:35px;margin-top:8px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 10px;color:var(--muted);cursor:pointer;font-size:13px}.graph-mode.is-active{border-color:var(--green-line);background:var(--green-soft);color:var(--green)}.graph-filters{display:grid;gap:8px}.graph-filters button{justify-content:space-between;padding:0 10px}.graph-svg{width:100%;height:100%;min-height:260px}.path-list{display:grid;align-content:start;gap:9px;overflow:auto;padding:22px 14px}.path-row{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 10px;font-size:12px}.path-row span,.path-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-row small{border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;padding:2px 7px}.edge{stroke:#9bb4a7;stroke-dasharray:5 4;stroke-width:1.5}.edge.strong{stroke:var(--green);stroke-dasharray:none;stroke-width:2}.graph-node{display:flex;height:100%;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#2a342f;font-size:11px;line-height:1.18;padding:5px 8px;text-align:center}.graph-node.center{gap:6px;border-color:#026f3d;background:var(--green);color:#fff;font-weight:700}.inspector{display:grid;grid-template-rows:auto;align-content:start;gap:12px;border-bottom:1px solid var(--line)}.inspector label{display:grid;gap:6px}.inspector label span{color:#4c5752;font-size:12px;font-weight:680}.inspector input,.inspector textarea{width:100%;padding:0 10px}.inspector input{height:34px}.inspector textarea{min-height:78px;padding-top:9px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-list{display:grid;gap:10px}.activity-list div{display:grid;gap:5px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px}.activity-list span{color:var(--soft);font-size:11px;font-weight:720;text-transform:uppercase}.activity-list strong{overflow-wrap:anywhere;color:var(--text);font-size:13px;font-weight:620;line-height:1.35}.suggestion-panel,.parse-errors{border-bottom:1px solid var(--line)}.suggestion-list{display:grid;gap:8px;margin-top:12px}.suggestion-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto 18px;align-items:center;gap:8px;min-height:35px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 10px;cursor:pointer;text-align:left}.suggestion-row span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.suggestion-row small{border-radius:5px;background:var(--surface);color:var(--muted);font-size:11px;padding:2px 5px}.parse-errors{color:var(--red);font-size:12px}.command-output{position:fixed;right:22px;bottom:22px;z-index:20;display:grid;grid-template-columns:minmax(260px,430px) 30px;gap:8px;max-width:min(560px,calc(100vw - 44px));border:1px solid var(--green-line);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:12px}.command-output.tone-error{border-color:#f2b8b5}.command-output>div{display:flex;align-items:center;gap:8px;color:var(--green);font-size:13px}.command-output.tone-error>div{color:var(--red)}.command-output pre{max-height:110px;overflow:auto;grid-column:1 / -1;margin:0;border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.4;padding:9px;white-space:pre-wrap}.command-output button{width:28px;height:28px;border:0;background:transparent;cursor:pointer}.loading-mask{position:absolute;top:58px;right:0;bottom:0;left:0;z-index:10;height:auto;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.brand div:last-child,.nav-row span,.nav-row small,.nav-section p,.tags,.vault-health div{display:none}.sidebar{align-items:center}.nav-row,.vault-health{grid-template-columns:1fr;width:42px;justify-items:center}.topbar{grid-template-columns:minmax(220px,1fr);gap:10px;height:auto;padding:10px 14px}.toolbar-actions,.topbar-icons{justify-content:flex-start;flex-wrap:wrap}.work-grid{grid-template-columns:1fr;overflow:auto}.primary-column{grid-template-rows:auto auto auto;border-right:0}.right-column{grid-template-rows:auto auto auto}.top-grid,.middle-grid{grid-template-columns:1fr}.upload-panel,.library-panel{border-right:0}.drop-zone{height:200px}}@media(max-width:760px){body{overflow:auto}.app-shell{display:block;height:auto}.sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px}.brand{flex:0 0 auto;min-height:38px}.nav-list,.nav-section{display:flex;flex:0 0 auto;flex-direction:row;gap:4px;border-top:0;padding-top:0}.vault-health{flex:0 0 auto;margin-top:0}.workspace,.work-grid{height:auto}.queue-row{grid-template-columns:20px minmax(120px,1fr) 72px}.queue-status,.progress,.queue-row .icon-button{display:none}.library-heading{grid-template-columns:1fr 1fr}.section-heading{grid-column:1 / -1}.middle-grid,.top-grid{border-bottom:0}.graph-panel{grid-template-columns:1fr}}