html,:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;width:100%;color-scheme:light dark;color:var(--text-color, rgba(0, 0, 0, .88));background-color:var(--body-background, #fff);--text-color: rgba(0, 0, 0, .88);--body-background: #fff;--link-color: #646cff;--link-hover-color: #535bf2;--button-background: #f9f9f9;--button-text-color: #213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}body{margin:0;padding:0;width:100%;height:100%;min-width:320px;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background);color:var(--button-text-color);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--link-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[data-theme=dark]{--text-color: rgba(255, 255, 255, .87);--body-background: #242424;--link-color: #646cff;--link-hover-color: #535bf2;--button-background: #1a1a1a;--button-text-color: rgba(255, 255, 255, .87)}.toolbar{margin-bottom:16px;width:100%;display:flex;align-items:center;justify-content:space-between}.toolbar-controls{display:flex;align-items:center;gap:8px;width:100%}.editor-select{min-width:150px}.editor-container{position:relative;height:calc(100% - 200px)}.editor-loading{height:calc(100% - 200px);display:flex;justify-content:center;align-items:center}.language-tag{position:absolute;right:20px;bottom:24px;font-size:14px;padding:0 4px;opacity:.4;transition:opacity .3s}.language-tag:hover{opacity:1}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.output-title{margin:0}.output-area{width:100%;height:150px;background-color:var(--background-color, #fff);color:#fff;border-radius:4px;padding:8px;overflow:auto;font-family:monospace;white-space:pre-wrap;word-break:break-all}.gist-list{height:100%;display:flex;flex-direction:column;padding:0 5px}.gist-controls{margin-bottom:12px}.search-bar{display:flex;align-items:center;margin-bottom:8px}.search-input{flex:1}.control-buttons{display:flex;gap:4px;margin-left:8px}.filter-toggle-btn,.sort-toggle-btn{border-radius:4px;display:flex;align-items:center;justify-content:center}.filter-toggle-btn.active,.sort-toggle-btn.active{background-color:var(--primary-color, #1890ff);color:#fff}.filters-panel{background-color:var(--background-color-light, rgba(0, 0, 0, .02));border-radius:6px;padding:10px;margin-bottom:10px;border:1px solid var(--border-color, rgba(0, 0, 0, .06));width:100%;display:flex;flex:1}.filters-container{display:flex;flex:1}.filter-group{flex-direction:column;gap:8px;width:100%;display:flex;flex:1}.filter-label{font-size:13px;color:var(--text-color, rgba(255, 255, 255, .85));margin-bottom:4px;font-weight:500}.filter-select,.date-range-picker{width:100%}.sort-menu-direction{font-size:12px;color:var(--text-secondary-color, rgba(255, 255, 255, .6));margin-left:8px}.gist-list-container{flex:1;overflow:auto;margin-bottom:12px;border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .06))}.gist-pagination{text-align:center;margin-top:16px;position:sticky;bottom:0;background-color:var(--background-color, #fff);padding:8px 0}.gist-item{display:flex;flex:1 1 0%;width:100%;height:auto;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;padding:4px 0}.gist-item-data{display:flex;flex:1 1 0%;transition:all .2s cubic-bezier(.4,0,.2,1);padding:4px;border-radius:4px}.gist-item:not(.active):hover{background-color:#1890ff0d}.gist-item:hover .gist-item-data{transform:translate(5px)}.gist-item.active{border-left:3px solid #1890ff;background-color:#1890ff1a}.code-editor{height:100%;display:flex;flex-direction:column}.gist-name-input{width:"70%";border:"none";border-bottom:"1px solid #d9d9d9";border-radius:0;box-shadow:"none";padding:"2px";transition:"all 0.3s";background:transparent!important}.gist-name-input:hover{border-bottom-color:#40a9ff!important}.gist-name-input:focus{border-bottom-color:#1890ff!important}.gist-name-input::placeholder{color:#bfbfbf}.gist-item .ant-btn-text{color:var(--text-color, rgba(0, 0, 0, .88))}.gist-item .ant-btn-text:hover{color:var(--primary-color, #1890ff);background-color:var(--button-hover-bg, rgba(0, 0, 0, .06))}.gist-add-btn{height:"40px";font-size:"14px";display:"flex";align-items:"center";justify-content:"center"}.container{height:100vh;width:100vw;padding:0;position:fixed;top:0;left:0}.layout{height:100%;width:100%;background:var(--background-color, #fff);position:relative}.sider{background:var(--background-color, #fff);border-right:1px solid var(--border-color, #f0f0f0);padding:16px;overflow-y:auto;height:100%}.content{padding:16px;height:100%;overflow:auto}.toolbar{display:flex;align-items:center;margin-bottom:16px;flex-shrink:0}.loading-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;font-size:18px;background-color:var(--loading-background, #f0f2f5)}.language-tag{z-index:1000}.header-toolbar{position:absolute;top:16px;right:16px;z-index:1000}.theme-selector{cursor:pointer;padding:8px 12px;border-radius:4px;background-color:var(--theme-selector-bg, rgba(0, 0, 0, .03));color:var(--theme-selector-color, rgba(0, 0, 0, .88));transition:all .3s}.theme-selector:hover{background-color:var(--theme-selector-hover-bg, rgba(0, 0, 0, .06))}:root{--background-color: #fff;--border-color: #f0f0f0;--loading-background: #f0f2f5;--theme-selector-bg: rgba(0, 0, 0, .03);--theme-selector-color: rgba(0, 0, 0, .88);--theme-selector-hover-bg: rgba(0, 0, 0, .06);--text-color: rgba(0, 0, 0, .88);--primary-color: #1890ff;--button-hover-bg: rgba(0, 0, 0, .06)}[data-theme=dark]{--background-color: #141414;--border-color: #303030;--loading-background: #1f1f1f;--theme-selector-bg: rgba(255, 255, 255, .08);--theme-selector-color: rgba(255, 255, 255, .85);--theme-selector-hover-bg: rgba(255, 255, 255, .12);--text-color: rgba(255, 255, 255, .85);--primary-color: #1890ff;--button-hover-bg: rgba(255, 255, 255, .12)}