.editor-sidebar-wrapper[data-v-216eada0]{position:fixed;right:0;top:60px;height:calc(100vh - 60px);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;pointer-events:none}.btn-show-sidebar[data-v-216eada0]{position:fixed;right:20px;top:80px;width:48px;height:48px;border:none;background:#6366f1;border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:20px;-webkit-box-shadow:0 4px 12px rgba(99,102,241,.4);box-shadow:0 4px 12px rgba(99,102,241,.4);-webkit-transition:all .2s;transition:all .2s;pointer-events:auto}.btn-show-sidebar[data-v-216eada0]:hover{background:#4f46e5;-webkit-transform:scale(1.05);transform:scale(1.05)}.editor-sidebar[data-v-216eada0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:100%;background:#fff;border-radius:12px 0 0 12px;overflow:hidden;pointer-events:auto;-webkit-transition:width .3s cubic-bezier(.4,0,.2,1);transition:width .3s cubic-bezier(.4,0,.2,1)}.categories-panel[data-v-216eada0]{width:240px;min-width:240px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fafafa;border-left:1px solid #eaeaea}.categories-header[data-v-216eada0],.snippets-header[data-v-216eada0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 16px;border-bottom:1px solid #eaeaea;background:#fff}.categories-header .header-title[data-v-216eada0],.snippets-header .header-title[data-v-216eada0]{font-size:15px;font-weight:600;color:#1a1a1a}.btn-icon[data-v-216eada0]{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:6px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;-webkit-transition:all .2s;transition:all .2s}.btn-icon[data-v-216eada0]:hover{background:#e0e0e0;color:#333}.category-list[data-v-216eada0]{list-style:none;margin:0;padding:8px 0;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.category-list li[data-v-216eada0]{padding:12px 16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:14px;color:#4a4a4a;-webkit-transition:all .15s;transition:all .15s;border-right:3px solid transparent}.category-list li .chevron[data-v-216eada0]{opacity:.4;font-size:12px;-webkit-transition:all .15s;transition:all .15s}.category-list li[data-v-216eada0]:hover{background:#f0f0f0;color:#1a1a1a}.category-list li:hover .chevron[data-v-216eada0]{opacity:.7;-webkit-transform:translateX(-2px);transform:translateX(-2px)}.category-list li.selected[data-v-216eada0]{background:#fff;color:#1a1a1a;font-weight:500;border-right-color:#6366f1}.category-list li.selected .chevron[data-v-216eada0]{opacity:1;color:#6366f1}.snippets-panel[data-v-216eada0]{width:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-animation:slideIn-216eada0 .2s ease-out;animation:slideIn-216eada0 .2s ease-out;border-left:1px solid #eaeaea}@-webkit-keyframes slideIn-216eada0{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn-216eada0{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.snippets-list[data-v-216eada0]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.snippet-card[data-v-216eada0]{border:1px solid #eaeaea;border-radius:12px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:#fff}.snippet-card[data-v-216eada0]:hover{border-color:#6366f1;-webkit-box-shadow:0 4px 12px rgba(99,102,241,.15);box-shadow:0 4px 12px rgba(99,102,241,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.snippet-card[data-v-216eada0]:active{-webkit-transform:translateY(0);transform:translateY(0)}.snippet-preview[data-v-216eada0]{width:100%;min-height:100px;background:#f9f9f9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.snippet-preview img[data-v-216eada0]{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.snippet-placeholder[data-v-216eada0]{color:#ccc;font-size:28px;padding:30px}.category-list[data-v-216eada0]::-webkit-scrollbar,.snippets-list[data-v-216eada0]::-webkit-scrollbar{width:6px}.category-list[data-v-216eada0]::-webkit-scrollbar-track,.snippets-list[data-v-216eada0]::-webkit-scrollbar-track{background:transparent}.category-list[data-v-216eada0]::-webkit-scrollbar-thumb,.snippets-list[data-v-216eada0]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.category-list[data-v-216eada0]::-webkit-scrollbar-thumb:hover,.snippets-list[data-v-216eada0]::-webkit-scrollbar-thumb:hover{background:#b0b0b0}