:root{--bar: #f6f6f7;--line: #dcdce0;--text: #1d1d1f;--muted: #6e6e73;--canvas: #e4e4e7;--error: #c62828;--warning: #a15c00;--accent: #4f46e5;color-scheme:light;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;color:var(--text);background:var(--bar)}header{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--line)}#status{flex:1;color:var(--muted);font-size:13px}.setting{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;user-select:none}.setting input{margin:0;accent-color:var(--accent)}button{padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font:inherit;font-size:13px;cursor:pointer}button:disabled{opacity:.5;cursor:progress}main{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.source{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#fff}#editor{flex:1;min-height:0}#editor .cm-editor{height:100%}#editor .cm-scroller{font-family:ui-monospace,Menlo,monospace;font-size:14px}#editor .cm-source-highlight{border-radius:2px;background:#4f46e538}#problems{max-height:30%;margin:0;padding:8px 16px;overflow:auto;border-top:1px solid var(--line);font:13px ui-monospace,Menlo,monospace;list-style:none}#problems .error{color:var(--error)}#problems .warning{color:var(--warning)}.output{overflow:auto;padding:24px;background:var(--canvas)}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:var(--muted);font-size:15px}#loading:before{content:"";width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#loading:before{animation-duration:3s}}#preview>svg{position:absolute;width:0;height:0}#preview .page{position:relative;margin:0 auto 16px;background:#fff;box-shadow:0 1px 2px #00000040;content-visibility:auto}#preview .page:last-child{margin-bottom:0}#preview .page svg{position:absolute;inset:0;width:100%;height:100%}#preview .page-highlight{fill:#4f46e538;mix-blend-mode:multiply;pointer-events:none}.pages{position:relative}#preview .tsel::selection,#preview .tsel span::selection{background:transparent}#marks{position:absolute;inset:0;pointer-events:none}#marks .mark{position:absolute;border-radius:2px;background:#4f46e538}#marks .ring{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--accent);border-radius:50%}#ask-chip{position:fixed;z-index:10;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;box-shadow:0 2px 8px #00000026;color:var(--accent);font-weight:600}kbd{padding:0 4px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font:11px ui-monospace,Menlo,monospace}#ask-panel{position:fixed;z-index:10;display:flex;flex-direction:column;gap:10px;width:min(400px,calc(100vw - 32px));padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 28px #0000002e}.ask-quote{max-height:4.5em;overflow:hidden;padding-left:8px;border-left:3px solid var(--accent);color:var(--muted);font-size:12px}.ask-source{margin-top:-4px;color:var(--muted);font-size:12px}.ask-form{display:flex;flex-direction:column;gap:8px}.ask-form textarea{width:100%;max-height:160px;padding:8px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;outline:none;font:inherit;font-size:14px;resize:none}.ask-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.ask-suggestions{display:flex;flex-wrap:wrap;gap:6px}.ask-suggestions button{padding:3px 10px;border-radius:999px;background:var(--bar);font-size:12px}.ask-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ask-hint{color:var(--muted);font-size:12px}button.primary{border-color:var(--accent);background:var(--accent);color:#fff}#ask-panel.docked{top:auto!important;right:16px;bottom:16px;left:auto!important;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.ask-run{display:flex;flex-direction:column;gap:8px;min-height:0;font-size:13px}.ask-run p{margin:0}.ask-request{font-weight:600}.ask-steps{max-height:96px;margin:0;padding:0;overflow-y:auto;color:var(--muted);list-style:none}.ask-steps li:before{content:"\2713  ";color:var(--accent)}.ask-steps li:last-child{color:var(--text)}.ask-thinking{overflow:hidden;color:var(--muted);font-style:italic;text-overflow:ellipsis;white-space:nowrap}.ask-picture{margin:0}.ask-picture img{display:block;width:100%;max-height:280px;border:1px solid var(--line);border-radius:4px;background:#fff;object-fit:contain}.ask-picture figcaption{margin-top:4px;color:var(--muted);font-size:12px}.ask-pictures{display:flex;gap:6px;overflow-x:auto}.ask-pictures:empty{display:none}.ask-thumb{flex:none;padding:0;overflow:hidden;border-radius:4px}.ask-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ask-thumb img{display:block;width:64px;height:48px;background:#fff;object-fit:contain}.ask-error{color:var(--error)}.ask-buttons{display:flex;gap:8px;margin-left:auto}.ask-buttons button{white-space:nowrap}#editor .cm-locked .cm-content{caret-color:transparent}#editor .cm-locked{background:#fbfbfc}#editor .cm-deletedChunk .cm-chunkButtons{z-index:1}#editor .cm-deletedChunk button{padding:1px 8px;font:12px system-ui,sans-serif}#preview .page-change{fill:#22a04640;mix-blend-mode:multiply;pointer-events:none}@media(max-width:800px){main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}