body{color:#222;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;padding:7px 12px}h1{font-size:24px}h2{font-size:19px}.auth-page{width:min(360px,100% - 32px);margin:80px auto}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form input{border:1px solid #999;padding:8px}.auth-form h2{margin-bottom:8px}.text-button{background:0 0;border:0;text-decoration:underline}.error{color:#a00;margin:0}.workspace-page{padding:24px}.workspace-header{border-bottom:1px solid #ccc;justify-content:space-between;align-items:start;gap:16px;display:flex}.workspace-header h1{margin:0}.workspace-header p{margin:8px 0 20px}.project-actions{flex-wrap:wrap;gap:8px;display:flex}.auto-save-control{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 4px;display:inline-flex}.auto-save-control input{width:16px;height:16px;margin:0}.project-status{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.project-status input{border:1px solid #999;padding:7px}.project-status .error{flex-basis:100%}.project-status-warning{color:#6b4300;background:#fff4d6;border:1px solid #d9ad49;border-radius:4px;padding:7px 10px}.project-status-saved{color:#246832}.project-list-page{max-width:720px;margin-top:24px}.project-create-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-create-form input{border:1px solid #999;flex:220px;padding:8px}.project-list{padding:0;list-style:none}.project-list li{border-bottom:1px solid #ddd;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.project-list span{color:#555}.project-list-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.project-list-actions button{color:#a21f1f;background:#fff;border:1px solid #a21f1f;border-radius:4px}.project-list-actions button:hover{background:#fff0f0}.public-project-actions{margin:20px 0}.public-copy-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.public-copy-form input{border:1px solid #999;padding:8px}.public-copy-form .error{flex-basis:100%}.public-author{color:#555;margin:5px 0 0;font-size:14px}.public-editor-layout{border-top:1px solid #ddd;height:min(820px,75vh);min-height:520px}.previewPanel.public-preview-panel{box-sizing:border-box;width:100%;min-width:0;max-width:none}.public-readonly-label{color:#555;font-size:13px}.public-code-panel{flex:1;min-width:0;min-height:0}@media (max-width:900px){.public-editor-layout{height:420px;min-height:0}}.version-history{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin:18px 0;padding:14px 16px}.version-history-toggle{cursor:pointer;align-items:center;gap:10px;font-size:18px;font-weight:700;list-style:none;display:flex}.version-history-toggle::-webkit-details-marker{display:none}.version-history-toggle:before{content:"";border-bottom:2px solid #475569;border-right:2px solid #475569;width:8px;height:8px;transition:transform .16s;transform:rotate(-45deg)}.version-history[open] .version-history-toggle{margin-bottom:10px}.version-history[open] .version-history-toggle:before{transform:rotate(45deg)}.version-history-count{color:#64748b;font-size:13px;font-weight:400}.version-history p{color:#475569;margin:0}.commit-graph-scroll{background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:340px;overflow:auto}.commit-graph-canvas{position:relative}.commit-graph-lines{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.commit-graph-rows{margin:0;padding:0;list-style:none;position:relative}.commit-graph-rows li{height:54px}.commit-graph-row{color:#334155;text-align:left;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;width:100%;height:54px;padding-right:12px;display:flex}.commit-graph-row:hover:not(:disabled){background:#eff6ff}.commit-graph-row:disabled{cursor:wait}.commit-graph-row-current{background:#dbeafe}.commit-graph-title{text-overflow:ellipsis;min-width:160px;max-width:300px;font-weight:600;overflow:hidden}.commit-graph-number{color:#64748b;font-size:12px}.commit-graph-row time{color:#64748b;margin-left:auto;font-size:12px}.version-branch{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 7px;font-size:12px}.version-current-label{color:#1d4ed8;font-size:12px;font-weight:700}.confirm-backdrop{z-index:1000;background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{box-sizing:border-box;background:#fff;border:1px solid #888;border-radius:10px;width:min(420px,100%);padding:24px;box-shadow:0 16px 50px #0003}.confirm-dialog h2{margin:0 0 12px}.confirm-dialog p{margin:0 0 22px;line-height:1.5}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.danger-button{color:#fff;background:#a21f1f;border:1px solid #a21f1f;border-radius:4px}.danger-button:hover{background:#861919}