@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #fdfcdc;--bg-secondary: #ffffff;--bg-tertiary: #fef0e0;--bg-glass: rgba(253, 252, 220, .92);--accent-primary: #f07167;--accent-secondary: #e85d52;--accent-tertiary: #d44e44;--accent-dark: #0081a7;--accent-success: #00afb9;--accent-warning: #f07167;--accent-error: #c0392b;--text-primary: #0b3c49;--text-secondary: #3d5a66;--text-tertiary: #7b8f98;--border-color: #ece7d0;--border-hover: #d9d2b4;--sidebar-width: 250px;--toolbar-height: 60px;--console-height: 200px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(11, 60, 73, .06);--shadow-md: 0 1px 2px rgba(11, 60, 73, .06), 0 6px 18px rgba(11, 60, 73, .07);--shadow-lg: 0 4px 8px rgba(11, 60, 73, .08), 0 10px 24px rgba(11, 60, 73, .08);--shadow-xl: 0 10px 20px rgba(11, 60, 73, .1), 0 20px 40px rgba(11, 60, 73, .1);--shadow-glow: 0 0 0 1px rgba(11, 60, 73, .06)}:root{--bg-primary: #f6f5f2;--bg-secondary: #ffffff;--bg-tertiary: #edebe6;--bg-glass: #ffffff;--bg-accent-soft: #e3f0f3;--accent-primary: #00708f;--accent-secondary: #005f7a;--accent-tertiary: #004e64;--accent-dark: #00708f;--accent-success: #1d7a52;--accent-warning: #9a5800;--accent-error: #c2352b;--accent-brand: #f07167;--text-primary: #0b3c49;--text-secondary: #3b5560;--text-tertiary: #5c6c73;--text-muted: #5c6c73;--border-color: #e2e0da;--border-hover: #ccc9c0;--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px rgba(0, 112, 143, .55);--font-mono: "SFMono-Regular", "Menlo", "Consolas", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}::selection{background:#00708f2e}:focus-visible{outline:none;box-shadow:var(--focus-ring)}input,textarea{caret-color:var(--accent-primary)}[hidden]{display:none!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}#app{display:flex;flex-direction:column;height:100vh;width:100vw}.btn{padding:.5rem 1rem;border:1px solid transparent;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;font-family:inherit;line-height:1.25}.btn:disabled,.btn-small:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 1px 2px #004e6440}.btn-primary:hover{background:var(--accent-secondary)}.btn-primary:active{background:var(--accent-tertiary)}.btn-outline{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);font-weight:500}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-outline:active{background:var(--bg-secondary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--border-hover)}.btn-icon{padding:.625rem;background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-small{padding:.25rem .5rem;font-size:.75rem;font-weight:600;font-family:inherit;border-radius:.375rem;background:transparent;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-small:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon{font-size:1rem}.content{flex:1;display:flex;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:visible;position:relative;transition:width var(--transition-normal),min-width var(--transition-normal),opacity var(--transition-normal)}.sidebar.collapsed{width:0;min-width:0;padding:0;border-right:none;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-collapse-btn{display:none}.sidebar-header{height:40px;padding:0 .5rem 0 1rem;display:flex;align-items:center;justify-content:space-between}.sidebar-header-actions{display:flex;align-items:center;gap:.25rem}.sidebar-collapse-btn{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:20px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);z-index:100;transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-expand-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 .5rem .5rem 0;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);z-index:100;transition:all var(--transition-fast)}.sidebar-expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-expand-btn.visible{display:flex}.sidebar-header h2{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.file-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem}.file-tree-item{padding:.375rem .625rem;margin:1px 0;border-radius:.375rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.file-tree-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.file-tree-item.active{background:var(--bg-accent-soft);color:var(--text-primary);font-weight:700}.file-tree-item .file-icon{display:inline-flex;flex-shrink:0;color:var(--text-tertiary)}.file-tree-item.active .file-icon{color:var(--accent-primary)}.file-tree-item .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-item .file-actions{display:none;gap:.25rem}.file-tree-item:hover .file-actions{display:flex}.file-action-btn{display:inline-flex;padding:.25rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast),background var(--transition-fast)}.file-action-btn:hover{color:var(--accent-error);background:#c2352b14}.folder-item{font-weight:500}.folder-item:hover{background:var(--bg-tertiary)}.file-in-folder{padding-left:2rem}.file-tree-item.dragging{opacity:.4}.folder-item.drag-over{background:var(--bg-tertiary);border:2px dashed var(--accent-primary);padding-left:calc(.75rem - 2px)}.file-tree.root-drag-over{background:var(--bg-tertiary);border:2px dashed var(--accent-primary);border-radius:.375rem}.file-tree-item[draggable=true]{cursor:move}.file-tree-item.no-drag{cursor:default!important}.resizer{width:1px;background:var(--border-color);cursor:col-resize;position:relative;transition:background var(--transition-fast)}.resizer:hover,.resizer.active{background:var(--accent-primary)}.resizer:before{content:"";position:absolute;inset:0 -4px}.resizer-h{height:1px;background:var(--border-color);cursor:row-resize;position:relative;transition:background var(--transition-fast);flex-shrink:0}.resizer-h:hover,.resizer-h.active{background:var(--accent-primary)}.resizer-h:before{content:"";position:absolute;inset:-4px 0}.editor-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0}.editor-header{height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 .5rem}.tabs{display:flex;gap:.25rem;flex:1;height:100%;overflow-x:auto}.tab{padding:0 .875rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--text-primary);background:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.tab-icon{display:inline-flex;color:var(--accent-primary)}.editor-container{flex:1;overflow:hidden;position:relative}.console{min-height:50px;max-height:80%;height:var(--console-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.console-header{height:36px;padding:0 .5rem 0 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.console-output{flex:1;overflow-y:auto;padding:.5rem;font-family:var(--font-mono);font-size:.8125rem}.console-line{padding:.25rem .5rem;margin:.125rem 0;border-radius:.25rem;font-family:inherit}.console-line.log{color:var(--text-secondary)}.console-line.error{color:var(--accent-error);background:#fbeceb}.console-line.warn{color:var(--accent-warning);background:#fbf1e3}.console-line.input{color:var(--text-tertiary)}.console-input-row{display:flex;align-items:center;gap:.4rem;padding:.35rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);font-family:var(--font-mono)}.console-prompt{color:var(--accent-dark);font-weight:700}.console-input{flex:1;border:none;outline:none;box-shadow:none;background:transparent;font:inherit;font-size:.875rem;color:var(--text-primary)}.save-status{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap}.save-status[data-state=dirty],.save-status[data-state=new]{color:var(--text-secondary)}.save-status[data-state=error]{color:var(--accent-error)}.save-status[data-state=saved]:before{content:"✓ ";color:var(--accent-success)}.share-full{margin-top:.5rem;font-size:.875rem}.share-full a{color:var(--accent-dark)}.libraries-hint{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.library-list{display:flex;flex-direction:column;gap:.25rem}.library-row{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;border-radius:.5rem;cursor:pointer}.library-row:hover{background:var(--bg-tertiary)}.library-row input{margin-top:.2rem;accent-color:var(--accent-primary)}.library-text{flex:1;display:flex;flex-direction:column;font-size:.875rem;color:var(--text-secondary)}.library-text strong{color:var(--text-primary)}.library-row a{font-size:.8rem;color:var(--accent-dark);white-space:nowrap}.preview-panel{width:40%;min-width:300px;background:var(--bg-secondary);display:flex;flex-direction:column}.preview-header{height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:700;color:var(--text-secondary)}.preview-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary)}.preview-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--border-hover);transition:background var(--transition-fast)}#app[data-sketch=running] .preview-status{color:var(--accent-success)}#app[data-sketch=running] .preview-status:before{background:var(--accent-success);box-shadow:0 0 0 3px #1d7a5226}#app[data-sketch=running] .preview-status-stopped,#app:not([data-sketch=running]) .preview-status-running{display:none}.preview-container{flex:1;position:relative;background:#fff}#previewFrame{width:100%;height:100%;border:none;background:#fff}.modal{display:none;position:fixed;inset:0;background:#08242c73;z-index:1000;align-items:center;justify-content:center;padding:2rem}.modal.active{display:flex}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;max-width:800px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modalSlideIn .22s var(--ease-out)}.modal-content.modal-sm{max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1rem 1.25rem 1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.modal-header h2{font-size:1.125rem;font-weight:800}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.asset-preview-container{flex:1;display:flex;justify-content:center;align-items:center;background:var(--bg-primary);overflow:auto;padding:2rem}#editorAssetPreview{text-align:center;max-width:100%}#editorAssetPreview img{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:.5rem}#editorAssetPreview audio{width:100%;min-width:300px}.modal-actions{display:flex;gap:.5rem;margin-top:1.25rem;justify-content:flex-end}.share-url-container{display:flex;gap:.5rem;margin:1rem 0}.share-url-container .input-field{flex:1;font-family:var(--font-mono);font-size:.75rem}.share-expiry{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.share-copy-status{font-size:.75rem;color:var(--accent-dark);margin-top:.25rem}.input-field{width:100%;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00708f2e}#examplesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.example-card{padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all var(--transition-normal)}.example-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.example-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.example-card p{font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.gallery-card .gallery-author{font-size:.75rem;color:var(--accent-dark);margin-bottom:.5rem;font-weight:500}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--text-primary);border:1px solid var(--text-primary);border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:2000;transform:translateY(calc(100% + 2rem));transition:transform .25s var(--ease-out)}.toast.show{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:1024px){.preview-panel{width:35%;min-width:250px}.sidebar{width:200px}}@media(max-width:768px){.toolbar{padding:0 1rem;gap:1rem}.app-title span:last-child{display:none}.content{flex-direction:column}.sidebar{width:100%;max-height:30%;border-right:none;border-bottom:1px solid var(--border-color)}.preview-panel{width:100%;border-left:none;border-top:1px solid var(--border-color)}.resizer{display:none}}.p5-function-highlight{color:#0b7ca9!important;font-weight:600!important}.p5-variable-highlight{color:#d52889!important}@media(prefers-color-scheme:dark){.p5-function-highlight{color:#0f9dd7!important}.p5-variable-highlight{color:#de4a9b!important}}.nav-bar{height:44px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;position:relative;z-index:200;flex-shrink:0}.nav-left,.nav-right{display:flex;align-items:center;gap:0}.nav-user{font-size:.85rem;color:var(--text-secondary);margin-right:.5rem}.nav-logo{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.5rem;margin-right:.75rem;padding:.25rem;border-radius:.5rem}.logo-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent-brand);color:var(--text-primary);font-weight:800;font-size:.6875rem}.logo-text{font-family:Fredoka,Nunito,sans-serif;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:transparent;border:none;border-radius:.375rem;padding:.375rem .625rem;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background var(--transition-fast);font-family:inherit;white-space:nowrap}.nav-dropdown-trigger:hover,.nav-dropdown.open>.nav-dropdown-trigger{background:var(--bg-tertiary)}.nav-dropdown>.nav-dropdown-trigger:after{content:"";width:10px;height:10px;margin-left:.125rem;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat}.nav-dropdown-content{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-lg);padding:.25rem;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:300}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown.open .nav-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:.4375rem .75rem;border-radius:.3125rem;font-size:.875rem;color:var(--text-primary);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast);font-family:inherit;text-decoration:none}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-divider{height:1px;background:var(--border-color);margin:.25rem .5rem}.toolbar{height:48px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;gap:1rem;position:relative;z-index:100;flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-btn{height:32px;padding:0 .875rem 0 .75rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid transparent;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform 80ms ease-out}.toolbar-btn:active{transform:translateY(1px)}.toolbar-btn-play{background:var(--accent-primary);color:#fff;box-shadow:0 1px 2px #004e644d,inset 0 1px #ffffff1f}.toolbar-btn-play:hover{background:var(--accent-secondary)}.toolbar-btn-play:active{background:var(--accent-tertiary)}.toolbar-btn-stop{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.toolbar-btn-stop svg{color:var(--text-tertiary);transition:color var(--transition-fast)}.toolbar-btn-stop:hover{border-color:var(--border-hover);color:var(--text-primary)}#app[data-sketch=running] .toolbar-btn-stop svg{color:var(--accent-error)}#app:not([data-sketch=running]) .toolbar-btn-stop{color:var(--text-tertiary)}.toolbar-btn-play:focus-visible,.toolbar-btn-stop:focus-visible{box-shadow:var(--focus-ring)}.auto-refresh-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;padding:.375rem .5rem;border-radius:.375rem;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.auto-refresh-label:hover{background:var(--bg-tertiary)}.auto-refresh-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}@media(max-width:900px){.nav-bar{padding:0 .5rem}.nav-dropdown-trigger{padding:.5rem;font-size:.8rem}.logo-text{font-size:1rem}.nav-logo{margin-right:.5rem}}@media(max-width:700px){.nav-left{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-left::-webkit-scrollbar{display:none}.toolbar{padding:0 .5rem;gap:.5rem}.toolbar-btn{padding:0 .625rem}.logo-mark,.toolbar-btn-stop .toolbar-btn-label,.auto-refresh-label span{display:none}}