@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}:root{font-family:Inter,system-ui,sans-serif;color:#182535;background:#f7f9fb;font-synthesis:none;--blue: #008ece;--line: #e1e8ef;--muted: #53657a;--text-small: .8125rem;--text-body: .9375rem;--text-code: .875rem;--ink: #0c1722;--model: #009fe2;--tools: #00b58d;--context: #8d6bee;--memory: #dfa92a;--errors: #ed575d;--notes: #8796a7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:inherit;font-size:var(--text-body);font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#f0f6fa;border-color:#c4d3df}button:disabled{cursor:not-allowed;opacity:.45}button svg{width:17px;height:17px;flex-shrink:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input,textarea,select{border:1px solid #dce4ed;border-radius:5px;background:#fff;color:inherit;padding:9px 11px}select{font-size:var(--text-body);cursor:pointer}input[type=checkbox]{accent-color:var(--blue)}h1,h2,h3,p{margin:0}pre{font:var(--text-code)/1.8 "IBM Plex Mono",monospace;white-space:pre-wrap;word-break:break-word;margin:0;color:#35465d}h2{font-size:16px}h3{font-size:var(--text-body)}button.primary{background:#101e28;border-color:#101e28;color:#fff;box-shadow:0 2px 3px #152a3515}button.primary:hover{background:#213645}.icon-button{width:32px;padding:6px;background:transparent}.text-button{border:0;padding:0;min-height:25px;background:transparent;color:var(--blue);font-size:var(--text-body)}.selected-button{background:#eaf7ff!important;border-color:#8dcdeb!important;color:#007daf}.muted{color:var(--muted);font-size:var(--text-body);line-height:1.7}.app{display:grid;grid-template-columns:238px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;min-height:78px;padding:12px 30px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:10px;color:#0a151c;font-size:23px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.brand:hover{text-decoration:none}.brand>svg{color:#13262e}.brand small{display:block;font-family:IBM Plex Mono,monospace;font-size:var(--text-small);letter-spacing:2.05px;font-weight:400;color:#728092;margin-top:6px}.workspace-tag{display:flex;align-items:center;gap:7px;font-size:var(--text-body);color:#7b8797;border-left:1px solid var(--line);padding-left:28px}.workspace-tag>span{width:6px;height:6px;background:#01b58f;border-radius:50%}.top-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px}.sidebar{border-right:1px solid var(--line);padding:20px 15px 16px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;align-self:start;height:calc(100dvh - 78px);min-height:0;overflow-y:auto;background:#f8fafc}.side-heading{display:flex;align-items:center;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:var(--text-small);letter-spacing:1.8px;color:var(--muted);padding:0 12px;margin:0 0 12px}.side-heading button{border:0;background:transparent;padding:0;min-height:18px}.side-heading button svg{width:13px}.nav{justify-content:flex-start;border:0;background:transparent;width:100%;padding:10px 12px;color:#57677b;font-size:var(--text-body);min-height:38px}.nav svg{width:18px;height:18px}.nav.active{background:#e2f4ff;color:#007cae;border-left:2px solid #069be1;padding-left:10px}.count{margin-left:auto;font:var(--text-small) "IBM Plex Mono",monospace}.side-divider{height:1px;background:var(--line);margin:12px 10px}.recent-runs{display:flex;flex-direction:column;gap:5px;max-height:40vh;overflow:auto;flex-shrink:1;min-height:72px}.recent{flex-shrink:0;width:100%;border:0;background:transparent;text-align:left;padding:10px;justify-content:flex-start;gap:8px}.recent.chosen{background:#e7f4fc}.recent>span:nth-child(2){overflow:hidden}.recent b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--text-small);font-weight:600}.recent small{display:block;font-size:var(--text-small);margin-top:6px;color:var(--muted)}.recent>svg{width:11px;height:11px;margin-left:auto;color:#90a1b3}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8796a7}.status-dot.failed{background:#e56970}.status-dot.success{background:#02b490}.status-dot.running{background:#008ece}.workspace-toggle{display:none}.sidebar-utilities{margin-top:auto;padding-top:20px;flex-shrink:0}.sidebar-utilities .side-heading{margin-bottom:6px}.sidebar-utilities .nav{min-height:38px;padding:8px 12px}.privacy-note{border-top:1px solid var(--line);margin:12px 10px 0;padding-top:12px;color:var(--muted);font-size:var(--text-small)}.privacy-note summary{cursor:pointer;line-height:1.5}.privacy-note summary svg{width:15px;vertical-align:middle}.privacy-note p{line-height:1.65;margin:10px 0 0}.sidebar>.nav,.sidebar>.side-heading,.sidebar>.side-divider{flex-shrink:0}.main{padding:22px 25px 0;min-width:0}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:var(--text-small);color:#677a90;margin-bottom:22px}.breadcrumb>svg{width:10px}.local-label{margin-left:auto;font-size:var(--text-small);display:flex;gap:5px;align-items:center;color:var(--muted)}.local-label svg{width:12px}.run-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 1px 18px}.run-header h1{font-size:25px;letter-spacing:-1px;font-weight:650;display:flex;align-items:center;gap:14px}.model-tag{display:inline-flex;align-items:center;gap:5px;background:#eaf0f5;border:1px solid #e5edf3;border-radius:20px;padding:5px 8px;font-size:var(--text-small);font-weight:400;letter-spacing:0;color:#64788d;max-width:270px}.model-tag svg{width:12px;height:12px}.run-meta{display:flex;align-items:center;gap:17px;margin-top:13px;font-size:var(--text-small);color:var(--muted)}.run-meta>span:not(:last-child){font-family:IBM Plex Mono,monospace}.run-actions{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-small);text-transform:capitalize;letter-spacing:0;color:#6f8094}.badge svg{width:14px;height:14px}.badge.success{color:#009a77}.badge.failed{color:#d15b63}.badge.running{color:#008ece}.capture-note{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--muted);margin:0 0 15px;line-height:1.5}.capture-note>svg{width:5px;height:5px;flex-shrink:0;color:#8a9caa}.capture-note button{font-size:var(--text-small);padding:0;min-height:20px;border:0;background:transparent;color:#547c97;white-space:nowrap;margin-left:auto}.studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 5px 22px #1b3a4e04}.player{min-width:0}.transport{min-height:61px;display:flex;flex-wrap:wrap;align-items:center;padding:12px 14px;gap:10px;border-bottom:1px solid #e8eef3}.transport-left{display:flex;align-items:center;gap:5px}.transport .play{width:45px;height:32px;background:#11242e;color:#fff;border-color:#11242e;border-radius:5px;box-shadow:0 2px 4px #17303d1f}.transport .icon-button{width:28px;height:30px;min-height:30px;background:#f8fafc;border-color:#e9eef3}.transport select{border:0;background:transparent;color:#63758b;font-size:var(--text-small);padding:5px;max-width:65px}.transport .timecode{margin:auto;font:var(--text-code) "IBM Plex Mono",monospace;letter-spacing:-.25px}.timecode span{color:var(--muted);font-size:var(--text-small)}.seek{height:20px;display:flex;padding:0 18px 0 137px;align-items:center;background:#fcfdff}.seek input{width:100%;padding:0;margin:0;height:3px;accent-color:#039ddc;cursor:ew-resize}.timeline-scroll{overflow:auto;padding:0 8px;border-bottom:1px solid #eaf0f5}.timeline{display:block;min-width:100%;height:auto;max-height:440px}.ruler{font:var(--text-small) "IBM Plex Mono",monospace;fill:var(--muted)}.lane-fill{fill:currentColor;opacity:.055}.lane-label{font:500 var(--text-small) Inter,sans-serif;fill:#304459}.lane-count{font:12px Inter,sans-serif;fill:var(--muted)}.lane-model{color:var(--model);--lane: var(--model)}.lane-tools{color:var(--tools);--lane: var(--tools)}.lane-context{color:var(--context);--lane: var(--context)}.lane-memory{color:var(--memory);--lane: var(--memory)}.lane-errors{color:var(--errors);--lane: var(--errors)}.lane-notes{color:var(--notes);--lane: var(--notes)}.event-block{fill:currentColor;opacity:.45}.event-target{cursor:pointer;outline:none}.event-target:hover .event-block,.event-target:focus .event-block,.event-block.is-selected{opacity:.85}.timeline-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;color:var(--muted);font-size:var(--text-small);gap:6px}.timeline-footer>span{display:flex;align-items:center;gap:5px}.timeline-footer button{padding:4px 7px;min-height:27px;border:0;font-size:var(--text-small);color:#5b7a8c}.timeline-footer button svg{width:13px}.live-dot{width:5px;height:5px;border-radius:50%;background:#adbdc8}.event-section{border-top:1px solid #e4ebf2;margin-top:3px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.section-bar h2{font-size:var(--text-body);font-weight:600;color:#52677c}.section-bar h2>span{font:var(--text-small) "IBM Plex Mono",monospace;margin-left:6px;color:var(--muted)}.search{display:flex;align-items:center;gap:7px;border:1px solid #e2e9f0;border-radius:5px;padding:0 8px;max-width:220px;background:#fcfdff}.search>svg{width:13px;color:#8b9cae}.search input{border:0;background:transparent;padding:7px 0;font-size:var(--text-small);min-width:0;width:160px;outline:none}.search input::placeholder{color:#95a3b5}.search button{padding:0;border:0;min-height:20px}.search button svg{width:11px}.event-list{max-height:238px;overflow:auto;padding:0 8px 8px}.event-row{display:flex;width:100%;border:0;border-radius:4px;justify-content:flex-start;gap:10px;padding:9px 10px;border-bottom:1px solid #f2f5f8;background:transparent;min-height:43px}.event-row.active{background:#edf7fc}.event-kind{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0;border-radius:5px;background:color-mix(in srgb,var(--lane) 10%,white)}.event-kind svg{width:14px;height:14px}.event-name{text-align:left;display:block;font-size:var(--text-small);flex:1}.event-name small{display:block;font-size:var(--text-small);color:var(--muted);margin-top:4px;font-weight:400}.event-time{font:var(--text-small) "IBM Plex Mono",monospace;color:var(--muted)}.event-row>svg{width:10px;color:#a2b0bf}.inspector{border-left:1px solid #e3eaf0;background:#fcfdff;min-width:0;max-height:825px;overflow:auto}.inspector-tabs{display:flex;position:sticky;top:0;background:#fcfdff;z-index:2;padding:0 12px;height:52px;border-bottom:1px solid #e7edf3}.inspector-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;flex:1;font-size:var(--text-small);color:var(--muted)}.inspector-tabs button[aria-selected=true]{color:#213748;border-bottom-color:#009fe2;font-weight:650}.inspector-body{padding:18px 17px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-small)}.eyebrow>span:last-child{margin-left:auto;font:var(--text-small) "IBM Plex Mono",monospace}.inspector h2{font-size:17px;letter-spacing:-.5px;margin:14px 0 11px;word-break:break-word}.inspector-status{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-small);color:var(--muted)}.inspector-status .badge{padding:4px 7px;border-radius:20px;background:#edf4f6}.inspector-status .badge.success{background:#e2f8f0}.inspector-status .badge.failed{background:#fff0f0}.event-summary{font-size:var(--text-small);line-height:1.8;color:var(--muted);margin:17px 0}.data-card{border:1px solid #e0e8f0;border-radius:6px;overflow:hidden;margin-bottom:12px;background:#f8fafc}.data-card header{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #e7edf2;font-size:var(--text-small);font-weight:500;color:#4f667d}.data-card header button{border:0;padding:0;min-height:16px;background:transparent}.data-card header button svg{width:12px;height:12px}.data-card pre{padding:12px;max-height:245px;overflow:auto;font-size:var(--text-code);line-height:1.85}.inspector-body>pre{padding:10px;background:#f4f7fa;border:1px solid var(--line);border-radius:6px;max-height:550px;overflow:auto;font-size:var(--text-code)}.inspector dl{font-size:var(--text-small);display:grid;grid-template-columns:85px minmax(0,1fr);row-gap:13px;margin:20px 0;color:var(--muted)}.inspector dt{font-weight:400}.inspector dd{margin:0;font-family:IBM Plex Mono,monospace;font-size:var(--text-small);line-height:1.65}.inspector dd .text-button{font-family:Inter,sans-serif;min-height:14px;font-size:var(--text-small)}.usage{display:flex;border-top:1px solid var(--line);padding-top:15px;gap:30px;font:var(--text-code) "IBM Plex Mono",monospace}.usage small{display:block;color:var(--muted);font-size:var(--text-small);letter-spacing:.7px;margin-top:7px}.notes-at-event{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.notes-at-event h3{font-size:var(--text-small);color:#6f8497;margin-bottom:13px}.notes-at-event>button{font-size:var(--text-small);border-style:dashed;width:100%;color:var(--muted);background:transparent}.inline-note{display:flex;align-items:flex-start;gap:7px;font-size:var(--text-small);line-height:1.8;color:#6d8396;padding:10px;background:#f1f5f9;border-radius:5px;margin-bottom:10px}.inline-note>svg{width:13px;flex-shrink:0;margin-top:3px}.inline-note button{border:0;background:transparent;padding:0;min-height:18px}.inline-note button svg{width:12px}.diff-before,.diff-after{margin-top:17px;padding:12px;border:1px solid #f0d9db;border-radius:5px;background:#fff7f7}.diff-after{border-color:#cdebe0;background:#f0fbf7}.diff-before h3,.diff-after h3{font-size:var(--text-small);margin-bottom:10px;color:#7c8a9b}.diff-before pre,.diff-after pre{font-size:var(--text-code)}.comparison{display:grid;grid-template-columns:minmax(0,1fr) 360px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:17px;overflow:hidden}.comparison .section-bar h2{font:var(--text-small) "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:2px;color:#263e54}.comparison .section-bar p{font-size:var(--text-small);color:var(--muted);margin-top:7px}.comparison .section-bar select{font-size:var(--text-small);max-width:240px;padding:7px}.comparison-row{display:flex;align-items:center;gap:15px;padding:10px 17px;border-top:1px solid #f2f5f7}.comparison-row>b{font-size:var(--text-small);min-width:45px}.comparison-row small{display:block;font-size:var(--text-small);margin-top:5px;font-weight:400;color:var(--muted)}.comparison-row>span{font:var(--text-small) "IBM Plex Mono",monospace;color:var(--muted)}.mini-tape{height:31px;position:relative;flex:1;background:#f4f8fb;border-radius:4px;cursor:ew-resize;overflow:hidden}.mini-event{position:absolute;width:7px;height:16px;top:7px;background:var(--lane);opacity:.45;border-radius:1px}.mini-tape i{position:absolute;top:0;height:31px;width:1.5px;background:#008ece}.divergence{padding:19px 17px;border-left:1px solid var(--line);background:#fcfdff}.divergence .eyebrow{font-size:var(--text-small);letter-spacing:.5px;color:#be6169}.divergence .eyebrow svg{width:17px}.divergence h3{font-size:var(--text-body);margin:10px 0 8px;color:#53667a}.divergence p{font-size:var(--text-small);line-height:1.7;color:var(--muted);margin-bottom:10px}.divergence button{font-size:var(--text-small);padding:6px 9px;min-height:27px}.divergence .text-button{display:flex;margin-top:6px;padding-left:0}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 3px;color:var(--muted);font-size:var(--text-small);gap:10px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:#71869a}.workspace-footer svg{width:17px}.toast{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #bee4d9;background:#edf9f4;border-radius:6px;margin-bottom:15px;font-size:var(--text-body);line-height:1.5}.toast.error{border-color:#efc7cc;background:#fff2f3;color:#a03b4b}.toast button{margin-left:auto;padding:0;border:0;min-height:20px;background:transparent}.empty,.empty-inspector{padding:60px 25px;text-align:center;color:#97a6b6}.empty h1{font-size:23px;color:#2b4254;margin:20px}.empty p{margin:20px}.empty-inspector h3{margin:15px 0}.empty-inspector p{font-size:var(--text-body);line-height:1.8}dialog{color:#24364a;border:1px solid var(--line);border-radius:12px;padding:24px;width:min(590px,calc(100vw - 30px));max-height:88vh;box-shadow:0 20px 100px #11283c22}dialog::backdrop{background:#182c414d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}dialog>header h2{font-size:20px;letter-spacing:-.6px}dialog>p,dialog form>p{font-size:var(--text-body);line-height:1.8;color:#7b8ba0;margin:13px 0}dialog label{display:flex;flex-direction:column;font-size:var(--text-body);gap:9px;margin:16px 0;color:#65798f}dialog textarea{resize:vertical;min-height:70px}dialog input,dialog textarea{font-size:var(--text-body)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.choice{display:flex;align-items:flex-start;flex-direction:column;padding:15px;text-align:left;gap:10px}.choice small{font-size:var(--text-small);line-height:1.7;color:#8292a4;font-weight:400}.callout{background:#f2f6fa;border:1px solid #e2eaf1;padding:15px;border-radius:7px;font-size:var(--text-body);line-height:1.8;color:#6d8297;margin:17px 0}.callout b{color:#496278;font-size:var(--text-body)}.callout p{font-size:var(--text-body);margin-top:8px}.callout pre{font-size:var(--text-small);margin-top:9px}.callout ul{margin-bottom:0;padding-left:17px}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range-fields input{width:100%}label.checkbox{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:var(--text-body)}.checkbox input{width:15px;height:15px}.clip-preview{border:1px solid var(--line);border-radius:6px;background:#f9fbfd;padding:12px}.clip-preview summary{font-size:var(--text-small);cursor:pointer}.clip-preview pre{max-height:225px;overflow:auto;font-size:var(--text-small);margin-top:12px}.modal-actions{display:flex;gap:9px;margin-top:18px}.share-result{padding:14px;background:#effaf5;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-body);border-radius:5px}.share-result a{display:flex;gap:6px}.share-result svg{width:14px}.library-row{display:flex;align-items:center;gap:7px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--text-body)}.library-row>span{flex:1}.library-row small,.library-row a{display:block;margin-top:7px;font-size:var(--text-small);color:#7f92a5}.form-error{background:#fff0f1;color:#b4485b;padding:10px;border-radius:5px;font-size:var(--text-body);line-height:1.7}@media(min-width:1600px){.main{padding-left:38px;padding-right:38px}.studio,.comparison{grid-template-columns:minmax(0,1fr) 400px}.timeline{max-height:none}.inspector{max-height:940px}.event-list{max-height:220px}}@media(max-width:1150px){.app{grid-template-columns:210px minmax(0,1fr)}.main{padding:20px 15px 0}.sidebar{padding-left:9px;padding-right:9px}.studio,.comparison{grid-template-columns:minmax(0,1fr) 320px}.model-tag{max-width:160px;font-size:var(--text-small)}.run-header h1{font-size:21px;gap:8px}.transport{gap:4px;padding:10px 9px}.transport .timecode,.timecode span{font-size:var(--text-small)}.workspace-tag{display:none}.timeline{min-width:640px}.run-actions button{font-size:var(--text-small);padding:6px 8px}}@media(max-width:900px){.app{grid-template-columns:190px minmax(0,1fr)}.topbar{padding:0 18px}.sidebar{padding:22px 7px 0}.studio{grid-template-columns:minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);max-height:550px}.inspector-body{padding:16px 20px}.inspector dl{grid-template-columns:100px 1fr}.comparison{grid-template-columns:1fr}.divergence{border-left:0;border-top:1px solid var(--line)}.run-header{align-items:flex-start}.run-header h1{flex-direction:column;align-items:flex-start;gap:7px}.run-meta{gap:8px;flex-wrap:wrap}.run-actions{flex-direction:column}.model-tag{max-width:none}.workspace-footer{flex-direction:column;align-items:flex-start}.timeline{min-width:670px}.transport .timecode{font-size:var(--text-body)}.inspector-tabs{justify-content:flex-start}.inspector-tabs button{flex:0 0 80px}.capture-note>span{font-size:var(--text-small)}.capture-note button{font-size:var(--text-small)}}@media(max-width:600px){.app{grid-template-columns:1fr;grid-template-rows:68px 1fr}.sidebar{display:none}.topbar{gap:10px;padding:0 12px}.brand{font-size:18px;gap:6px}.brand>svg{width:26px}.brand small{font-size:var(--text-small);letter-spacing:1.2px}.top-actions{gap:5px}.top-actions button{font-size:0;padding:7px;gap:0}.top-actions button svg{width:18px;height:18px}.main{padding:16px 10px 0}.breadcrumb{margin-bottom:16px}.run-header h1{font-size:23px}.capture-note{align-items:flex-start}.transport-left{gap:3px}.transport .play{width:34px}.transport .timecode,.transport select,.timecode span{font-size:var(--text-small)}.timeline-footer{padding:8px;font-size:var(--text-small)}.timeline-footer button{font-size:var(--text-small)}.search{max-width:190px}.search input{width:120px}.section-bar{padding:12px}.comparison .section-bar{align-items:flex-start;flex-direction:column}.local-label{font-size:var(--text-small)}.modal-actions{flex-wrap:wrap}}.ar-mark{font-size:34px;letter-spacing:-7px;font-style:italic;line-height:1;padding-right:7px;font-weight:850}.ar-mark>span{color:#009fbc}.paired-evidence{border-top:1px solid var(--line);padding:16px}.paired-evidence h3{font-size:var(--text-body);margin-bottom:12px}.paired-times,.full-evidence,.changed-field>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paired-evidence .changed-fields{display:grid;gap:10px;margin:12px 0}.changed-field h4{font-size:var(--text-body);overflow-wrap:anywhere;margin:0 0 10px}.paired-times p{color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere}.paired-evidence details>summary{cursor:pointer;padding:10px 0}.changed-field>div>div{min-width:0}.paired-evidence section{min-width:0;background:#f6f9fc;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:var(--text-body)}.paired-evidence pre{font-size:var(--text-code);max-height:260px;overflow:auto;margin-top:12px}.divergence select{width:100%;font-size:var(--text-small);margin-top:14px;padding:7px}.inline-note p{flex:1}.timeline{max-height:355px}.event-list{max-height:158px}@media(max-width:600px){.paired-times,.full-evidence,.changed-field>div{grid-template-columns:1fr}.ar-mark{font-size:26px}.timeline{max-height:355px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.log-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 12px;font-size:var(--text-small);border-top:1px solid var(--line)}.log-pagination button{font-size:var(--text-small);min-height:26px;padding:4px 8px}.studio>.inspector{height:620px;max-height:620px}.timeline{max-height:none}.event-list{max-height:110px}.timeline-scroll{padding:0 12px}.lane-label{font-size:var(--text-body)}.ruler{font-size:var(--text-small)}.data-card pre,.paired-evidence pre{font-size:var(--text-code)}@media(max-width:900px){.studio>.inspector{height:auto;max-height:550px}}.brand-logo{width:55px;height:55px;object-fit:contain;flex-shrink:0}.brand{gap:6px}@media(max-width:600px){.brand-logo{width:38px;height:38px}}.settings-intro{color:var(--muted, #657187);line-height:1.65}.source-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.source-picker button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;text-align:left}.source-picker small,.source-support{font-size:var(--text-body);color:#657187;font-weight:400}.source-guide{border:1px solid #dce5ed;border-radius:12px;background:#f8fbfd;padding:20px}.source-guide h3{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.source-guide li,.settings-section li{margin-bottom:10px;line-height:1.65;overflow-wrap:anywhere}.source-guide pre{white-space:pre-wrap;overflow-wrap:anywhere}.source-guide a{font-size:var(--text-body)}.source-guide details{margin:18px 0}.source-guide summary{cursor:pointer;font-size:var(--text-body);font-weight:600}.settings-section{border-top:1px solid #e4eaf0;margin-top:24px;padding-top:12px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-panel p,.report-panel p{line-height:1.65}.report-preview{font:var(--text-code)/1.65 "IBM Plex Mono",monospace;min-height:210px;resize:vertical}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 4px}.run-actions{flex-wrap:wrap}@media(max-width:600px){.source-picker{grid-template-columns:1fr 1fr}.settings-fields{grid-template-columns:1fr}.source-guide{padding:14px}}.timeline-viewport{position:relative}.timeline{min-width:0;height:350px}.timeline-labels{position:absolute;left:12px;top:0;z-index:1;background:#fff;pointer-events:none;border-right:1px solid #e1e8ef}.transport select[aria-label="Timeline zoom"]{max-width:78px;font-size:var(--text-body)}.comparison{display:flex;flex-direction:column;margin:0 0 16px;border-color:#c7dce9}.comparison .divergence{order:-1;border-left:0;padding:15px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#f0f8fc}.comparison .divergence .eyebrow{color:#117aa7;letter-spacing:0}.comparison .divergence h2{font-size:14px;margin:0;color:#193c54}.comparison .divergence h3{font-size:var(--text-body);color:#117aa7;margin:0}.comparison .divergence p{margin:0;font-size:var(--text-small)}.comparison .divergence button{font-size:var(--text-body);min-height:32px}.comparison .divergence .text-button{display:inline-flex;margin:0}.comparison .divergence select{width:auto;max-width:280px;margin:0;font-size:var(--text-body)}.comparison .comparison-toggle{margin-left:auto}.comparison-main{border-top:1px solid #d6e4ed}@media(max-width:600px){.comparison .divergence{padding:12px;gap:10px}.comparison .divergence select{width:100%;max-width:100%}.comparison .comparison-toggle{margin-left:0}}.analysis-panel{border-top:1px solid #d6e4ee;margin-top:24px;padding-top:18px}.analysis-panel h3{color:#086eae}.analysis-panel h4{margin:20px 0 8px}.analysis-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}.analysis-finding{border-left:3px solid #7fc5ed;padding:0 12px 10px;margin:12px 0}.analysis-citations{display:flex;gap:6px;flex-wrap:wrap}.analysis-citations button{font-size:var(--text-body);overflow-wrap:anywhere;max-width:100%}.analysis-access{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.study-panel,.study-panel form{display:grid;gap:12px}.study-panel label:not(.checkbox){display:grid;gap:6px}.study-entry{padding:14px;border:1px solid var(--border, #dbe4ec);border-radius:8px;overflow-wrap:anywhere}.study-entry button{margin-left:8px}.study-message{white-space:pre-wrap}.analysis-results{margin-top:18px}dialog:has(.tutorial-welcome){width:min(560px,calc(100vw - 32px))}.tutorial-welcome{display:grid;gap:12px}.tutorial-welcome h2{font-size:clamp(18px,2vw,24px);max-width:760px;line-height:1.3;margin:6px 0 8px}.tutorial-welcome p{max-width:780px;font-size:var(--text-body);line-height:1.65}.tutorial-welcome .welcome-eyebrow{color:#086eae;font-size:var(--text-body);font-weight:650}.welcome-alternatives{column-gap:20px}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tutorial-guide{padding:16px 20px;margin-bottom:16px;border:1px solid #bcdff0;border-left:4px solid var(--blue);border-radius:10px;background:#f2faff}.tutorial-guide p{line-height:1.7;overflow-wrap:anywhere;font-size:var(--text-body);max-width:900px}.tutorial-guide h2{color:#086eae;margin:6px 0}@media(max-width:900px){.app{grid-template-rows:auto 1fr}.topbar{flex-wrap:wrap;gap:12px;padding:12px}.top-actions{margin-left:0}.top-actions button{font-size:var(--text-body);gap:6px}}@media(max-width:600px){.app{grid-template-rows:auto auto 1fr}.workspace-toggle{display:inline-flex}.top-actions{width:100%;justify-content:space-between}.sidebar.is-open{display:flex;grid-column:1 / -1;position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 12px 0}.sidebar-utilities{padding-top:20px}.recent-runs{max-height:220px}.run-header{flex-direction:column;gap:16px}.run-actions{flex-direction:row;width:100%;gap:6px}.run-actions button{flex:1;justify-content:center}}.access-setup{border-block:1px solid #dbe4ec;padding-block:12px;margin-block:16px}.report-panel details{margin-block:12px}
