/* AgenticScratch web edition. YH Agentic: ink, purple, space. */
:root{color-scheme:light;--paper:#fff;--ink:#18181b;--accent:#641e82}
body{background:#f5f3f7;color:var(--ink);font:14px/1.55 "Segoe UI",Arial,"Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}button,label.image-button,.document-button{min-height:40px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #641e82;outline-offset:3px}button:disabled{cursor:wait;opacity:.5}
.topbar{height:84px;background:#fff;border-bottom:1px solid #e7e1eb;padding:0 32px}.brand strong{font-size:18px;letter-spacing:-.5px}.brand small{font:12px/1.6 "Segoe UI",sans-serif;color:#66616a;letter-spacing:.4px}.brand-mark{background:transparent}.system-state{font-size:11px;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:#66616a}
.workbench{padding:20px 28px 106px;max-width:1700px;margin:auto}.paper-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:transparent;border:0;padding:0;margin-bottom:24px}.document-row{flex:1;justify-content:center;flex-wrap:wrap;gap:8px}.tool-group{gap:4px;background:#fff;border:1px solid #e2dce6;padding:4px;border-radius:12px}.tool{border-radius:8px;font-size:12px;padding:7px 10px}.tool kbd{font-size:10px}.tool.active,.document-button.primary{background:#641e82;color:#fff;border-color:#641e82}.document-button{padding:7px 12px;border-radius:8px;background:#fff;border:1px solid #ded7e3;font-size:12px;display:inline-flex;align-items:center;justify-content:center}#document-title{border:0;background:transparent;width:180px;min-width:90px;max-width:220px;font-weight:600;font-size:14px;text-align:center}#document-status{font-size:11px;color:#66616a}.sample-row{gap:8px}.sample-row label{font-size:11px}.sample-row select{max-width:230px;min-height:42px;border:1px solid #ded7e3;border-radius:8px;background:#fff;padding:8px;font-size:12px}
.workspace-intro{display:flex;align-items:center;gap:18px;margin:0 0 16px;color:#78717e;font-size:12px}.intro-title{color:#18181b;font-size:20px;font-weight:600;letter-spacing:-.5px}.workspace-intro button{margin-left:auto;background:none;border:none;color:#641e82;font-size:12px}.paper-frame{padding:0;border:1px solid #ded7e3;border-radius:16px;overflow:visible;background:#fff;box-shadow:0 8px 32px #35203e08}.paper-page{border:0;border-radius:16px;background-color:#fff;background-image:radial-gradient(#d8d2dc 1px,transparent 1px);background-size:28px 28px;min-height:650px;aspect-ratio:16/10;box-shadow:none;overflow:hidden}.page-heading{font-size:10px;color:#8c8292;left:28px;right:28px;top:20px}.problem-card{top:58px;left:28px;width:min(660px,52%);background:#ffffffed;border:1px solid #e5dfeb;border-radius:10px;padding:14px 16px}.problem-label strong{font-size:12px;color:#641e82}.problem-label span{font-size:10px}.problem-card textarea{font-size:14px;line-height:1.6;background:transparent;min-height:64px}.problem-tools{gap:10px}.problem-tools label,.problem-tools button{font-size:11px;border:1px solid #e5dfeb;border-radius:6px;background:#f5f3f7;padding:5px 9px;min-height:32px}.problem-tools span{font-size:10px}.canvas-hint{font-size:13px;color:#948a9b;bottom:25px}
.recognition-popover,.agent-popover{background:#fff;border:1px solid #ded7e3;border-radius:16px;box-shadow:0 14px 60px #30143e20;padding:24px;z-index:30;touch-action:auto}.recognition-popover{width:min(800px,90%);min-width:0;top:9%;max-height:85%;overflow:auto}.recognition-head h2{font-size:22px;line-height:1.3;font-weight:600}.eyebrow{font-size:10px;letter-spacing:1px;color:#641e82}.recognition-lead{font-size:13px;line-height:1.6;margin:16px 0;color:#66616a}.recognition-workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.source-label{font-size:11px;color:#66616a;display:block;margin:0 0 8px}.recognition-workspace textarea{font-family:Consolas,monospace;font-size:15px;line-height:1.7;min-height:150px;background:#faf9fb;border:1px solid #d8d2dc;border-radius:8px;padding:14px}.recognition-preview{margin:0;border:1px solid #e5dfeb;border-radius:8px;padding:12px;min-height:176px;background:#fff;overflow:auto}.recognition-preview>span{font-size:11px;color:#66616a}.recognition-preview output{display:flex;align-items:center;justify-content:center;min-height:116px;font-size:21px;overflow-wrap:anywhere}.recognition-meta{gap:10px;font-size:11px;line-height:1.6}.badge{font-size:10px;padding:4px 8px;border-radius:5px}.recognition-controls{margin-top:20px;gap:12px}.confirm-button,.secondary-button{border-radius:8px;padding:10px 16px;font-size:13px;min-height:44px}.confirm-button{background:#641e82;color:#fff}.secondary-button{background:#f5f3f7;border-color:#ded7e3}.icon-button{min-width:36px;min-height:36px;border-radius:8px;font-size:24px;background:#f5f3f7;color:#66616a}.shortcut-hint{font-size:10px;color:#8c8292}
.agent-popover{width:min(560px,46%);min-width:360px;max-height:84%;padding:20px;overflow:auto}.formula-summary{display:block}#selected-formula{display:block;font-size:18px;background:#faf9fb;border:1px solid #eee8f1;border-radius:8px;padding:6px 12px;max-width:100%;overflow:auto;margin:10px 0;font-family:Georgia,serif}.edit-button{font-size:11px;background:transparent;padding:0;min-height:30px;color:#641e82}.quick-actions{gap:6px;margin:14px 0;grid-template-columns:repeat(3,1fr)}.quick-actions button{min-height:42px;border:1px solid #e5dfeb;border-radius:8px;background:#fff;font-size:12px}.quick-actions button:hover{background:#ede5f0}.quick-actions button span{color:#9c7aad}.thread{max-height:320px;overscroll-behavior:contain}.message{padding:14px 16px;border:1px solid #eee8f1;border-left:3px solid #a080af;border-radius:8px;background:#faf9fb;margin:10px 0;font-size:13px;line-height:1.7}.message p{line-height:1.7}.message-head{font-size:10px;line-height:1.6;gap:12px;overflow-wrap:anywhere}.message pre{font-size:12px;background:#18181b;color:#f5f3f7;border:0;border-radius:8px;padding:14px;overflow:auto;max-height:240px;white-space:pre}.message.kernel-verified{background:#f3f8f5;border-left-color:#43765c}.message ul{padding-left:18px}.composer{margin-top:12px;gap:8px}.composer textarea{font-size:13px;background:#fff;border:1px solid #ded7e3;border-radius:8px;padding:10px}.send-button{border-radius:8px;background:#641e82;min-width:64px}.trust-key{font-size:9px;justify-content:space-between;padding-top:12px}.continue-review{background:#f6f1f8;border:1px solid #ded0e6;border-radius:10px;padding:14px;margin:12px 0}.continue-review p{font-size:12px}.continue-review textarea{background:white;font-size:14px}.continue-controls{gap:8px;flex-wrap:wrap}.action-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:#641e82;padding:16px}.action-progress[hidden]{display:none}.thinking-dot{width:8px;height:8px;border-radius:50%;background:#641e82;animation:breathe 1.3s ease-in-out infinite}@keyframes breathe{50%{opacity:.25;transform:scale(.7)}}
.action-rail{padding:8px;background:#fff;border:1px solid #ded7e3;border-radius:16px;box-shadow:0 4px 30px #30143e12;bottom:20px;gap:4px}.action-rail button{min-width:76px;min-height:60px;border-radius:10px;background:transparent;border:0}.action-rail button:hover{background:#f5f3f7}.action-rail button.recommended{background:#ede5f0;color:#641e82}.action-rail button b{font-size:18px;color:#641e82}.action-rail button span{display:block;font-size:11px;letter-spacing:0;margin-top:3px}.continuation-block{border:1px solid #c8b0d4;background:#f5eff9f5;border-radius:8px;font-size:20px;padding:6px 14px}.katex-display{margin:.5em 0}.katex{white-space:normal}.annotation-pin{background:#641e82}.message .katex{font-size:1.05em}footer{font-size:11px;padding:0 30px 110px;color:#8c8292;gap:16px;flex-wrap:wrap}
#quick-guide{width:min(600px,calc(100% - 40px));border:1px solid #ded7e3;border-radius:20px;padding:32px;color:#18181b;background:white}#quick-guide::backdrop{background:#18181b60;backdrop-filter:blur(3px)}#close-guide{float:right}#quick-guide h2{font-size:26px;letter-spacing:-.5px;margin:14px 0 24px}#quick-guide ol{padding-left:20px}#quick-guide li{margin:16px 0;line-height:1.7}#quick-guide p{font-size:13px;line-height:1.7}.guide-note{color:#78717e}
@media(min-width:1500px){.paper-page{min-height:800px}}
@media(max-width:1100px){.topbar{padding:16px 20px;height:auto;gap:20px}.system-state{max-width:360px}.paper-toolbar{gap:14px}.document-row{order:-1;flex-basis:100%;justify-content:flex-start}.sample-row{margin-left:auto}.agent-popover{width:48%;padding:16px}.workbench{padding:20px 16px 100px}.workspace-intro>span:nth-child(2){display:none}}
@media(max-width:700px){.topbar{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.brand strong{font-size:17px}.system-state{justify-content:flex-start;font-size:10px;gap:8px;max-width:none}.workbench{padding:16px 10px 100px}.document-row{gap:6px}#document-title{text-align:left;flex:1;width:140px}.document-button{font-size:11px;padding:6px 10px}#document-status{flex-basis:100%;font-size:10px}.paper-toolbar{gap:10px;margin-bottom:16px}.tool-group{width:100%;justify-content:space-between}.tool{font-size:11px;padding:7px}.tool kbd{display:none}.sample-row{width:100%;justify-content:space-between}.sample-row select{flex:1;max-width:none}.workspace-intro{padding:0 4px;gap:8px;margin-bottom:12px}.intro-title{font-size:18px}.paper-page{min-height:710px;aspect-ratio:auto}.problem-card{left:16px;right:16px;width:auto;top:54px;padding:12px}.problem-label span{display:none}.page-heading{left:18px;right:18px}.canvas-hint{left:16px;right:16px;font-size:11px}.recognition-popover,.agent-popover{position:fixed;left:10px!important;right:10px!important;top:50%!important;transform:translateY(-50%);width:auto;min-width:0;max-width:none;max-height:82dvh;padding:18px;border-radius:14px;z-index:60}.recognition-workspace{grid-template-columns:1fr;gap:12px;margin:12px 0}.recognition-workspace textarea{min-height:88px}.recognition-preview{min-height:100px}.recognition-preview output{min-height:70px}.recognition-head h2{font-size:20px}.recognition-lead{font-size:12px}.recognition-controls{gap:8px}.recognition-meta{align-items:flex-start}.recognition-meta #recognition-note{font-size:10px;max-width:70%}.confirm-button,.secondary-button{font-size:12px;padding:8px 12px}.agent-popover .thread{max-height:32dvh}.quick-actions button{min-height:44px}.action-rail{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;width:auto;justify-content:space-around;padding:5px;gap:0;border-radius:12px}.action-rail button{flex:1;min-width:0;max-width:80px;padding:5px 2px;min-height:57px}.action-rail button b{font-size:16px}.action-rail button span{display:block!important;font-size:9px}.trust-key{gap:8px;flex-wrap:wrap}footer{font-size:10px;padding:0 16px 94px}.continuation-block{font-size:15px}.problem-tools{flex-wrap:wrap}#quick-guide{padding:24px}}
.recognition-preview{display:block}.recognition-preview output{font-weight:400}.recognition-head h2,#document-title,.problem-card textarea{font-family:"Segoe UI",Arial,sans-serif}#recognition-editor{border:1px solid #d8d2dc;border-radius:8px;background:#faf9fb;font:15px/1.7 Consolas,monospace;min-height:150px}#recognition-editor:focus{outline-color:#641e82}.action-rail button span{color:#66616a;font-family:"Segoe UI",Arial,sans-serif;text-transform:none;font-size:11px}.system-state{font-family:"Segoe UI",Arial,sans-serif;text-transform:none;font-weight:400;letter-spacing:0}.document-button,.sample-row,footer{font-family:"Segoe UI",Arial,sans-serif;text-transform:none;letter-spacing:0;font-weight:400}footer{border:0}.recognition-preview .katex{font-size:1.15em}
.agent-popover{max-height:76%;display:flex;flex-direction:column;overflow:hidden}.agent-popover[hidden]{display:none}.agent-popover .popover-head,.agent-popover .quick-actions,.agent-popover .composer,.agent-popover .trust-key{flex-shrink:0}.agent-popover .thread{flex:1 1 230px;min-height:80px;overflow:auto;display:block}.agent-popover .thread:empty{display:none}.agent-popover:has(#continue-review:not([hidden])){overflow:auto}.agent-popover:has(#continue-review:not([hidden])) .thread{flex-shrink:0;max-height:180px}.formula-summary #selected-formula{max-height:110px}.message p{font:13px/1.7 "Segoe UI",Arial,sans-serif}.quick-actions{border:0}.quick-actions button{font-family:"Segoe UI",Arial,sans-serif}.quick-actions button:hover{color:#641e82}.message pre{font-family:Consolas,monospace}.annotation-pin{color:white}.document-row{min-width:0}#document-title{min-width:0}
@media(max-width:800px){.recognition-popover{left:50%;transform:translateX(-50%)}}
@media(max-width:700px){.recognition-popover{left:10px!important;transform:translateY(-50%)}#recognition-editor{min-height:88px}.action-rail button span{font-size:10px}.document-row{display:flex}#document-title{width:auto;flex-basis:100%;max-width:none}.recognition-controls{display:flex;flex-wrap:wrap}.recognition-controls button{flex:1}.system-state #recognizer-state{display:none}.system-state #server-state{display:inline}.system-state{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}