.logo h1{font-size:17px;font-weight:700}.logo .ac{color:var(--accent)}main{display:flex;flex:1;overflow:hidden;min-height:0}.panel-left{width:350px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg2);height:100%;min-height:0}.panel-hdr{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);flex-shrink:0}.CodeMirror{flex:1;height:100%!important;min-height:0;font-family:JetBrains Mono,monospace;font-size:13px;background:transparent!important}.panel-ftr{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.panel-right{flex:1;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}.toolbar{padding:8px 14px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}#mermaidContainer{flex:1;width:100%;height:100%;cursor:grab}#mermaidContainer:active{cursor:grabbing}.mermaid{height:100%!important;width:100%!important}.loading-overlay{position:absolute;inset:0;background:#0d1117cc;display:none;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(2px)}.loading-overlay.show{display:flex}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);pointer-events:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.show{display:flex}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #00000080}.modal h3{font-size:18px;margin:0}.modal p{font-size:13px;color:var(--muted);margin:0}.modal input{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px;border-radius:8px;outline:none}.modal input:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.export-temp{background:#0d1117;color:#fff;padding:40px;display:flex;flex-direction:column;align-items:center;gap:20px;font-family:Inter,sans-serif}.export-title{font-size:28px;font-weight:700;color:var(--accent);width:100%;text-align:left}.export-watermark{width:100%;text-align:right;color:var(--muted);font-size:14px;margin-top:10px}@media(max-width:768px){.actions{width:100%;justify-content:center;gap:8px}main{flex-direction:column;overflow:auto;height:auto}.panel-left{width:100%!important;height:auto;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border)}.CodeMirror{height:200px!important}.panel-right{flex:none;height:60vh;min-height:400px}.toolbar{flex-wrap:wrap;gap:6px;padding:8px}.toolbar>div:first-child{display:none}.toolbar>div:last-child{flex-wrap:wrap}.coffee-text{display:none}}@media(max-width:480px){.toolbar{padding:6px;gap:4px}}