.mya-page{gap:var(--space-8);display:grid}.mya-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.mya{gap:var(--space-6);min-width:0;display:grid}.mya-collections{gap:var(--space-6);padding-bottom:var(--space-4);flex-wrap:wrap;display:flex}.mya-collection{align-content:start;justify-items:center;gap:var(--space-2);width:120px;font-size:var(--text-sm);text-align:center;display:grid}.mya-collection>strong{max-width:100%;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mya-folder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-muted) 100%);width:120px;height:84px;box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);place-items:center;margin-top:8px;display:grid;position:relative}.mya-folder:before{z-index:-1;border:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface-sunken);content:"";border-bottom:0;height:20px;position:absolute;top:-8px;left:14px;right:14px}.mya-folder:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mya-folder:focus-visible{box-shadow:var(--shadow-focus);outline:none}.mya-folder-ai{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-brand-soft) 100%);color:var(--color-brand)}.mya-folder-ai:before{background:var(--color-brand-muted)}.mya-collection.active .mya-folder{border-color:var(--color-brand);box-shadow:var(--shadow-focus)}.mya-folder-count{color:var(--color-text-secondary);font-size:var(--text-md);font-weight:var(--weight-semibold)}.mya-ai-tag{margin-right:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.mya-collection-types{color:var(--color-text-tertiary);font-size:var(--text-xs)}.mya-collection-types button,.mya-collection-tools button,.mya-link{color:inherit;font:inherit;background:0 0;border:0;padding:0}.mya-collection-types button:hover,.mya-collection-types button.active,.mya-collection-tools button:hover,.mya-link:hover{color:var(--color-brand)}.mya-collection-tools{gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:flex}.mya-collection:hover .mya-collection-tools,.mya-collection:focus-within .mya-collection-tools{opacity:1}.mya-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mya-tabs{border-radius:var(--radius-sm);background:var(--color-surface-sunken);scrollbar-width:none;flex-wrap:nowrap;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.mya-tabs::-webkit-scrollbar{display:none}.mya-tabs button{white-space:nowrap;height:30px;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);background:0 0;border:0;flex:none}.mya-tabs button:hover{color:var(--color-text)}.mya-tabs button.active{background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-text);font-weight:var(--weight-semibold)}.mya-select,.mya-btn{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.mya-select{min-width:120px}.mya-btn{align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-out);display:inline-flex}.mya-btn:hover:not(:disabled){background:var(--color-hover)}.mya-btn.active{border-color:var(--color-brand);color:var(--color-brand)}.mya-btn:disabled{opacity:.5}.mya-search{flex:0 240px}.mya-search input{width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);background:0 0;border:1px solid #0000}.mya-search input:hover{background:var(--color-hover)}.mya-select:focus,.mya-search input:focus{border-color:var(--color-brand);background:var(--color-surface);box-shadow:var(--shadow-focus);outline:none}.mya-toolbar-end{gap:var(--space-2);margin-left:auto;display:flex}.mya-batch{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.mya-link:disabled{opacity:.4}.mya-link.danger:hover:not(:disabled){color:var(--color-danger)}.mya-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.mya-card{align-content:start;gap:var(--space-2);min-width:0;display:grid}.mya-thumb,.mya-add{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);position:relative;overflow:hidden}.mya-thumb img,.mya-thumb video{object-fit:cover;width:100%;height:100%}.mya-thumb.skeleton{background:var(--gradient-skeleton);background-size:200% 100%;border-color:#0000;animation:1.6s linear infinite shimmer}.mya-card.selected .mya-thumb{outline:2px solid var(--color-brand);outline-offset:2px}.mya-add{place-content:center;justify-items:center;gap:var(--space-3);background:var(--color-surface);width:100%;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:grid}.mya-add:hover:not(:disabled){border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.mya-add:focus-visible{box-shadow:var(--shadow-focus);outline:none}.mya-add:disabled{color:var(--color-text-tertiary)}.mya-card-info{padding:0 var(--space-1);gap:2px;min-width:0;display:grid}.mya-card-info strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mya-card-info span{color:var(--color-text-tertiary);font-size:var(--text-xs)}.mya-card-info .mya-reason{color:var(--color-danger)}.mya-pill{top:var(--space-2);left:var(--space-2);z-index:1;position:absolute}.mya-check{top:var(--space-2);right:var(--space-2);z-index:1;border-radius:var(--radius-xs);background:var(--glass-bg-strong);width:26px;height:26px;box-shadow:var(--shadow-xs);place-items:center;display:grid;position:absolute}.mya-actions{right:var(--space-2);bottom:var(--space-2);z-index:1;gap:var(--space-1);opacity:0;transition:opacity var(--duration-base) var(--ease-out);display:flex;position:absolute}.mya-thumb:hover .mya-actions,.mya-actions:focus-within{opacity:1}.mya-actions .icon-btn.on{color:var(--color-warning)}.mya-audio{place-content:center;justify-items:center;gap:var(--space-3);height:100%;padding:var(--space-3);color:var(--color-text-tertiary);display:grid}.mya-audio audio{width:100%}.mya-empty-note{align-self:center}.mya-pager{justify-content:center;align-items:center;gap:var(--space-4);display:flex}@media (max-width:720px){.mya-collections{gap:var(--space-4)}.mya-toolbar-end{margin-left:0}.mya-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (hover:none){.mya-actions,.mya-collection-tools{opacity:1}}@media (max-width:768px){.mya-page{gap:var(--space-4)}.mya{gap:var(--space-3)}.mya-collections{gap:var(--space-3);margin-right:calc(-1 * var(--space-4));padding-right:var(--space-4);padding-bottom:var(--space-1);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.mya-collection{width:calc((100vw - 3 * var(--space-4)) / 2 - 4px);flex:none}.mya-collection .mya-folder{width:100%;height:96px}.mya-toolbar{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.mya-search{min-width:0}.mya-search input{width:100%}.mya-toolbar-end{gap:var(--space-2);display:flex}.mya-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}}
