.drawings-empty{text-align:center;padding:var(--space-12, 3rem) var(--space-4, 1rem);color:var(--color-text-muted, #888)}.drawings-empty i{font-size:2.5rem;opacity:.3;margin-bottom:var(--space-4, 1rem);display:block}.drawings-add-btn{padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--color-primary, #3b82f6);color:var(--color-text-inverse, #fff);border:none;border-radius:var(--radius-md, 6px);cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);transition:background var(--transition-fast, .15s);text-decoration:none}.drawings-add-btn:hover{background:var(--color-primary-hover, #2563eb)}.drawings-toolbar{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background-color:var(--color-bg-secondary, #252525);border:1px solid var(--color-border-primary, #333);border-radius:var(--radius-lg, 8px);margin-bottom:var(--space-4, 1rem);flex-wrap:wrap}.drawings-toolbar__search{position:relative;flex:1;min-width:150px;display:flex;align-items:center}.drawings-toolbar__search i{position:absolute;left:.75rem;color:var(--color-text-muted, #888);font-size:var(--font-size-sm, .875rem);pointer-events:none}.drawings-toolbar__search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background-color:var(--color-bg-tertiary, #2a2a2a);border:1px solid var(--color-border-primary, #333);border-radius:var(--radius-md, 6px);color:var(--color-text-primary, #e0e0e0);font-size:var(--font-size-sm, .875rem);box-sizing:border-box}.drawings-toolbar__search input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.drawings-toolbar__search input::placeholder{color:var(--color-text-muted, #888)}.drawings-toolbar__controls{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.drawings-toolbar__btn{padding:.375rem .625rem;background-color:var(--color-bg-tertiary, #2a2a2a);border:1px solid var(--color-border-primary, #333);border-radius:var(--radius-md, 6px);color:var(--color-text-primary, #e0e0e0);cursor:pointer;font-size:var(--font-size-xs, .75rem);display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;transition:all var(--transition-fast, .15s)}.drawings-toolbar__btn:hover{background-color:var(--color-bg-quaternary, var(--color-bg-secondary, #252525));border-color:var(--color-border-hover, #555)}.drawings-toolbar__btn.active{background-color:#3b82f633;border-color:#3b82f666;color:var(--color-primary, #3b82f6)}.drawings-toolbar__select{padding:.375rem .625rem;background-color:var(--color-bg-tertiary, #2a2a2a);border:1px solid var(--color-border-primary, #333);border-radius:var(--radius-md, 6px);color:var(--color-text-primary, #e0e0e0);font-size:var(--font-size-xs, .75rem);cursor:pointer}.drawings-toolbar__select:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.drawings-group-title{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #e0e0e0);margin:var(--space-4, 1rem) 0 var(--space-2, .5rem);text-transform:capitalize}.drawings-group-count{color:var(--color-text-muted, #888);font-weight:400;font-size:var(--font-size-xs, .75rem)}.drawings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4, 1rem);padding:var(--space-2, .5rem) 0}.drawing-card{background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border-primary, #333);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s);position:relative;text-decoration:none;color:inherit;display:block}.drawing-card:hover{border-color:var(--color-border-hover, #555);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .3))}.drawing-card__preview{display:flex;align-items:center;justify-content:center;height:140px;background:var(--color-bg-secondary, #252525);color:var(--color-text-muted, #888);transition:background var(--transition-fast, .15s)}.drawing-card:hover .drawing-card__preview{background:var(--color-bg-tertiary, #2a2a2a)}.drawing-card__thumb{width:100%;height:100%;object-fit:contain;padding:.5rem;box-sizing:border-box}.drawing-card__icon{font-size:2.5rem;opacity:.3}.drawing-card__icon--hidden{display:none}.drawing-card__info{padding:var(--space-3, .75rem);display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.drawing-card__name{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.drawing-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);font-size:.7rem;color:var(--color-text-muted, #888)}.drawing-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.65rem}.drawing-card__tag{padding:1px 6px;border-radius:3px;background:var(--color-bg-tertiary, #2a2a2a);color:var(--color-text-muted, #888)}.drawing-card__visibility{padding:1px 6px;border-radius:3px;font-size:.65rem}.drawing-card__visibility--public{background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e}.drawing-card__visibility--private{background:color-mix(in srgb,#888 15%,transparent);color:#888}@media(max-width:640px){.drawings-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem)}.drawings-toolbar__search{min-width:unset}.drawings-toolbar__controls{justify-content:center}.drawings-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}