.library-list-view{display: grid;padding: 8px 4px 14px;gap: 0}.library-list-row{display: grid;grid-template-columns: 32px minmax(180px,2.4fr) minmax(90px,1fr) 90px 120px minmax(120px,1.4fr);align-items: center;gap: 12px;min-height: 38px;padding: 4px 10px;border-radius: 8px;font-size: 0.84rem;color: var(--app-text-muted,#b9bcc2);cursor: pointer}.library-list-row>span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.library-list-row:hover{background: rgba(255,255,255,0.04)}.library-list-row.selected{background: rgba(122,176,226,0.14);box-shadow: inset 0 0 0 1px rgba(122,176,226,0.4)}.library-list-header{min-height: 30px;cursor: default;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;border-bottom: 1px solid rgba(255,255,255,0.06);border-radius: 0}.library-list-header:hover{background: none}.library-list-row .library-list-name{color: var(--app-text,#eceef1);font-weight: 600}.library-list-icon{display: flex;align-items: center;justify-content: center;color: var(--app-accent,#7ab0e2)}.library-list-icon>svg,.library-list-icon>vaadin-icon{width: 18px;height: 18px;fill: currentColor}.library-page .library-location-bar .library-sort-button{margin-left: 8px;font-size: 0.8rem}.library-view-toggle{display: inline-flex;gap: 2px;margin-left: 4px}.library-view-toggle .library-toolbar-button.active{color: var(--app-accent,#7ab0e2);background: rgba(122,176,226,0.12)}.library-search-scope{display: flex;align-items: center;gap: 8px;padding: 10px 6px 0;font-size: 0.82rem;color: var(--app-text-muted,#b9bcc2)}.library-search-scope-dot{opacity: 0.6}.library-new-button{margin-right: 4px}.library-design-tile{display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg,#1d1e21 0%,#17181b 100%)}.library-design-canvas{max-width: 62%;max-height: 72%;width: 62%;aspect-ratio: 1 / 1;background: #ffffff;border-radius: 4px;box-shadow: 0 6px 18px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.08)}.library-folder-picker-scroller{max-height: min(52vh,420px);border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;padding: 6px}.library-folder-picker-tree .media-explorer-row{padding-left: calc(var(--media-tree-depth,0) * 14px)}.library-folder-picker-selection{display: block;margin-top: 10px;font-size: 0.82rem;color: var(--app-text-muted,#b9bcc2)}.project-list-page .library-left-rail .media-folder-rail>.library-sidebar-title{display: block;padding: 10px 12px 6px}.project-list-page .library-content .app-empty-state{margin: 40px auto}.video-editor-header{display: flex;align-items: center;gap: 8px;min-height: 44px;padding: 4px 10px;border-bottom: 1px solid rgba(255,255,255,0.06)}.video-editor-header .video-editor-header-name{flex: 0 1 360px;min-width: 160px}.video-editor-header .video-editor-header-spacer{flex: 1 1 auto}.video-editor-timeline-hint{position: absolute;inset: 34px 12px 12px 120px;display: flex;align-items: center;justify-content: center;pointer-events: none;border: 1px dashed rgba(255,255,255,0.16);border-radius: 10px;color: var(--app-text-muted,#b9bcc2);font-size: 0.86rem}.video-editor-timeline-lanes{position: relative}.video-editor-timeline-lanes.drop-target{box-shadow: inset 0 0 0 2px rgba(122,176,226,0.6)}.editor-save-status{display: inline-flex;align-items: center;gap: 6px;white-space: nowrap}.editor-save-status vaadin-button{margin: 0}.font-library-page{padding: 0 24px 24px;overflow: auto}.font-library-upload{margin: 8px 0 16px}.font-library-list{display: grid;gap: 10px}.font-library-family{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 12px;padding: 12px 14px;border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;background: rgba(255,255,255,0.02)}.font-library-family-name{font-weight: 600;color: var(--app-text,#eceef1)}.font-library-family-meta{font-size: 0.8rem;color: var(--app-text-muted,#b9bcc2)}.font-library-sample{font-size: 1.5rem;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.font-library-section-title{margin: 22px 0 8px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--app-text-muted,#b9bcc2)}.library-media-picker .post-media-grid.media-picker-body{grid-template-columns: minmax(180px,220px) minmax(0,1fr) minmax(220px,280px)}.library-media-picker .media-picker-tree-column{height: 100%;min-height: 0;overflow: hidden}.library-media-picker .media-picker-tree{height: 100%}.library-media-picker .media-picker-tree .media-explorer-row{padding-left: calc(var(--media-tree-depth,0) * 12px)}.library-media-picker .media-picker-main{display: flex;flex-direction: column;min-height: 0;height: 100%;min-width: 0}.library-media-picker .media-picker-scope{padding: 0 4px 6px;font-size: 0.8rem;color: var(--app-text-muted,#b9bcc2)}.library-media-picker .post-media-list{display: block;flex: 1 1 auto}.library-media-picker .media-picker-cards{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));padding: 4px}.library-media-picker .media-picker-type-filter{width: 150px}@media (max-width: 900px){.library-media-picker .post-media-grid.media-picker-body{grid-template-columns: 1fr}.library-media-picker .media-picker-tree-column{max-height: 180px}}.editor-save-status>span,.editor-save-status>button{display: none}.editor-save-status[data-state="saving"]>.editor-save-status-saving,.editor-save-status[data-state="saved"]>.editor-save-status-saved,.editor-save-status[data-state="failed"]>.editor-save-status-failed,.editor-save-status[data-state="failed"]>.editor-save-status-retry{display: inline}.editor-save-status[data-state="failed"]{color: var(--lumo-error-text-color);border-color: var(--lumo-error-color-50pct)}.editor-save-status-retry{border: 0;padding: 0 0 0 4px;background: none;color: inherit;font: inherit;font-weight: 700;text-decoration: underline;cursor: pointer}.video-editor-history-button[disabled]{opacity: 0.35;cursor: default}.image-editor-title-row{display: flex;align-items: center;gap: 10px;min-width: 0}.image-editor-export-toast{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.font-library-family-text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.font-library-family-actions{display: flex;align-items: center;gap: 6px}