:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#171923;background:#f4f6fa;--bg: radial-gradient(circle at 0% 0%, #ffffff 0%, #eef3ff 48%, #eaf1ec 100%);--canvas: #fcfdffcc;--canvas-strong: #ffffffee;--line: #d9dee8;--text: #171923;--muted: #5a6475;--primary: #1f67eb;--primary-strong: #134db9;--highlight: #dce8ff;--shadow: 0 20px 45px rgb(26 39 69 / 14%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.app-shell{width:min(1320px,100% - 2rem);margin:0 auto;padding:1rem 0 1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app-header h1{margin:0;font-size:clamp(1.5rem,1.1rem + 1.1vw,2rem);letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:.6rem}.uuid-input{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;padding:.3rem .5rem;width:22ch;transition:color .12s ease,border-color .12s ease,background .12s ease}.uuid-input:hover{border-color:var(--line);color:var(--text)}.uuid-input:focus{outline:none;border-color:#97b6f0;background:#fff;color:var(--text);box-shadow:0 0 0 3px #dce8ff;width:36ch}.single-pane-layout{display:block}.panel{border:1px solid var(--line);border-radius:18px;background:var(--canvas);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.editor-panel{display:flex;flex-direction:column;min-height:82vh}.editor-content{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:0;min-height:0;flex:1}.editor-main{position:relative;min-width:0}.editor-input{width:100%;min-height:70vh;height:100%;border:0;padding:1rem;resize:none;background:var(--canvas-strong);color:var(--text);line-height:1.58}.chunk-divider-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.chunk-divider{position:absolute;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(128 150 193 / 35%) 18%,rgb(128 150 193 / 35%) 82%,transparent 100%);transform:translateY(-50%)}.editor-input:focus{outline:2px solid #b3cbff;outline-offset:-2px}.panel-footer{display:flex;justify-content:space-between;gap:.5rem;font-size:.84rem;color:var(--muted);padding:.7rem 1rem;border-top:1px solid var(--line)}.timeline-rail{position:relative;border-left:1px solid var(--line);background:linear-gradient(180deg,#f9fbff,#f3f7ff)}.timeline-progress-track{position:absolute;top:.8rem;bottom:.8rem;left:.85rem;width:2px;background:#cfdaef}.timeline-progress-head{position:absolute;left:.46rem;width:.78rem;height:.78rem;border-radius:999px;border:2px solid #fff;background:var(--primary);box-shadow:0 3px 9px #144eba59;transform:translateY(-50%)}.timeline-tick{position:absolute;left:1.65rem;width:calc(100% - 1.95rem);border:0;background:none;color:var(--muted);font-size:.69rem;text-align:left;line-height:1.25;padding:0;cursor:pointer;transform:translateY(-45%)}.timeline-tick span{display:inline-block;max-width:100%;background:#ffffffd8;border:1px solid #d8e2f4;border-radius:999px;padding:.12rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-tick:hover span{color:var(--text);border-color:#aec4ec}.timeline-tick-active span{color:#103f97;border-color:#8bafea;background:#e9f1ff}.count-pill{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem}.primary-button,.secondary-button{border-radius:9px;border:1px solid transparent;padding:.48rem .72rem;cursor:pointer;transition:filter .15s ease}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%)}.secondary-button{color:var(--text);border-color:var(--line);background:#fff}.primary-button:hover,.secondary-button:hover,.result-item:hover{filter:brightness(.97)}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.overlay-backdrop{position:absolute;inset:0;background:#0f162561}.overlay-panel{position:relative;width:min(760px,calc(100% - 1.5rem));max-height:88vh;overflow:auto;border-radius:18px;border:1px solid #d4dcea;background:#fdfefeec;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.search-controls{padding:.85rem 1rem;display:grid;grid-template-columns:1fr;gap:.65rem;border-bottom:1px solid var(--line)}.search-input{border:1px solid var(--line);border-radius:10px;padding:.54rem .62rem;background:#fff}.search-input:focus{outline:2px solid #b3cbff;border-color:#97b6f0}.result-list{list-style:none;margin:0;padding:.8rem;display:grid;gap:.5rem}.result-item{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:.62rem .72rem;background:#fff;cursor:pointer;display:grid;gap:.28rem}.result-snippet{color:var(--text);line-height:1.35}.result-meta,.no-results{color:var(--muted);font-size:.81rem}.no-results{padding:.5rem}@media(max-width:980px){.app-shell{width:min(920px,calc(100% - 1rem));padding-top:.7rem}.editor-panel{min-height:unset}.editor-content{grid-template-columns:minmax(0,1fr) 100px}.timeline-tick{left:1.25rem;width:calc(100% - 1.45rem)}.search-controls{grid-template-columns:1fr}}