body{overscroll-behavior:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}.rustpad-shell{flex-direction:column;width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.rustpad-shell.light{color:#1a202c;background:#fff}.rustpad-shell.dark{color:#cbcaca;background:#1e1e1e}.rustpad-title{text-align:center;flex-shrink:0;padding:2px 0;font-size:14px}.light .rustpad-title{color:#383838;background:#e8e8e8}.dark .rustpad-title{color:#ccc;background:#333}.workspace{flex:auto;min-height:0;display:flex}.sidebar{flex:none;width:20rem;max-width:100%;padding:20px 18px;line-height:1.4;overflow-y:auto}.light .sidebar{background:#f3f3f3}.dark .sidebar{background:#252526}.connection-status{align-items:center;gap:4px;margin-bottom:22px;display:flex}.connection-dot.connected{color:#38a169}.connection-dot.disconnected{color:#dd6b20}.connection-dot.desynchronized{color:#e53e3e}.muted{color:#718096;font-size:14px;font-style:italic}.muted.dark{color:#cbd5e0}.sidebar h2{margin:22px 0 8px;font-size:14px;line-height:1.2}.sidebar p{margin:0 0 10px;font-size:14px}.sidebar a{color:#2b6cb0;font-weight:600;text-decoration:none}.sidebar-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:22px;display:flex}.sidebar-row h2{margin:0}.switch{width:34px;height:20px;position:relative}.switch input{opacity:0}.switch span{cursor:pointer;background:#cbd5e0;border-radius:999px;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:#3182ce}.switch input:checked+span:before{transform:translate(14px)}.rustpad-select{color:#1a202c;background:#fff;border:1px solid #fff;border-radius:4px;width:100%;height:32px;padding:0 8px;font-size:14px}.dark .rustpad-select{color:#cbcaca;background:#3c3c3c;border-color:#3c3c3c}.rustpad-select option{color:#000}.share-link{height:32px;display:flex;position:relative}.share-link input{color:#1a202c;background:#fff;border:1px solid #fff;border-radius:4px;width:100%;padding:0 58px 0 8px;font-size:14px}.dark .share-link input{color:#cbcaca;background:#3c3c3c;border-color:#3c3c3c}.share-link button{color:#1a202c;cursor:pointer;background:#e2e8f0;border:0;border-radius:4px;height:22px;padding:0 8px;font-size:12px;transition:background .12s,box-shadow .12s,transform .12s;position:absolute;top:5px;right:5px}.share-link button:active{transform:translateY(1px)scale(.96);box-shadow:inset 0 1px 3px #0003}.dark .share-link button{color:#fff;background:#575759}.user-list{margin-bottom:24px;font-size:14px}.user-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.user-row:hover{background:#e2e8f0}.dark .user-row:hover{background:#464647}.user-row span:nth-child(2){font-weight:500}.you-label{color:inherit}.sidebar-action{color:#2b6cb0;cursor:pointer;background:0 0;border:1px solid #3182ce;border-radius:4px;align-items:center;gap:8px;height:32px;margin-top:10px;padding:0 12px;font-size:14px;display:inline-flex}.sidebar-action:disabled{opacity:.55;cursor:not-allowed}.sidebar-action+h2{margin-top:30px}.dark .sidebar-action{color:#63b3ed;border-color:#63b3ed}.run-code{color:#08724f;border-color:#09835c}.dark .run-code{color:#4fd1a5;border-color:#4fd1a5}.read-code{color:#6b46c1;border-color:#805ad5}.dark .read-code{color:#b794f4;border-color:#b794f4}.main-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.breadcrumb{color:#888;flex-shrink:0;align-items:center;gap:4px;height:24px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.folder-icon{color:#3182ce;font-size:16px}.gist-icon{color:#805ad5;font-size:16px}.desync{color:#742a2a;background:#fed7d7;flex-shrink:0;padding:8px 14px;font-size:13px}.dark .desync{color:#fed7d7;background:#3a211f}.editor-frame{flex:1 1 0;min-height:0}.output-panel{background:#f8f8f8;border-top:1px solid #d6d6d6;flex-direction:column;flex:none;height:180px;min-height:120px;display:flex}.dark .output-panel{background:#1e1e1e;border-color:#3c3c3c}.output-header{color:#383838;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.dark .output-header{color:#ccc;border-color:#333}.output-meta{color:#718096;align-items:center;gap:12px;font-weight:500;display:flex}.dark .output-meta{color:#a0aec0}.run-status.completed{color:#08724f}.run-status.error,.run-status.timed-out{color:#c53030}.run-status.running{color:#2b6cb0}.dark .run-status.completed{color:#4fd1a5}.dark .run-status.error,.dark .run-status.timed-out{color:#fc8181}.dark .run-status.running{color:#63b3ed}.output-box{flex-direction:column;flex:auto;min-width:0;min-height:0;padding:0 10px 10px;display:flex;overflow:auto}.output-section{flex:none}.output-section-title{color:#718096;letter-spacing:0;text-transform:uppercase;flex:none;padding:6px 0 4px;font-size:11px;font-weight:700}.dark .output-section-title{color:#a0aec0}.output-section pre{color:#1a202c;white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45}.dark .output-section pre{color:#e2e8f0}.footer{color:#fff;background:#0071c3;flex-shrink:0;height:22px;display:flex}.footer-badge{background:#09835c;align-items:center;gap:4px;height:100%;padding:0 16px 0 10px;font-size:12px;display:flex}.popover-backdrop{z-index:20;position:fixed;inset:0}.user-popover{color:#1a202c;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:320px;position:absolute;top:218px;left:270px;box-shadow:0 10px 30px #0000002e}.dark .user-popover{color:#cbcaca;background:#333;border-color:#464647}.popover-header,.popover-footer{border-bottom:1px solid #e2e8f0;padding:8px 12px;font-weight:600}.popover-footer{border-top:1px solid #e2e8f0;border-bottom:0;justify-content:flex-end;display:flex}.dark .popover-header,.dark .popover-footer{border-color:#464647}.popover-close{color:inherit;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.popover-body{padding:12px}.popover-body input{width:100%;height:36px;color:inherit;background:0 0;border:1px solid #cbd5e0;border-radius:4px;margin-bottom:8px;padding:0 8px}.popover-body button,.popover-footer button{color:#1a202c;cursor:pointer;background:#edf2f7;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 12px;display:inline-flex}.popover-body button{width:100%}.popover-footer button{color:#fff;background:#3182ce}.dark .popover-body button{color:#fff;background:#ffffff1f}@media (width<=640px){.sidebar{display:none}.output-panel{height:42vh}.output-streams{grid-template-columns:1fr;overflow-y:auto}.output-stream{border-bottom:1px solid #e4e4e4;border-right:0;min-height:120px}}