:root{color-scheme:dark}html,body,#root{margin:0;height:100%;background:#0b0b0b;color:#e4e4e4;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.layout{display:flex;flex:1;min-height:0}.left-pane{width:46%;min-width:420px;padding:24px;overflow-y:auto;border-right:1px solid #262626;box-sizing:border-box}.right-pane{flex:1;display:flex;flex-direction:row;min-width:0}.viewer-area{flex:1;min-width:0;display:flex;flex-direction:column}.viewer-hint{padding:7px 14px;font-size:12px;color:#8a94a0;background:#0f1216;border-bottom:1px solid #1c1c1c;flex-shrink:0}.viewer-hint b{color:#8ab4f8;font-weight:500}.info-side-panel{width:340px;flex-shrink:0;box-sizing:border-box;border-left:1px solid #262626;background:#0f1216;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.info-side-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.info-side-head strong{font-size:15px;color:#4ade80;line-height:1.4}.info-side-head button{border:none;background:none;color:#9aa5b1;cursor:pointer;font-size:15px;line-height:1;flex-shrink:0}.info-side-body{font-size:13.5px;line-height:1.7;color:#d5dbe2}.info-side-cite{font-size:12px;color:#8a94a0}.info-side-action{margin-top:auto;padding:8px 10px;background:#1b2a44;border:1px solid #2b4066;border-radius:6px;color:#8ab4f8;font-size:13px;cursor:pointer}.info-side-action:hover{background:#21365a}.term-link{color:#8ab4f8;cursor:pointer;border-bottom:1px dotted #8ab4f8}.term-link:hover{background:#8ab4f829;border-radius:2px}h1{font-size:20px;margin:0 0 20px}h2{font-size:15px;color:#9aa5b1;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.04em}.trace-toggle{margin-top:28px;width:100%;text-align:left;padding:8px 0;background:none;border:none;border-top:1px solid #262626;color:#9aa5b1;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.trace-toggle:hover{color:#e4e4e4}label{display:block;font-size:13px;color:#9aa5b1;margin:14px 0 6px}input,textarea{width:100%;box-sizing:border-box;background:#171717;border:1px solid #333;border-radius:6px;color:#e4e4e4;padding:8px 10px;font-size:14px;font-family:inherit}textarea{resize:vertical}button.generate{margin-top:16px;width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}button.generate:disabled{background:#2a3a55;cursor:not-allowed}.error{margin-top:12px;padding:10px;background:#3a1414;border:1px solid #6b1f1f;border-radius:6px;color:#ff8a8a;font-size:13px;white-space:pre-wrap}.lesson-plan{font-size:14px;line-height:1.6}.lesson-plan a{color:#4ade80}.live-process{margin-top:20px;border:1px solid #262626;border-radius:8px;padding:14px;background:#0f1216}.live-process-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#9aa5b1;margin-bottom:12px}.live-process-spinner{width:10px;height:10px;border-radius:50%;background:#3b82f6;animation:live-process-pulse 1.1s ease-in-out infinite;flex-shrink:0}@keyframes live-process-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.live-process .flow{max-height:420px;overflow-y:auto;scroll-behavior:smooth}.ready-banner{margin-top:20px;padding:16px;background:#10241a;border:1px solid #1f4a34;border-radius:8px}.ready-banner-text{font-size:14px;color:#4ade80;margin-bottom:12px}.ready-banner .generate{margin-top:0}.ready-banner .trace-toggle{border-top:none;margin-top:10px;padding-top:0}.flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.flow li{border-radius:6px;padding:10px 12px;border:1px solid #262626}.flow-assistant{background:#12181f;border-color:#1f2a37}.flow-tool{background:#141414;margin-left:18px}.flow-tool.flow-error{border-color:#6b1f1f}.flow-label{font-size:12px;color:#6b8fb8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.flow-tool .flow-label{color:#9aa5b1}.flow-text{font-size:13px;color:#dbe2ea;white-space:pre-wrap;line-height:1.5}.flow-tool-name{font-family:monospace;font-size:13px;color:#4ade80;margin-bottom:6px}.flow-tool-input{margin:0 0 6px;font-size:12px;color:#9aa5b1;white-space:pre-wrap;word-break:break-all}.flow-tool-result{font-size:12px;color:#ccc;white-space:pre-wrap;word-break:break-all}.page-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.page-nav button{padding:6px 14px;background:#1f1f1f;border:1px solid #333;border-radius:6px;color:#e4e4e4;font-size:13px;cursor:pointer}.page-nav button:disabled{color:#555;cursor:not-allowed}.page-indicator{font-size:13px;color:#9aa5b1}.page-tabs{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.page-tabs button{padding:6px 12px;background:#1f1f1f;border:1px solid #333;border-radius:6px;color:#e4e4e4;font-size:13px;cursor:pointer;white-space:nowrap}.page-tabs button.active{background:#3b82f6;border-color:#3b82f6}.viewer-grid{flex:1;display:grid;grid-template-columns:1fr;gap:2px;background:#262626;overflow:hidden}.viewer-grid.multi{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.viewer-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#0b0b0b}.structure-caption{padding:10px 14px;background:#141414;border-bottom:1px solid #262626;font-size:13px;color:#4ade80}.viewer-host{position:relative;flex:1;min-height:0}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0b0b0bd9}.viewer-overlay.error{color:#ff8a8a}.placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.login-page{height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:320px;padding:32px;border:1px solid #262626;border-radius:10px;background:#111;display:flex;flex-direction:column}.login-card h1{margin:0 0 6px}.login-hint{margin:0 0 20px;font-size:13px;color:#9aa5b1}.login-card label{margin-bottom:6px}.login-card input{margin-bottom:4px;padding:10px 12px}.login-card input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.login-card button[type=submit]{margin-top:20px;width:100%;padding:11px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer}.login-card button[type=submit]:hover:not(:disabled){background:#2f6fd8}.login-card button[type=submit]:disabled{background:#2a3a55;color:#8b98ab;cursor:not-allowed}.login-error{margin-bottom:14px;padding:8px 10px;border-radius:6px;font-size:13px;color:#ffb4b4;background:#2a1414;border:1px solid #4a2020}.app-shell{display:flex;flex-direction:column;height:100vh}.top-bar{flex:0 0 auto;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;color:#9aa5b1;border-bottom:1px solid #262626}.top-bar-user{display:flex;align-items:center;gap:10px}.top-bar-user button{padding:4px 10px;font-size:12px}.link-button{margin-top:12px;background:none;border:none;padding:0;color:#9aa5b1;font-size:12px;text-decoration:underline;cursor:pointer}.link-button:hover{color:#e4e4e4}