.project-tree.svelte-1wu1isy.svelte-1wu1isy{display:flex;flex-direction:column;height:100%;overflow-y:auto}.tree-status.svelte-1wu1isy.svelte-1wu1isy{padding:1.5rem 1rem;text-align:center;font-size:.85rem;color:var(--text-tertiary-color, #999)}.tree-list.svelte-1wu1isy.svelte-1wu1isy{display:flex;flex-direction:column;padding:.25rem 0}.tree-node.svelte-1wu1isy.svelte-1wu1isy{display:flex;align-items:center;gap:.35rem;width:100%;padding:.5rem .75rem .5rem .5rem;background:none;border:none;text-align:left;font-size:.85rem;color:var(--body-text-color, #333);cursor:pointer;transition:background .15s ease;position:relative}.tree-node.svelte-1wu1isy.svelte-1wu1isy:hover{background:var(--color-surface-100, #f5f5f5)}.tree-node.active.svelte-1wu1isy.svelte-1wu1isy{background:var(--color-primary-50, #eef2ff);color:var(--color-primary-700, #4338ca)}.tree-node.active.svelte-1wu1isy .folder-icon.svelte-1wu1isy{color:var(--color-primary-500, #667eea)}.expand-btn.svelte-1wu1isy.svelte-1wu1isy{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;color:var(--text-tertiary-color, #999);border-radius:3px}.expand-btn.svelte-1wu1isy.svelte-1wu1isy:hover{background:var(--color-surface-200, #e5e5e5);color:var(--body-text-color, #333)}.expand-spacer.svelte-1wu1isy.svelte-1wu1isy{width:18px;flex-shrink:0}.chevron-icon.svelte-1wu1isy.svelte-1wu1isy{transition:transform .15s ease}.chevron-icon.expanded.svelte-1wu1isy.svelte-1wu1isy{transform:rotate(90deg)}.folder-icon.svelte-1wu1isy.svelte-1wu1isy{flex-shrink:0;color:var(--color-warning-500, #f59e0b)}.node-name.svelte-1wu1isy.svelte-1wu1isy{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.node-badge.svelte-1wu1isy.svelte-1wu1isy{padding:.05rem .3rem;background:var(--color-surface-200, #e5e5e5);border-radius:var(--radius-sm, .25rem);font-size:.65rem;color:var(--text-tertiary-color, #999);white-space:nowrap;flex-shrink:0}.tree-node.active.svelte-1wu1isy .node-badge.svelte-1wu1isy{background:var(--color-primary-100, #e0e7ff);color:var(--color-primary-600, #5a67d8)}.tree-node.archived.svelte-1wu1isy.svelte-1wu1isy{opacity:.6}.tree-node.archived.svelte-1wu1isy .folder-icon.svelte-1wu1isy{color:var(--text-tertiary-color, #999)}.tree-node.archived.svelte-1wu1isy .node-name.svelte-1wu1isy{font-style:italic}.archived-badge.svelte-1wu1isy.svelte-1wu1isy{display:flex;align-items:center;justify-content:center;color:var(--color-warning-500, #f59e0b);flex-shrink:0}.add-child-btn.svelte-1wu1isy.svelte-1wu1isy{display:none;width:18px;height:18px;background:var(--color-primary-50, #eef2ff);border:1px solid var(--color-primary-200, #c7d2fe);border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--color-primary-600, #5a67d8);padding:0;flex-shrink:0;align-items:center;justify-content:center}.tree-node.svelte-1wu1isy:hover .add-child-btn.svelte-1wu1isy{display:flex}.add-child-btn.svelte-1wu1isy.svelte-1wu1isy:hover{background:var(--color-primary-100, #e0e7ff)}.unarchive-btn.svelte-1wu1isy.svelte-1wu1isy{width:22px;height:22px;background:var(--color-success-50, #f0fdf4);border-color:var(--color-success-300, #86efac);color:var(--color-success-600, #16a34a)}.unarchive-btn.svelte-1wu1isy.svelte-1wu1isy:hover{background:var(--color-success-100, #dcfce7);border-color:var(--color-success-400, #4ade80);color:var(--color-success-700, #15803d)}.tree-node.drag-over.svelte-1wu1isy.svelte-1wu1isy{background:var(--color-primary-50, #eef2ff);outline:2px dashed var(--color-primary-400, #818cf8);outline-offset:-2px;border-radius:var(--radius-sm, .25rem)}.tree-node.drop-success.svelte-1wu1isy.svelte-1wu1isy{background:var(--color-success-50, #f0fdf4);transition:background .5s ease}.tree-node.dragging.svelte-1wu1isy.svelte-1wu1isy{opacity:.35}.tree-node.drop-on.svelte-1wu1isy.svelte-1wu1isy{background:var(--color-primary-50, #eef2ff);outline:2px solid var(--color-primary-400, #818cf8);outline-offset:-2px;border-radius:var(--radius-sm, .25rem)}.tree-node.drop-before.svelte-1wu1isy.svelte-1wu1isy:before{content:"";position:absolute;top:-1px;left:.5rem;right:.5rem;height:2px;background:var(--color-primary-500, #667eea);border-radius:1px;z-index:1}.tree-node.drop-after.svelte-1wu1isy.svelte-1wu1isy:after{content:"";position:absolute;bottom:-1px;left:.5rem;right:.5rem;height:2px;background:var(--color-primary-500, #667eea);border-radius:1px;z-index:1}.projects-page.svelte-qrquy.svelte-qrquy{display:flex;flex-direction:column;height:100vh;background:var(--body-background-color, #f8f9fa)}.page-header.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--card-background, #ffffff);border-bottom:1px solid var(--border-color-light, #e0e0e0)}.header-left.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:1rem}.logo-link.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;text-decoration:none}.header-logo.svelte-qrquy.svelte-qrquy{height:56px;width:auto;display:block}.header-sep.svelte-qrquy.svelte-qrquy{color:var(--color-surface-300, #d4d4d4);font-size:.8rem}.page-title.svelte-qrquy.svelte-qrquy{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:.04em;font-variant:small-caps;background:var(--title-gradient, var(--body-text-color, #333));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:.5rem;position:relative}.project-count.svelte-qrquy.svelte-qrquy{font-size:.8rem;color:var(--text-tertiary-color, #999)}.new-project-btn.svelte-qrquy.svelte-qrquy{padding:.4rem .75rem;background:var(--color-primary-500, #667eea);color:#fff;border:none;border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.new-project-btn.svelte-qrquy.svelte-qrquy:hover{background:var(--color-primary-600, #5a67d8)}.archived-toggle-btn.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:500;color:var(--text-secondary-color, #666);cursor:pointer;transition:all .2s}.archived-toggle-btn.svelte-qrquy.svelte-qrquy:hover{background:var(--color-surface-200, #eeeeee);border-color:var(--color-surface-300, #d4d4d4)}.archived-toggle-btn.active.svelte-qrquy.svelte-qrquy{background:var(--color-warning-50, #fffbeb);border-color:var(--color-warning-300, #fcd34d);color:var(--color-warning-700, #b45309)}.page-content.svelte-qrquy.svelte-qrquy{display:flex;flex:1;overflow:hidden}.sidebar.svelte-qrquy.svelte-qrquy{width:280px;min-width:220px;border-right:1px solid var(--border-color-light, #e0e0e0);background:var(--card-background, #ffffff);overflow-y:auto;display:flex;flex-direction:column}.sidebar-toolbar.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border-color-light, #e0e0e0);flex-shrink:0}.main-area.svelte-qrquy.svelte-qrquy{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:2rem}.empty-state.svelte-qrquy.svelte-qrquy{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;max-width:400px}.empty-icon.svelte-qrquy.svelte-qrquy{color:var(--color-surface-300, #d4d4d4)}.empty-title.svelte-qrquy.svelte-qrquy{margin:0;font-size:1.2rem;font-weight:600;color:var(--body-text-color, #333)}.empty-desc.svelte-qrquy.svelte-qrquy{margin:0;font-size:.9rem;color:var(--text-secondary-color, #666);line-height:1.5}.empty-create-btn.svelte-qrquy.svelte-qrquy{padding:.5rem 1.25rem;background:var(--color-primary-500, #667eea);color:#fff;border:none;border-radius:var(--radius-base, .5rem);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.empty-create-btn.svelte-qrquy.svelte-qrquy:hover{background:var(--color-primary-600, #5a67d8);transform:translateY(-1px)}.back-to-agent-btn.svelte-qrquy.svelte-qrquy{padding:.4rem .75rem;background:var(--color-primary-500, #667eea);color:#fff;border:none;border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.back-to-agent-btn.svelte-qrquy.svelte-qrquy:hover{background:var(--color-primary-600, #5a67d8)}.menu-btn.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);cursor:pointer;transition:all .2s ease}.menu-btn.svelte-qrquy.svelte-qrquy:hover{background:var(--color-surface-200, #eeeeee)}.hamburger-icon.svelte-qrquy.svelte-qrquy{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon.svelte-qrquy .bar.svelte-qrquy{width:100%;height:2px;background:var(--body-text-color, #333);border-radius:1px}.menu-overlay.svelte-qrquy.svelte-qrquy{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:50000;display:flex;justify-content:flex-end;padding-top:60px;padding-right:1.5rem}.menu-dropdown.svelte-qrquy.svelte-qrquy{position:relative;margin-top:.5rem;min-width:200px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--card-background, #ffffff);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);box-shadow:0 4px 20px #0003;animation:svelte-qrquy-slideDown .15s ease-out;align-self:flex-start}@keyframes svelte-qrquy-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--body-text-color, #333);cursor:pointer;transition:background .15s ease}.menu-item.svelte-qrquy.svelte-qrquy:hover{background:var(--color-surface-100, #f5f5f5)}.menu-item.svelte-qrquy.svelte-qrquy:not(:last-child){border-bottom:1px solid var(--border-color-light, #e0e0e0)}.menu-icon.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;font-weight:600;color:var(--color-primary-500, #667eea)}.menu-icon-svg.svelte-qrquy.svelte-qrquy{width:20px;height:20px;color:var(--color-primary-500, #667eea)}.menu-item-expandable.svelte-qrquy.svelte-qrquy{display:flex;flex-direction:column}.menu-item-expandable.svelte-qrquy .menu-item.svelte-qrquy{border-bottom:none}.expand-icon.svelte-qrquy.svelte-qrquy{margin-left:auto;font-size:.8rem;transition:transform .2s ease;color:var(--text-secondary-color, #666)}.expand-icon.expanded.svelte-qrquy.svelte-qrquy{transform:rotate(90deg)}.submenu.svelte-qrquy.svelte-qrquy{background:var(--color-surface-50, #fafafa);border-top:1px solid var(--border-color-light, #e0e0e0)}.submenu-item.svelte-qrquy.svelte-qrquy{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem .6rem 2.5rem;background:none;border:none;text-align:left;font-size:.85rem;color:var(--body-text-color, #333);cursor:pointer;transition:background .15s ease}.submenu-item.svelte-qrquy.svelte-qrquy:hover{background:var(--color-surface-100, #f5f5f5)}.submenu-item.active.svelte-qrquy.svelte-qrquy{color:var(--color-primary-600, #5a67d8);font-weight:500}.submenu-item.svelte-qrquy .check.svelte-qrquy{margin-left:auto;color:var(--color-primary-500, #667eea)}.menu-divider.svelte-qrquy.svelte-qrquy{height:1px;background:var(--border-color-light, #e0e0e0);margin:.25rem 0}.admin-item.svelte-qrquy.svelte-qrquy{color:var(--color-warning-700, #b45309)}.logout-item.svelte-qrquy.svelte-qrquy{color:var(--color-error-600, #dc2626)}@media (max-width: 768px){.page-content.svelte-qrquy.svelte-qrquy{flex-direction:column}.sidebar.svelte-qrquy.svelte-qrquy{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-color-light, #e0e0e0);max-height:40vh}.page-header.svelte-qrquy.svelte-qrquy{flex-wrap:wrap;gap:.5rem}}.style-editor.svelte-14vyeqb{display:flex;flex-direction:column;gap:.5rem}.editor-header.svelte-14vyeqb{display:flex;align-items:flex-start}.editor-title-group.svelte-14vyeqb{display:flex;flex-direction:column;gap:.15rem;flex:1}.editor-title-row.svelte-14vyeqb{display:flex;align-items:center;gap:.5rem}.editor-title.svelte-14vyeqb{margin:0;font-size:.85rem;font-weight:600;color:var(--body-text-color, #333)}.editor-subtitle.svelte-14vyeqb{margin:0;font-size:.75rem;color:var(--text-tertiary-color, #999);line-height:1.4}.saved-indicator.svelte-14vyeqb{font-size:.75rem;color:var(--color-success-500, #28a745);font-weight:500;animation:svelte-14vyeqb-fadeIn .2s ease-out}@keyframes svelte-14vyeqb-fadeIn{0%{opacity:0}to{opacity:1}}.toggle-btn.svelte-14vyeqb{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-sm, .25rem);cursor:pointer;font-size:.75rem;color:var(--text-secondary-color, #666);transition:all .2s}.toggle-btn.active.svelte-14vyeqb{background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-200, #c7d2fe);color:var(--color-primary-700, #4338ca)}.toggle-dot.svelte-14vyeqb{width:8px;height:8px;border-radius:50%;background:var(--color-surface-300, #d4d4d4);transition:background .2s}.toggle-dot.on.svelte-14vyeqb{background:var(--color-success-500, #10b981)}.toggle-label.svelte-14vyeqb{font-weight:500}.editor-textarea.svelte-14vyeqb{padding:.6rem .75rem;font-size:.85rem;font-family:inherit;border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);background:var(--card-background, #ffffff);color:var(--body-text-color, #333);resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s,opacity .2s;line-height:1.5}.editor-textarea.svelte-14vyeqb:focus{outline:none;border-color:var(--color-primary-400, #818cf8);box-shadow:0 0 0 2px var(--color-primary-100, #e0e7ff)}.editor-textarea.disabled.svelte-14vyeqb{opacity:.5;background:var(--color-surface-50, #fafafa)}.project-header.svelte-12zyr62.svelte-12zyr62{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color-light, #e0e0e0)}.breadcrumb.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;font-size:.75rem;flex-wrap:wrap}.breadcrumb-link.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.25rem;color:var(--color-primary-600, #5a67d8);text-decoration:none;font-weight:500}.breadcrumb-link.svelte-12zyr62.svelte-12zyr62:hover{text-decoration:underline}.breadcrumb-sep.svelte-12zyr62.svelte-12zyr62{color:var(--text-tertiary-color, #999)}.breadcrumb-current.svelte-12zyr62.svelte-12zyr62{color:var(--body-text-color, #333);font-weight:500}.title-row.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-name.svelte-12zyr62.svelte-12zyr62{margin:0;font-size:1.35rem;font-weight:700;color:var(--body-text-color, #333);cursor:pointer;display:flex;align-items:center;gap:.5rem}.edit-icon.svelte-12zyr62.svelte-12zyr62{opacity:0;color:var(--text-tertiary-color, #999);transition:opacity .2s}.project-name.svelte-12zyr62:hover .edit-icon.svelte-12zyr62{opacity:1}.name-input.svelte-12zyr62.svelte-12zyr62{font-size:1.35rem;font-weight:700;font-family:inherit;color:var(--body-text-color, #333);border:1px solid var(--color-primary-400, #818cf8);border-radius:var(--radius-sm, .25rem);padding:.15rem .5rem;background:var(--card-background, #ffffff);box-shadow:0 0 0 2px var(--color-primary-100, #e0e7ff);outline:none;width:100%;max-width:500px}.header-actions.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.action-btn.svelte-12zyr62.svelte-12zyr62{padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-base, .5rem);cursor:pointer;transition:all .2s;border:1px solid transparent}.rename-btn.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);color:var(--text-secondary-color, #666)}.rename-btn.svelte-12zyr62.svelte-12zyr62:hover{background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-300, #a5b4fc);color:var(--color-primary-700, #4338ca)}.archive-btn.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);color:var(--text-secondary-color, #666)}.archive-btn.svelte-12zyr62.svelte-12zyr62:hover{background:var(--color-warning-50, #fffbeb);border-color:var(--color-warning-300, #fcd34d);color:var(--color-warning-700, #b45309)}.delete-btn.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);color:var(--text-secondary-color, #666)}.delete-btn.svelte-12zyr62.svelte-12zyr62:hover{background:var(--color-error-50, #fef2f2);border-color:var(--color-error-300, #fca5a5);color:var(--color-error-700, #b91c1c)}.desc-row.svelte-12zyr62.svelte-12zyr62{min-height:20px}.project-desc.svelte-12zyr62.svelte-12zyr62{margin:0;font-size:.85rem;color:var(--text-secondary-color, #666);cursor:pointer;line-height:1.4}.project-desc.placeholder.svelte-12zyr62.svelte-12zyr62{color:var(--text-tertiary-color, #999);font-style:italic}.desc-input.svelte-12zyr62.svelte-12zyr62{width:100%;padding:.4rem .5rem;font-size:.85rem;font-family:inherit;color:var(--body-text-color, #333);border:1px solid var(--color-primary-400, #818cf8);border-radius:var(--radius-sm, .25rem);background:var(--card-background, #ffffff);box-shadow:0 0 0 2px var(--color-primary-100, #e0e7ff);outline:none;resize:none}.meta-row.svelte-12zyr62.svelte-12zyr62{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-tertiary-color, #999)}.meta-badge.archived.svelte-12zyr62.svelte-12zyr62{padding:.1rem .4rem;background:var(--color-warning-50, #fffbeb);color:var(--color-warning-700, #b45309);border-radius:var(--radius-sm, .25rem);font-weight:500;font-size:.7rem}.meta-sep.svelte-12zyr62.svelte-12zyr62{color:var(--color-surface-300, #d4d4d4)}.style-prompt-section.svelte-12zyr62.svelte-12zyr62{padding-top:.5rem;border-top:1px solid var(--border-color-light, #e0e0e0)}.delete-overlay.svelte-12zyr62.svelte-12zyr62{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50000}.delete-dialog.svelte-12zyr62.svelte-12zyr62{background:var(--card-background, #ffffff);border-radius:var(--radius-lg, .75rem);padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.delete-text.svelte-12zyr62.svelte-12zyr62{margin:0 0 1rem;font-size:.9rem;color:var(--body-text-color, #333);line-height:1.5}.delete-buttons.svelte-12zyr62.svelte-12zyr62{display:flex;justify-content:flex-end;gap:.5rem}.delete-btn.svelte-12zyr62.svelte-12zyr62{padding:.4rem 1rem;font-size:.85rem;font-weight:500;border-radius:var(--radius-base, .5rem);cursor:pointer}.delete-btn.cancel.svelte-12zyr62.svelte-12zyr62{background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);color:var(--text-secondary-color, #666)}.delete-btn.confirm.svelte-12zyr62.svelte-12zyr62{background:var(--color-error-500, #ef4444);border:none;color:#fff}.delete-btn.confirm.svelte-12zyr62.svelte-12zyr62:hover{background:var(--color-error-700, #b91c1c)}.canvas-list.svelte-mzs637.svelte-mzs637{display:flex;flex-direction:column}.list-status.svelte-mzs637.svelte-mzs637{padding:2rem 1rem;text-align:center;font-size:.85rem;color:var(--text-tertiary-color, #999)}.empty-state.svelte-mzs637.svelte-mzs637{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;text-align:center}.empty-icon.svelte-mzs637.svelte-mzs637{color:var(--color-surface-300, #d4d4d4)}.empty-text.svelte-mzs637.svelte-mzs637{margin:0;font-size:.9rem;color:var(--text-secondary-color, #666);font-weight:500}.empty-hint.svelte-mzs637.svelte-mzs637{margin:0;font-size:.8rem;color:var(--text-tertiary-color, #999)}.canvas-grid.svelte-mzs637.svelte-mzs637{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.canvas-card.svelte-mzs637.svelte-mzs637{display:flex;flex-direction:column;background:var(--card-background, #ffffff);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);overflow:hidden;transition:border-color .2s,box-shadow .2s}.canvas-card.svelte-mzs637.svelte-mzs637:hover{border-color:var(--color-primary-200, #c7d2fe);box-shadow:0 2px 8px #00000014}.card-thumb.svelte-mzs637.svelte-mzs637{width:100%;height:140px;overflow:hidden;background:var(--color-surface-50, #fafafa)}.card-thumb.svelte-mzs637 img.svelte-mzs637{width:100%;height:100%;object-fit:cover}.thumb-placeholder.svelte-mzs637.svelte-mzs637{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-surface-300, #d4d4d4)}.card-info.svelte-mzs637.svelte-mzs637{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem}.card-name.svelte-mzs637.svelte-mzs637{font-size:.85rem;font-weight:600;color:var(--body-text-color, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-template.svelte-mzs637.svelte-mzs637{font-size:.75rem;color:var(--text-secondary-color, #666)}.card-mode.svelte-mzs637.svelte-mzs637{font-size:.7rem;color:var(--text-tertiary-color, #999);text-transform:capitalize}.card-date.svelte-mzs637.svelte-mzs637{font-size:.7rem;color:var(--text-tertiary-color, #999)}.card-style-badge.svelte-mzs637.svelte-mzs637{display:inline-block;width:fit-content;padding:.05rem .35rem;background:var(--color-primary-50, #eef2ff);color:var(--color-primary-600, #5a67d8);border-radius:var(--radius-sm, .25rem);font-size:.65rem;font-weight:500}.card-actions.svelte-mzs637.svelte-mzs637{display:flex;gap:.35rem;padding:.5rem .75rem;border-top:1px solid var(--border-color-light, #e0e0e0);background:var(--color-surface-50, #fafafa)}.action-btn.svelte-mzs637.svelte-mzs637{flex:1;padding:.35rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm, .25rem);cursor:pointer;transition:all .2s;border:1px solid transparent}.action-btn.primary.svelte-mzs637.svelte-mzs637{background:var(--color-primary-500, #667eea);color:#fff;border:none}.action-btn.primary.svelte-mzs637.svelte-mzs637:hover{background:var(--color-primary-600, #5a67d8)}.action-btn.danger.svelte-mzs637.svelte-mzs637{background:none;color:var(--text-tertiary-color, #999);border-color:var(--border-color-light, #e0e0e0)}.action-btn.danger.svelte-mzs637.svelte-mzs637:hover{color:var(--color-error-500, #ef4444);border-color:var(--color-error-500, #ef4444);background:var(--color-error-50, #fef2f2)}.delete-confirm.svelte-mzs637.svelte-mzs637{display:flex;flex-direction:column;gap:.35rem;width:100%}.confirm-text.svelte-mzs637.svelte-mzs637{font-size:.75rem;color:var(--color-error-700, #b91c1c);font-weight:500}.confirm-buttons.svelte-mzs637.svelte-mzs637{display:flex;gap:.35rem}.confirm-btn.svelte-mzs637.svelte-mzs637{flex:1;padding:.3rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm, .25rem);cursor:pointer;border:1px solid var(--border-color-light, #e0e0e0)}.confirm-btn.cancel.svelte-mzs637.svelte-mzs637{background:var(--color-surface-100, #f5f5f5);color:var(--text-secondary-color, #666)}.confirm-btn.delete.svelte-mzs637.svelte-mzs637{background:var(--color-error-500, #ef4444);color:#fff;border-color:var(--color-error-500, #ef4444)}.image-grid-container.svelte-ofs2w8.svelte-ofs2w8{display:flex;flex-direction:column;gap:1.25rem}.grid-status.svelte-ofs2w8.svelte-ofs2w8{padding:2rem 1rem;text-align:center;font-size:.85rem;color:var(--text-tertiary-color, #999)}.empty-hint.svelte-ofs2w8.svelte-ofs2w8{margin:0;padding:.25rem .1rem;font-size:.8rem;color:var(--text-tertiary-color, #999)}.add-tile.svelte-ofs2w8.svelte-ofs2w8{display:flex;align-items:center;justify-content:center;width:100%;min-height:150px;background:var(--color-surface-50, #fafafa);border:2px dashed var(--border-color, #d4d4d4);border-radius:var(--radius-base, .5rem);color:var(--text-tertiary-color, #999);cursor:pointer;padding:0;transition:border-color .2s,background .2s,color .2s}.add-tile.svelte-ofs2w8.svelte-ofs2w8:hover{border-color:var(--color-primary-300, #a5b4fc);background:var(--color-primary-50, #eef2ff);color:var(--color-primary-600, #5a67d8)}.image-group.svelte-ofs2w8.svelte-ofs2w8{display:flex;flex-direction:column;gap:.5rem}.group-header.svelte-ofs2w8.svelte-ofs2w8{display:flex;align-items:center;gap:.5rem}.group-title.svelte-ofs2w8.svelte-ofs2w8{margin:0;font-size:.8rem;font-weight:600;color:var(--text-secondary-color, #666);text-transform:uppercase;letter-spacing:.03em}.group-count.svelte-ofs2w8.svelte-ofs2w8{padding:.05rem .35rem;background:var(--color-surface-200, #e5e5e5);border-radius:var(--radius-sm, .25rem);font-size:.7rem;color:var(--text-tertiary-color, #999)}.group-grid.svelte-ofs2w8.svelte-ofs2w8{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.image-card.svelte-ofs2w8.svelte-ofs2w8{display:flex;flex-direction:column;background:var(--card-background, #ffffff);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);overflow:hidden;position:relative;transition:border-color .2s;cursor:grab}.image-card.svelte-ofs2w8.svelte-ofs2w8:active{cursor:grabbing;opacity:.7}.image-card.svelte-ofs2w8.svelte-ofs2w8:hover{border-color:var(--color-primary-200, #c7d2fe)}.card-thumb.svelte-ofs2w8.svelte-ofs2w8{width:100%;height:120px;overflow:hidden;background:var(--color-surface-50, #fafafa);cursor:pointer}.card-thumb.svelte-ofs2w8 img.svelte-ofs2w8{width:100%;height:100%;object-fit:cover}.card-footer.svelte-ofs2w8.svelte-ofs2w8{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;min-height:28px}.card-name.svelte-ofs2w8.svelte-ofs2w8{flex:1;font-size:.7rem;color:var(--text-secondary-color, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.card-name.svelte-ofs2w8.svelte-ofs2w8:hover{color:var(--color-primary-600, #5a67d8)}.card-name-input.svelte-ofs2w8.svelte-ofs2w8{flex:1;font-size:.7rem;color:var(--body-text-color, #333);background:var(--color-surface-50, #fafafa);border:1px solid var(--color-primary-300, #a5b4fc);border-radius:3px;padding:.1rem .25rem;outline:none;min-width:0}.card-name-input.svelte-ofs2w8.svelte-ofs2w8:focus{border-color:var(--color-primary-500, #667eea);box-shadow:0 0 0 2px #667eea33}.card-actions.svelte-ofs2w8.svelte-ofs2w8{display:flex;align-items:center;gap:.25rem}.remix-btn.svelte-ofs2w8.svelte-ofs2w8{display:none;width:20px;height:20px;background:none;border:none;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;padding:0;color:var(--color-success-700, #4ade80);flex-shrink:0;animation:svelte-ofs2w8-shimmer 2.5s ease-in-out infinite}.image-card.svelte-ofs2w8:hover .remix-btn.svelte-ofs2w8{display:flex}.remix-btn.svelte-ofs2w8.svelte-ofs2w8:hover:not(:disabled){color:var(--color-success-500, #22c55e)}.remix-btn.svelte-ofs2w8.svelte-ofs2w8:disabled{opacity:.5;cursor:wait;animation:none}@keyframes svelte-ofs2w8-shimmer{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.5)}}.remove-btn.svelte-ofs2w8.svelte-ofs2w8{display:none;width:20px;height:20px;background:var(--color-error-50, #fef2f2);border:1px solid var(--color-error-200, #fecaca);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;padding:0;color:var(--color-error-500, #ef4444);flex-shrink:0}.image-card.svelte-ofs2w8:hover .remove-btn.svelte-ofs2w8{display:flex}.remove-btn.svelte-ofs2w8.svelte-ofs2w8:hover{background:var(--color-error-100, #fee2e2)}.remove-confirm.svelte-ofs2w8.svelte-ofs2w8{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--color-error-700, #b91c1c);font-weight:500}.confirm-yes.svelte-ofs2w8.svelte-ofs2w8,.confirm-no.svelte-ofs2w8.svelte-ofs2w8{width:18px;height:18px;border:none;border-radius:50%;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.confirm-yes.svelte-ofs2w8.svelte-ofs2w8{background:var(--color-error-500, #ef4444);color:#fff}.confirm-no.svelte-ofs2w8.svelte-ofs2w8{background:var(--color-surface-300, #d4d4d4);color:#fff}.gallery-grid-container.svelte-4fgwxj.svelte-4fgwxj{display:flex;flex-direction:column;gap:.75rem}.grid-status.svelte-4fgwxj.svelte-4fgwxj{padding:2rem 1rem;text-align:center;font-size:.85rem;color:var(--text-tertiary-color, #999)}.empty-state.svelte-4fgwxj.svelte-4fgwxj{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;text-align:center}.empty-icon.svelte-4fgwxj.svelte-4fgwxj{color:var(--color-surface-300, #d4d4d4)}.empty-text.svelte-4fgwxj.svelte-4fgwxj{margin:0;font-size:.9rem;color:var(--text-secondary-color, #666);font-weight:500}.empty-hint.svelte-4fgwxj.svelte-4fgwxj{margin:0;font-size:.8rem;color:var(--text-tertiary-color, #999)}.gallery-header.svelte-4fgwxj.svelte-4fgwxj{display:flex;align-items:center;gap:.5rem}.gallery-count.svelte-4fgwxj.svelte-4fgwxj{font-size:.8rem;font-weight:600;color:var(--text-secondary-color, #666);text-transform:uppercase;letter-spacing:.03em}.gallery-grid.svelte-4fgwxj.svelte-4fgwxj{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.image-card.svelte-4fgwxj.svelte-4fgwxj{display:flex;flex-direction:column;background:var(--card-background, #ffffff);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);overflow:hidden;position:relative;transition:border-color .2s;cursor:grab}.image-card.svelte-4fgwxj.svelte-4fgwxj:active{cursor:grabbing;opacity:.7}.image-card.svelte-4fgwxj.svelte-4fgwxj:hover{border-color:var(--color-primary-200, #c7d2fe)}.card-thumb.svelte-4fgwxj.svelte-4fgwxj{width:100%;height:120px;overflow:hidden;background:var(--color-surface-50, #fafafa);cursor:pointer}.card-thumb.svelte-4fgwxj img.svelte-4fgwxj{width:100%;height:100%;object-fit:cover}.card-footer.svelte-4fgwxj.svelte-4fgwxj{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;min-height:28px}.card-name.svelte-4fgwxj.svelte-4fgwxj{flex:1;font-size:.7rem;color:var(--text-secondary-color, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.card-name.svelte-4fgwxj.svelte-4fgwxj:hover{color:var(--color-primary-600, #5a67d8)}.card-name-input.svelte-4fgwxj.svelte-4fgwxj{flex:1;font-size:.7rem;color:var(--body-text-color, #333);background:var(--color-surface-50, #fafafa);border:1px solid var(--color-primary-300, #a5b4fc);border-radius:3px;padding:.1rem .25rem;outline:none;min-width:0}.card-name-input.svelte-4fgwxj.svelte-4fgwxj:focus{border-color:var(--input-border-focus, var(--color-primary-500, #667eea));box-shadow:0 0 0 2px var(--color-primary-200, rgba(102, 126, 234, .2))}.add-btn.svelte-4fgwxj.svelte-4fgwxj{display:none;width:20px;height:20px;background:var(--color-success-50, #f0fdf4);border:1px solid var(--color-success-200, #bbf7d0);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;padding:0;color:var(--color-success-600, #16a34a);flex-shrink:0}.image-card.svelte-4fgwxj:hover .add-btn.svelte-4fgwxj{display:flex}.add-btn.svelte-4fgwxj.svelte-4fgwxj:hover{background:var(--color-success-100, #dcfce7)}.add-btn.added.svelte-4fgwxj.svelte-4fgwxj{display:flex;background:var(--color-success-500, #22c55e);border-color:var(--color-success-500, #22c55e);color:#fff;cursor:default}.load-more-container.svelte-4fgwxj.svelte-4fgwxj{display:flex;justify-content:center;padding:.75rem 0}.load-more-btn.svelte-4fgwxj.svelte-4fgwxj{padding:.4rem 1.25rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);font-size:.8rem;color:var(--text-secondary-color, #666);cursor:pointer;transition:all .15s}.load-more-btn.svelte-4fgwxj.svelte-4fgwxj:hover:not(:disabled){background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-200, #c7d2fe);color:var(--color-primary-700, #4338ca)}.load-more-btn.svelte-4fgwxj.svelte-4fgwxj:disabled{opacity:.6;cursor:wait}.annotations-editor.svelte-7da02z{display:flex;flex-direction:column;gap:.5rem}.editor-header.svelte-7da02z{display:flex;align-items:center;justify-content:space-between}.editor-title.svelte-7da02z{margin:0;font-size:.85rem;font-weight:600;color:var(--body-text-color, #333)}.saved-indicator.svelte-7da02z{font-size:.75rem;color:var(--color-success-500, #28a745);font-weight:500;animation:svelte-7da02z-fadeIn .2s ease-out}@keyframes svelte-7da02z-fadeIn{0%{opacity:0}to{opacity:1}}.editor-textarea.svelte-7da02z{padding:.75rem;font-size:.85rem;font-family:inherit;border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);background:var(--card-background, #ffffff);color:var(--body-text-color, #333);resize:vertical;min-height:200px;transition:border-color .2s,box-shadow .2s;line-height:1.6}.editor-textarea.svelte-7da02z:focus{outline:none;border-color:var(--color-primary-400, #818cf8);box-shadow:0 0 0 2px var(--color-primary-100, #e0e7ff)}.project-panel.svelte-1a103py.svelte-1a103py{display:flex;flex-direction:column;gap:.75rem;height:100%}.sub-projects.svelte-1a103py.svelte-1a103py{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.25rem 0}.sub-label.svelte-1a103py.svelte-1a103py{font-size:.8rem;font-weight:500;color:var(--text-secondary-color, #666);margin-right:.25rem}.sub-chip.svelte-1a103py.svelte-1a103py{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-sm, .25rem);font-size:.75rem;color:var(--body-text-color, #333);text-decoration:none;transition:all .15s;cursor:pointer}.sub-chip.svelte-1a103py.svelte-1a103py:hover{background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-200, #c7d2fe);color:var(--color-primary-700, #4338ca)}.sub-chip.add-btn.svelte-1a103py.svelte-1a103py{color:var(--color-primary-600, #5a67d8);border-style:dashed}.tab-bar.svelte-1a103py.svelte-1a103py{display:flex;border-bottom:2px solid var(--border-color-light, #e0e0e0);gap:0}.tab-btn.svelte-1a103py.svelte-1a103py{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.85rem;font-weight:500;color:var(--text-secondary-color, #666);cursor:pointer;transition:all .2s}.tab-btn.svelte-1a103py.svelte-1a103py:hover{color:var(--body-text-color, #333)}.tab-btn.active.svelte-1a103py.svelte-1a103py{color:var(--color-primary-600, #5a67d8);border-bottom-color:var(--color-primary-500, #667eea)}.tab-count.svelte-1a103py.svelte-1a103py{padding:.05rem .35rem;background:var(--color-surface-200, #e5e5e5);border-radius:var(--radius-sm, .25rem);font-size:.7rem;color:var(--text-tertiary-color, #999)}.tab-btn.active.svelte-1a103py .tab-count.svelte-1a103py{background:var(--color-primary-100, #e0e7ff);color:var(--color-primary-600, #5a67d8)}.tab-content.svelte-1a103py.svelte-1a103py{flex:1;overflow-y:auto;padding:.5rem 0}.no-project.svelte-1a103py.svelte-1a103py{display:flex;align-items:center;justify-content:center;height:200px;font-size:.9rem;color:var(--text-tertiary-color, #999)}.detail-page.svelte-69eo47.svelte-69eo47{display:flex;flex-direction:column;height:100vh;background:var(--body-background-color, #f8f9fa)}.page-header.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--card-background, #ffffff);border-bottom:1px solid var(--border-color-light, #e0e0e0)}.header-left.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:1rem}.logo-link.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;text-decoration:none}.header-logo.svelte-69eo47.svelte-69eo47{height:56px;width:auto;display:block}.page-title.svelte-69eo47.svelte-69eo47{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:.04em;font-variant:small-caps;background:var(--title-gradient, var(--body-text-color, #333));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-sep.svelte-69eo47.svelte-69eo47{color:var(--color-surface-300, #d4d4d4);font-size:.8rem}.header-right.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:.5rem;position:relative}.new-project-btn.svelte-69eo47.svelte-69eo47{padding:.4rem .75rem;background:var(--color-primary-500, #667eea);color:#fff;border:none;border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.new-project-btn.svelte-69eo47.svelte-69eo47:hover{background:var(--color-primary-600, #5a67d8)}.archived-toggle-btn.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:500;color:var(--text-secondary-color, #666);cursor:pointer;transition:all .2s}.archived-toggle-btn.svelte-69eo47.svelte-69eo47:hover{background:var(--color-surface-200, #eeeeee);border-color:var(--color-surface-300, #d4d4d4)}.archived-toggle-btn.active.svelte-69eo47.svelte-69eo47{background:var(--color-warning-50, #fffbeb);border-color:var(--color-warning-300, #fcd34d);color:var(--color-warning-700, #b45309)}.page-content.svelte-69eo47.svelte-69eo47{display:flex;flex:1;overflow:hidden}.sidebar.svelte-69eo47.svelte-69eo47{width:280px;min-width:220px;border-right:1px solid var(--border-color-light, #e0e0e0);background:var(--card-background, #ffffff);overflow-y:auto;display:flex;flex-direction:column}.sidebar-toolbar.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border-color-light, #e0e0e0);flex-shrink:0}.main-area.svelte-69eo47.svelte-69eo47{flex:1;overflow-y:auto;padding:1.5rem}.error-state.svelte-69eo47.svelte-69eo47{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;text-align:center}.error-state.svelte-69eo47 p.svelte-69eo47{margin:0;font-size:1rem;color:var(--text-secondary-color, #666)}.error-state.svelte-69eo47 a.svelte-69eo47{color:var(--color-primary-600, #5a67d8);font-size:.85rem}.loading-state.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;justify-content:center;padding:3rem}.spinner.svelte-69eo47.svelte-69eo47{width:32px;height:32px;border:3px solid var(--color-surface-200, #e5e5e5);border-top-color:var(--color-primary-500, #667eea);border-radius:50%;animation:svelte-69eo47-spin .8s linear infinite}@keyframes svelte-69eo47-spin{to{transform:rotate(360deg)}}.back-to-agent-btn.svelte-69eo47.svelte-69eo47{padding:.4rem .75rem;background:var(--color-primary-500, #667eea);color:#fff;border:none;border-radius:var(--radius-base, .5rem);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.back-to-agent-btn.svelte-69eo47.svelte-69eo47:hover{background:var(--color-primary-600, #5a67d8)}.menu-btn.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-100, #f5f5f5);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);cursor:pointer;transition:all .2s ease}.menu-btn.svelte-69eo47.svelte-69eo47:hover{background:var(--color-surface-200, #eeeeee)}.hamburger-icon.svelte-69eo47.svelte-69eo47{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon.svelte-69eo47 .bar.svelte-69eo47{width:100%;height:2px;background:var(--body-text-color, #333);border-radius:1px}.menu-overlay.svelte-69eo47.svelte-69eo47{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:50000;display:flex;justify-content:flex-end;padding-top:60px;padding-right:1.5rem}.menu-dropdown.svelte-69eo47.svelte-69eo47{position:relative;margin-top:.5rem;min-width:200px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--card-background, #ffffff);border:1px solid var(--border-color-light, #e0e0e0);border-radius:var(--radius-base, .5rem);box-shadow:0 4px 20px #0003;animation:svelte-69eo47-slideDown .15s ease-out;align-self:flex-start}@keyframes svelte-69eo47-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--body-text-color, #333);cursor:pointer;transition:background .15s ease}.menu-item.svelte-69eo47.svelte-69eo47:hover{background:var(--color-surface-100, #f5f5f5)}.menu-item.svelte-69eo47.svelte-69eo47:not(:last-child){border-bottom:1px solid var(--border-color-light, #e0e0e0)}.menu-icon.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;font-weight:600;color:var(--color-primary-500, #667eea)}.menu-icon-svg.svelte-69eo47.svelte-69eo47{width:20px;height:20px;color:var(--color-primary-500, #667eea)}.menu-item-expandable.svelte-69eo47.svelte-69eo47{display:flex;flex-direction:column}.menu-item-expandable.svelte-69eo47 .menu-item.svelte-69eo47{border-bottom:none}.expand-icon.svelte-69eo47.svelte-69eo47{margin-left:auto;font-size:.8rem;transition:transform .2s ease;color:var(--text-secondary-color, #666)}.expand-icon.expanded.svelte-69eo47.svelte-69eo47{transform:rotate(90deg)}.submenu.svelte-69eo47.svelte-69eo47{background:var(--color-surface-50, #fafafa);border-top:1px solid var(--border-color-light, #e0e0e0)}.submenu-item.svelte-69eo47.svelte-69eo47{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem .6rem 2.5rem;background:none;border:none;text-align:left;font-size:.85rem;color:var(--body-text-color, #333);cursor:pointer;transition:background .15s ease}.submenu-item.svelte-69eo47.svelte-69eo47:hover{background:var(--color-surface-100, #f5f5f5)}.submenu-item.active.svelte-69eo47.svelte-69eo47{color:var(--color-primary-600, #5a67d8);font-weight:500}.submenu-item.svelte-69eo47 .check.svelte-69eo47{margin-left:auto;color:var(--color-primary-500, #667eea)}.menu-divider.svelte-69eo47.svelte-69eo47{height:1px;background:var(--border-color-light, #e0e0e0);margin:.25rem 0}.admin-item.svelte-69eo47.svelte-69eo47{color:var(--color-warning-700, #b45309)}.logout-item.svelte-69eo47.svelte-69eo47{color:var(--color-error-600, #dc2626)}@media (max-width: 768px){.page-content.svelte-69eo47.svelte-69eo47{flex-direction:column}.sidebar.svelte-69eo47.svelte-69eo47{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-color-light, #e0e0e0);max-height:30vh}.main-area.svelte-69eo47.svelte-69eo47{padding:1rem}}