.cm-host[data-v-8f399b84]{height:100%}:root{--accent: #f3a21c;--accent-hover: #e09212;--text: #2c3e50;--nav-link: #595959;--muted: #888888;--bg: #fafafa;--panel: #ffffff;--line: #eeeeee;--danger: #c0392b;--sidebar: 248px;--shadow: 0 2px 12px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Avenir,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{cursor:pointer}.app{height:100%;display:flex;min-width:320px}.app.sidebar-collapsed .sidebar{display:none}.app.splitting,.app.splitting *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);display:flex;flex-direction:column;min-height:0;padding:20px 14px 16px;background:#fff;border-right:1px solid var(--line)}.sidebar-head{display:flex;align-items:center;gap:4px}.sidebar-head .brand{flex:1;min-width:0}.icon-btn{flex-shrink:0;width:28px;height:28px;border:0;border-radius:.25rem;background:transparent;color:var(--nav-link);font-size:20px;line-height:1}.icon-btn:hover{background:#f7f7f7;color:var(--text)}.brand{display:block;padding:0 4px 0 0;text-decoration:none}.brand img{display:block;width:100%;height:auto;max-height:36px;object-fit:contain;object-position:left center}.new-project{width:100%;margin:22px 0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:.25rem;padding:.6rem 1rem;background:var(--accent);color:#fff;font-size:.9rem;letter-spacing:1px;transition:background .2s ease-in}.new-project:hover{background:var(--accent-hover)}.side-label{padding:0 8px;margin:12px 0 4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em}.new-project+.side-label{margin-top:8px}.recent{display:flex;flex-direction:column;gap:0;min-height:0;overflow:auto;flex:1}.recent-empty{padding:4px 8px;color:var(--muted);font-size:12px;line-height:1.4}.recent-item{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;flex:0 0 auto;padding:6px 8px;border:0;border-radius:.25rem;background:transparent;color:var(--text);text-align:left}.recent-item.current{background:#f3a21c1f;cursor:default}.recent-item:hover,.recent-item.active{background:#f7f7f7}.recent-item.current:hover{background:#f3a21c1f}.recent-item strong{font-size:13px;font-weight:600;line-height:1.3}.recent-item small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.3}.side-tip{padding:12px;border:1px solid var(--line);border-radius:.25rem;background:#fffdf6}.side-tip strong{display:block;color:var(--text);font-size:12px}.side-tip p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.sidebar-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.avatar{width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:700;line-height:1}.avatar:hover{background:var(--accent-hover)}.account-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.account-name{color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.main{min-width:0;flex:1;display:flex;flex-direction:column;min-height:0}.expand-btn{display:none}.app.sidebar-collapsed .expand-btn{display:inline-flex}.nav-link{border:0;background:transparent;color:var(--nav-link);font-weight:500;font-size:.9rem;padding:0;transition:color .2s ease-in}.nav-link:hover{color:#333}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.25rem;padding:.5rem 1rem;background:#f0f0f0;color:var(--text);font-size:.9rem;line-height:1;letter-spacing:1px;transition:background .2s ease-in}.btn.primary,.heading-actions .btn.primary,.row-actions .btn.primary{background:var(--accent);color:#fff;font-weight:400}.btn.primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn:disabled{opacity:.6;cursor:default}.content{flex:1;min-height:0;display:flex;flex-direction:column;padding:28px 32px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-shrink:0}.title-row{display:flex;align-items:center;gap:8px;min-width:0}.title-display,.title-heading{margin:0;border:0;padding:0;background:transparent;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.title-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(520px,60vw)}.title-heading{width:min(420px,55vw);outline:none;border-bottom:1px solid var(--accent);border-radius:0}.pencil-btn{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--muted);padding:0}.pencil-btn svg{width:15px;height:15px;display:block}.pencil-btn:hover{background:#f3f3f3;color:var(--text)}.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.save-hint{color:var(--muted);font-size:12px}.editor{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.editor-toolbar{height:42px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.file-tab{height:100%;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--accent);color:var(--text);font-size:13px;font-weight:600}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(180px,var(--code-fr, 1.45fr)) 6px minmax(220px,var(--out-fr, .55fr))}.code-pane{min-width:0;min-height:0}.splitter{width:6px;margin:0 -1px;background:var(--line);cursor:col-resize;z-index:2}.splitter:hover,.app.splitting .splitter{background:var(--accent)}.cm-host,.code-pane .cm-host{height:100%}.output-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fcfcfc}.output-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px;font-weight:600}.io-body{flex:1;min-height:120px;overflow:auto;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;white-space:pre-wrap;background:#fff}.io-body .err{color:var(--danger)}.canvas-wrap{flex:0 0 180px;min-height:180px;border-top:1px solid var(--line);background:#fff}.canvas-wrap canvas{display:block;width:100%;height:100%}.input-area{padding:12px 16px 14px;border-top:1px solid var(--line);background:#fff}.input-label{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--text);font-size:12px;font-weight:600}.input-label small{color:var(--muted);font-size:11px;font-weight:400}.input-row{display:flex;gap:8px}.input-row .io-input{min-width:0;flex:1;border:1px solid #ddd;border-radius:.25rem;padding:8px 10px;background:#fff}.input-row .io-input:disabled{background:#fafafa;color:var(--muted)}.foot-status{flex-shrink:0;padding-top:12px;color:var(--muted);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3e5059;display:flex;align-items:center;justify-content:center;z-index:20}.overlay.drawer-overlay{justify-content:flex-end;align-items:stretch}.drawer,.modal{background:#fff;box-shadow:0 10px 30px #0000001a}.drawer{width:min(420px,100%);height:100%;padding:24px;overflow:auto}.modal{width:min(420px,calc(100% - 24px));padding:24px;border-radius:6px}.modal h2,.drawer h2{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:var(--text);text-align:left}.login-hint{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.input{width:100%;border:1px solid #ced4da;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529}.login-input{margin-bottom:20px}.row-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions .btn,.drawer .btn{border:0;background:#f0f0f0;border-radius:.25rem;padding:.5rem 1rem}.row-actions .btn.primary,.drawer .btn.primary{background:var(--accent);color:#fff}.project-item{width:100%;text-align:left;padding:12px;margin-bottom:8px;border:0;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.project-item:hover{outline:2px solid var(--accent)}.project-item small{display:block;color:var(--muted);margin-top:4px;font-weight:400}.error-text{color:var(--danger);font-size:14px;margin:0 0 12px}.sidebar-mask{display:none}@media(max-width:900px){.content{padding:20px 18px}.editor-body{grid-template-columns:1fr!important;grid-template-rows:minmax(240px,1.1fr) minmax(220px,.9fr)}.splitter{display:none}.code-pane{border-bottom:1px solid var(--line)}}@media(max-width:680px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:21;height:100%}.app.sidebar-collapsed .sidebar.open{display:flex}.sidebar-mask.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3e5059;z-index:20}.expand-btn{display:inline-flex}.collapse-btn{display:none}.content{padding:16px 14px}.heading{align-items:flex-start;flex-direction:column}.title-display,.title-heading{font-size:20px;max-width:calc(100vw - 80px)}.input-row{flex-direction:column}}