.unified-left-sidebar{position:fixed;top:var(--menu-bar-height, 89px);left:0;bottom:var(--snapsheet-height, 0px);background:var(--sl-surface);border-right:1px solid var(--sl-surface-2);z-index:10;transition:transform .3s ease,width .3s ease;display:flex;flex-direction:column;min-height:0;overflow:hidden}.unified-left-sidebar.slid-out{transform:translate(calc(-100% + 60px))}.left-sidebar-resize-handle{position:absolute;top:0;right:-9px;left:auto;width:18px;height:100%;cursor:col-resize;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:auto}.left-sidebar-resize-handle:before{content:"";width:12px;height:48px;border-radius:9999px;background:radial-gradient(ellipse at center,#94a3b8b3,#94a3b826 70%);box-shadow:inset 0 0 12px #94a3b866;transition:background .2s ease,height .2s ease,box-shadow .2s ease}.left-sidebar-resize-handle:hover:before{background:radial-gradient(ellipse at center,#3b82f6a6,#3b82f633 70%);height:56px;box-shadow:0 0 0 1px #3b82f659}.unified-left-sidebar.disable-pointer-events,.unified-left-sidebar.disable-pointer-events .sidebar-header{pointer-events:none}.unified-left-sidebar .sidebar-header{padding:16px;border-bottom:1px solid var(--sl-surface-2);background:var(--sl-surface);pointer-events:auto;display:flex;justify-content:flex-end}.header-controls{display:flex;justify-content:flex-end;gap:8px}.slide-out-btn{padding:8px;background:var(--sl-surface-2);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;color:var(--sl-text)}.slide-out-btn:hover{background:var(--sl-accent);color:#fff}.minimized-icons{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;align-items:flex-end}.icon-btn{width:40px;height:40px;background:var(--sl-surface-2);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--sl-muted)}.icon-btn.minimized-toggle{background:var(--sl-surface-2);color:var(--sl-text)}.icon-btn.minimized-toggle:hover{background:var(--sl-accent);color:#fff}.icon-btn:hover{background:var(--sl-accent);color:#fff;transform:scale(1.05)}.icon-btn.active{background:var(--sl-accent);color:#fff}.icon-btn i{font-size:16px}.sidebar-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tab-navigation{display:grid;grid-template-columns:repeat(5,minmax(36px,1fr));gap:8px;padding:16px;border-bottom:1px solid var(--sl-surface-2)}.tab-navigation.narrow{padding:12px 8px;gap:4px}.tab-button{padding:12px 10px;background:var(--sl-surface-2);border:none;border-radius:8px;color:var(--sl-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tab-button:hover,.tab-button.active{background:var(--sl-accent);color:#fff}.tab-button .tab-icon{font-size:18px}.tab-button span{font-size:12px;line-height:1;transition:opacity .2s ease}.tab-navigation.narrow .tab-button{padding:10px 6px;gap:2px}.tab-navigation.narrow .tab-button .tab-icon{font-size:16px}.tab-navigation.narrow .tab-button span{opacity:0;pointer-events:none;height:0;overflow:hidden}.search-section{padding:0 16px 16px;border-bottom:1px solid var(--sl-surface-2);display:flex;flex-direction:column;gap:12px}.search-input{width:100%;padding:12px;background:var(--sl-surface-2);border:1px solid var(--sl-surface);border-radius:6px;color:var(--sl-text);font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--sl-accent);box-shadow:0 0 0 1px var(--sl-accent)}.search-input::-moz-placeholder{color:var(--sl-muted)}.search-input::placeholder{color:var(--sl-muted)}.template-display-toggle{display:flex;gap:8px}.template-display-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:12px;font-weight:600;color:var(--sl-muted);background:var(--sl-surface-2);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.template-display-toggle .toggle-btn:hover{color:#fff;background:var(--sl-accent)}.template-display-toggle .toggle-btn.active{color:#fff;background:var(--sl-accent);border-color:var(--sl-accent)}.panel-content{flex:1;overflow-y:auto;padding-bottom:1rem}.panel-section{border-bottom:1px solid var(--sl-surface-2)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--sl-surface);cursor:pointer;transition:background-color .2s ease}.panel-header:hover{background:var(--sl-surface-2)}.panel-header span{font-size:14px;font-weight:600;color:var(--sl-muted);text-transform:uppercase;letter-spacing:.5px}.chevron-btn{padding:4px;background:none;border:none;cursor:pointer;transition:transform .2s ease}.chevron{width:16px;height:16px;color:var(--sl-muted);transition:transform .2s ease;font-size:12px}.panel-content-section{padding:16px;background:var(--sl-surface)}.template-categories{display:flex;gap:8px;margin-bottom:16px}.category-btn{flex:1;padding:8px 12px;background:var(--sl-surface-2);border:none;border-radius:6px;color:var(--sl-text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-btn:hover,.category-btn.active{background:var(--sl-accent);color:#fff}.categories-list{margin-bottom:16px}.section-title{font-size:12px;font-weight:600;color:var(--sl-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--sl-text);cursor:pointer;transition:color .2s ease}.category-item:hover{color:var(--sl-accent)}.category-item .count{color:var(--sl-muted);font-size:12px}.templates-section{margin-top:12px}.template-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;width:100%}.template-overview-card{position:relative;overflow:hidden;border-radius:12px;padding:14px;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:132px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:#fff;text-align:left}.template-overview-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a4d}.template-overview-card.accent-my{background:linear-gradient(140deg,#3b82f6d9,#38bdf8b3);border-color:#7dd3fc8c}.template-overview-card.accent-snaplayer{background:linear-gradient(140deg,#6366f1d9,#f472b6b3);border-color:#c4b5fd8c}.template-overview-card.accent-community{background:linear-gradient(140deg,#22c55ed9,#3b82f6b3);border-color:#86efac8c}.overview-previews{display:flex;gap:8px}.overview-preview{width:42px;height:42px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.6);box-shadow:0 6px 12px #0f172a40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;background:var(--sl-surface)}.overview-preview img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.overview-preview-fallback{display:flex;align-items:center;justify-content:center;background:#0f172a33;color:#fff;font-size:16px}.overview-details{margin-top:auto;display:flex;flex-direction:column;gap:4px}.overview-title{font-size:14px;font-weight:700;letter-spacing:.4px}.overview-count{font-size:12px;opacity:.85}.template-category-section+.template-category-section{margin-top:16px}.template-category-header{display:flex;align-items:center;gap:8px;padding:6px 0}.template-category-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--sl-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease}.template-category-toggle:hover{color:var(--sl-accent);background:var(--sl-surface-2)}.template-category-label{flex:1;font-size:14px;font-weight:600;color:var(--sl-text)}.template-category-count{font-size:12px;color:var(--sl-muted)}.template-category-body{display:flex;flex-direction:column;gap:8px;margin-top:6px}.templates-list{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto;padding-right:4px}.templates-list.visual{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%}.template-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid var(--sl-surface-2);background:var(--sl-surface-2);border-radius:8px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.template-item-compact{background:var(--sl-surface-2)}.template-item-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:0;border-radius:12px;overflow:hidden;border:none;background:var(--sl-surface-2);box-shadow:0 10px 18px #0f172a47;transition:transform .2s ease,box-shadow .2s ease}.template-item:focus{outline:2px solid var(--sl-accent);outline-offset:2px}.template-item-compact:hover{background:var(--sl-surface);border-color:var(--sl-accent);transform:translate(2px)}.template-item-visual:hover{transform:translateY(-3px);box-shadow:0 14px 26px #0f172a52}.template-thumb{flex:0 0 auto;width:100%;max-width:60px;border-radius:6px;overflow:hidden;border:1px solid var(--sl-surface-2);background:var(--sl-surface);display:flex;align-items:center;justify-content:center}.template-thumb img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.template-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--sl-muted);font-size:18px}.template-visual-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--sl-surface)}.template-visual-image img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.template-visual-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#94a3b866,#94a3b826);color:#fffc;font-size:26px}.template-visual-overlay{position:relative;z-index:2;padding:16px;background:linear-gradient(180deg,#0f172a0d,#0f172abf 65%,#0f172af2);color:#fff;display:flex;flex-direction:column;gap:6px}.template-visual-overlay .template-name{color:#fff;font-weight:700;font-size:14px}.template-visual-overlay .template-description{color:#e2e8f0d9}.template-visual-overlay .template-date{color:#e2e8f0b3}.template-actions{display:flex;gap:6px;margin-left:8px;align-self:flex-start}.template-actions-visual{position:absolute;top:10px;right:10px;background:#0f172a8c;padding:6px;border-radius:9999px;gap:4px}.template-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--sl-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.template-actions-visual .template-action-btn{color:#e2e8f0e6;border-color:transparent}.template-action-btn:hover{color:var(--sl-accent);border-color:var(--sl-accent);background:var(--sl-surface)}.template-actions-visual .template-action-btn:hover{background:#3b82f640;color:#fff;border-color:transparent}.template-action-btn.template-action-danger:hover{color:#f87171;border-color:#f87171}.template-meta{flex:1;min-width:0}.template-name{font-size:14px;font-weight:500;color:var(--sl-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-description{font-size:12px;color:var(--sl-muted);margin-bottom:4px;line-height:1.4;max-height:34px;overflow:hidden}.template-date{font-size:12px;color:var(--sl-muted)}.template-item-visual .template-date{color:#e2e8f0b3}.loading-state,.empty-state{text-align:center;padding:32px 16px;color:var(--sl-muted)}.empty-subtitle{font-size:12px;margin-top:4px}.text-elements-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.element-btn{padding:16px;background:var(--sl-surface-2);border:none;border-radius:6px;color:var(--sl-text);cursor:pointer;transition:all .2s ease;text-align:center}.element-btn:hover{background:var(--sl-accent);color:#fff}.element-label{font-size:12px;font-weight:500;margin-top:8px}.image-actions{display:flex;flex-direction:column;gap:12px;width:100%}.action-btn{padding:16px;background:var(--sl-surface-2);border:none;border-radius:6px;color:var(--sl-text);cursor:pointer;transition:all .2s ease;text-align:center}.action-btn:hover{background:var(--sl-accent);color:#fff}.action-label{font-size:12px;font-weight:500;margin-top:8px}.shapes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.shape-btn{padding:16px;background:var(--sl-surface-2);border:none;border-radius:6px;color:var(--sl-text);cursor:pointer;transition:all .2s ease;text-align:center}.shape-btn:hover{background:var(--sl-accent);color:#fff}.shape-btn img{width:24px;height:24px;margin-bottom:8px}.shape-label{font-size:12px;font-weight:500}.show-sidebar-btn{position:fixed;top:80px;left:16px;z-index:100;padding:8px;background:var(--sl-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px #00000026}.show-sidebar-btn:hover{background:var(--sl-accent-hover)}.variations-section{display:flex;flex-direction:column;gap:16px}.variations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variations-list{display:flex;flex-direction:column;gap:8px}.variation-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--sl-surface-2);border:1px solid var(--sl-surface-2);border-radius:8px;cursor:pointer;transition:all .2s ease}.variation-item:hover{background:var(--sl-surface);border-color:var(--sl-accent)}.variation-item.active{background:var(--sl-accent);border-color:var(--sl-accent);color:#fff}.variation-info{flex:1;min-width:0}.variation-name{font-size:14px;font-weight:500;color:var(--sl-text);margin-bottom:2px}.variation-item.active .variation-name{color:#fff}.variation-details{font-size:12px;color:var(--sl-muted)}.variation-item.active .variation-details{color:#fffc}.variation-actions{display:flex;gap:4px;margin-left:8px}@media (max-width: 1024px){.unified-left-sidebar{display:none}}@media (prefers-color-scheme: dark){.unified-left-sidebar{background:var(--sl-surface);border-right-color:var(--sl-surface-2)}.sidebar-header{background:var(--sl-surface);border-bottom-color:var(--sl-surface-2)}.panel-header{background:var(--sl-surface)}.panel-header:hover{background:var(--sl-surface-2)}.panel-content-section{background:var(--sl-surface)}}