*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-neutral-1-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);overflow:hidden;height:100vh;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}.folders-layout{display:flex;height:100vh}.tree-pane{width:250px;min-width:200px;max-width:350px;background:var(--bg-neutral-2-rest);border-inline-end:1px solid var(--stroke-neutral-1-rest);display:flex;flex-direction:column;overflow:hidden}.tree-header{padding:var(--spacing-120) var(--spacing-160);font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);border-bottom:1px solid var(--stroke-neutral-1-rest);display:flex;align-items:center;gap:var(--spacing-80);color:var(--fg-neutral-1-rest)}.tree-scroll{flex:1;overflow-y:auto;padding:var(--spacing-40) 0}.tree-node{user-select:none}.tree-row{display:flex;align-items:center;padding:var(--spacing-40) var(--spacing-80);cursor:pointer;border-radius:var(--radius-medium);margin:1px 4px;gap:var(--spacing-40);font-size:var(--font-size-body-1);color:var(--fg-neutral-2-rest);transition:background 80ms ease}.tree-row:hover{background:var(--bg-neutral-1-hover)}.tree-row.active{background:var(--bg-brand-1-rest);color:var(--fg-brand-1-rest)}.tree-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-caption-2);color:var(--fg-neutral-4-rest);flex-shrink:0;transition:transform .12s ease}.tree-arrow.expanded{transform:rotate(90deg)}.tree-arrow.leaf{visibility:hidden}.tree-icon{flex-shrink:0;font-size:var(--font-size-body-1)}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-count{font-size:var(--font-size-caption-1);color:var(--fg-neutral-4-rest);background:var(--bg-neutral-1-hover);padding:1px 6px;border-radius:8px;flex-shrink:0}.tree-children{display:none}.tree-children.open{display:block}.content-pane{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;align-items:center;padding:var(--spacing-80) var(--spacing-160);gap:var(--spacing-80);border-bottom:1px solid var(--stroke-neutral-1-rest);background:var(--bg-neutral-2-rest);min-height:44px;flex-shrink:0}.breadcrumb{flex:1;display:flex;align-items:center;gap:var(--spacing-40);font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);overflow:hidden}.breadcrumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb .sep{color:var(--fg-neutral-5-rest);flex-shrink:0}.breadcrumb .current{color:var(--fg-neutral-1-rest);font-weight:var(--font-weight-subtitle-2)}.crud-buttons{display:flex;gap:6px;flex-shrink:0}.crud-btn{cursor:not-allowed;opacity:.5}.grid-scroll{flex:1;overflow-y:auto;padding:var(--spacing-120)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.photo-cell{aspect-ratio:1;border-radius:var(--radius-large);overflow:hidden;cursor:pointer;background:var(--bg-neutral-5-rest);position:relative}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-cell:hover{outline:2px solid var(--fg-brand-1-rest);outline-offset:-2px}.skeleton-tree .skel-row{display:flex;align-items:center;gap:var(--spacing-80);padding:6px 12px;margin:var(--spacing-20) var(--spacing-40)}.skel-block{background:var(--bg-neutral-1-hover);border-radius:var(--radius-medium);animation:skel-pulse 1.2s ease-in-out infinite}.skel-arrow{width:12px;height:12px}.skel-icon{width:16px;height:16px;border-radius:var(--radius-2xlarge)}.skel-text{height:12px;flex:1;border-radius:var(--radius-2xlarge)}.skel-badge{width:24px;height:14px;border-radius:7px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:var(--spacing-120)}.skel-thumb{aspect-ratio:1;border-radius:var(--radius-large);background:var(--bg-neutral-1-hover);animation:skel-pulse 1.2s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:.4}50%{opacity:.8}}.photo-count-summary{padding:var(--spacing-40) var(--spacing-160) 0;font-size:var(--font-size-caption-1);color:var(--fg-neutral-4-rest);flex-shrink:0}