.library-header{margin-bottom:1rem;background:var(--color-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.library-info{padding:.75rem}.library-type-tag{display:inline-block;font-size:.7rem;font-weight:600;color:var(--color-primary-dark);background:#f973161a;padding:.2rem .6rem;border-radius:var(--radius-full);margin-bottom:.25rem}.library-name{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text)}.library-stats{font-size:.8rem;color:var(--color-text-light)}.header-mini-mosaic{display:flex;align-items:center;gap:1rem;padding:.75rem}.mini-mosaic{flex-shrink:0;width:80px;height:80px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;border-radius:8px;overflow:hidden;background:var(--color-border)}.mini-cover{background-size:cover;background-position:center;background-color:var(--color-neutral-200)}.header-asymmetric .mosaic-asymmetric{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);gap:2px;height:200px;background:var(--color-border)}.mosaic-main{grid-row:1 / 4;background-size:cover;background-position:center;position:relative}.mosaic-item{background-size:cover;background-position:center;position:relative}.mosaic-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:1.25rem;font-weight:700}.header-strip .mosaic-strip{display:flex;height:140px;background:var(--color-border)}.strip-item{flex:1;background-size:cover;background-position:center;border-right:2px solid var(--color-border)}.strip-item:last-child{border-right:none}.header-stacked{height:180px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.cover-stack{position:relative;width:140px;height:160px;transition:transform .3s ease}.stacked-cover{position:absolute;width:100px;height:140px;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 8px 24px #0000004d;transition:all .3s ease}.stacked-cover:nth-child(1){z-index:3;transform:rotate(-8deg) translate(-20px)}.stacked-cover:nth-child(2){z-index:2;left:50%;margin-left:-50px}.stacked-cover:nth-child(3){z-index:1;transform:rotate(8deg) translate(20px)}.header-stacked:hover .stacked-cover:nth-child(1){transform:rotate(-12deg) translate(-30px) translateY(-10px)}.header-stacked:hover .stacked-cover:nth-child(2){transform:translateY(-15px)}.header-stacked:hover .stacked-cover:nth-child(3){transform:rotate(12deg) translate(30px) translateY(-10px)}.header-parallax{height:200px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.parallax-layer{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:.75rem;transition:transform .3s ease}.parallax-cover{background-size:cover;background-position:center;border-radius:6px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.header-parallax:hover .parallax-layer{transform:scale(1.05)}.header-parallax:hover .parallax-cover:nth-child(1){transform:translate(-4px,-4px)}.header-parallax:hover .parallax-cover:nth-child(2){transform:translateY(-6px)}.header-parallax:hover .parallax-cover:nth-child(3){transform:translate(4px,-4px)}.header-parallax:hover .parallax-cover:nth-child(4){transform:translate(-6px)}.header-parallax:hover .parallax-cover:nth-child(5){transform:scale(1.1)}.header-parallax:hover .parallax-cover:nth-child(6){transform:translate(6px)}.header-glass{height:220px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.glass-container{position:relative;width:100%;height:160px}.glass-cover{position:absolute;width:90px;height:130px;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 8px 32px #0000004d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-cover:nth-child(1){left:10%;top:15px;z-index:1;transform:rotate(-8deg)}.glass-cover:nth-child(2){left:30%;top:0;z-index:2;transform:rotate(-3deg)}.glass-cover:nth-child(3){left:50%;top:10px;z-index:3;transform:rotate(2deg)}.glass-cover:nth-child(4){right:10%;top:15px;z-index:2;transform:rotate(8deg)}.header-glass:hover .glass-cover:nth-child(1){transform:rotate(-15deg) translate(-20px) translateY(-10px);z-index:4}.header-glass:hover .glass-cover:nth-child(2){transform:rotate(-5deg) translateY(-20px);z-index:5}.header-glass:hover .glass-cover:nth-child(3){transform:rotate(5deg) translateY(-25px);z-index:6}.header-glass:hover .glass-cover:nth-child(4){transform:rotate(15deg) translate(20px) translateY(-10px);z-index:4}.header-carousel{height:180px;position:relative;background:#111827;overflow:hidden}.carousel-track{display:flex;gap:10px;padding:1.5rem .75rem;position:absolute;left:0;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-cover{flex-shrink:0;width:100px;height:140px;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 8px 24px #00000080;transition:all .3s ease}.header-carousel:hover .carousel-track{transform:translate(-120px)}.header-carousel:hover .carousel-cover{transform:scale(1.05)}.header-carousel:before,.header-carousel:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.header-carousel:before{left:0;background:linear-gradient(to right,#111827,transparent)}.header-carousel:after{right:0;background:linear-gradient(to left,#111827,transparent)}@media(min-width:768px){.header-mini-mosaic{padding:1rem}.mini-mosaic{width:100px;height:100px;gap:3px}.library-name{font-size:1.25rem}.library-stats{font-size:.875rem}.header-asymmetric .mosaic-asymmetric{height:240px}.header-strip .mosaic-strip{height:160px}.header-stacked{height:220px}.stacked-cover{width:120px;height:160px}.header-parallax{height:240px}.parallax-layer{gap:8px;padding:1rem}.header-glass{height:260px}.glass-cover{width:110px;height:160px}.header-carousel{height:220px}.carousel-cover{width:120px;height:170px}}.empty-state-container{text-align:center;padding:var(--spacing-3xl) var(--spacing-md);max-width:600px;margin:0 auto}.empty-state-icon{width:120px;height:120px;margin:0 auto var(--spacing-2xl);background:linear-gradient(135deg,#f4b40026,#f4b40014);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:3px dashed rgba(244,180,0,.3)}.empty-state-icon svg{width:64px;height:64px;color:var(--color-primary);opacity:.6}.empty-state-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.empty-state-description{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-2xl)}.empty-state-cta,.empty-state-secondary-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:all .2s ease}.empty-state-cta{font-weight:700;background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 15px 35px #f4b40066;border:none}.empty-state-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px #f4b40080}.empty-state-secondary-cta{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.empty-state-secondary-cta:hover{border-color:var(--color-primary);color:var(--color-primary)}.empty-state-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.empty-state-actions-secondary{margin-top:1.1rem}.empty-state-actions-secondary .empty-state-secondary-cta{box-shadow:none;background:#ffffffb8;border:1px solid rgba(17,21,57,.1)}.empty-state-actions-secondary .empty-state-secondary-cta:hover{background:#ffffffeb}.empty-state-card{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(244,180,0,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(204,77,42,.1),transparent 24%),var(--color-card)}.empty-state-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 45%),linear-gradient(180deg,transparent,rgba(17,21,57,.03))}.empty-state-card .empty-state-container,.empty-state-card .empty-state-hero{position:relative;z-index:1}.page-header{margin-bottom:var(--spacing-xl)}.page-tagline{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.page-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-header-actions{display:none;gap:var(--spacing-md)}.upload-progress{height:6px;background:var(--color-bg);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-xs)}.upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--color-info),var(--color-success));transition:width var(--transition-base)}.upload-progress span.done{background:linear-gradient(90deg,var(--color-success),#16a34a)}.upload-progress span.error{background:linear-gradient(90deg,#dc2626,#ef4444)}.upload-progress span.cancelled{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.search-bar{padding:var(--spacing-md);background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:90}.search-input-wrapper{position:relative}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);font-size:var(--font-size-base)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-light);font-size:var(--font-size-lg);pointer-events:none}.toolbar-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);font-size:var(--font-size-sm);cursor:pointer}.view-toggle-group{display:flex;gap:var(--spacing-xs);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.view-toggle{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-light);cursor:pointer;transition:all .15s ease;font-size:var(--font-size-sm);font-weight:500}.view-toggle.active{background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-sm)}@media(max-width:767px){.sticky-toolbar-container{position:sticky;top:77px;z-index:50;background:var(--color-card);transition:all .3s ease}.sticky-toolbar-container.scrolled .search-bar{padding:var(--spacing-sm) var(--spacing-md)}.sticky-toolbar-container.scrolled .search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem}.sticky-toolbar-container.scrolled .active-filters{padding:var(--spacing-sm) var(--spacing-md)}.sticky-toolbar-container.scrolled .active-filters-header{margin-bottom:var(--spacing-sm)}.sticky-toolbar-container.scrolled .active-filters-title{font-size:var(--font-size-xs)}.sticky-toolbar-container.scrolled .active-filter-tag{padding:2px var(--spacing-xs);font-size:.65rem}.sticky-toolbar-container.scrolled .toolbar{padding:var(--spacing-sm) var(--spacing-md)}.sticky-toolbar-container.scrolled .results-info{font-size:var(--font-size-xs)}.sticky-toolbar-container.scrolled .sort-select,.sticky-toolbar-container.scrolled .view-toggle,.sticky-toolbar-container.scrolled .ds-button-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.active-filters{padding:var(--spacing-md);background:#f4b40014;border-bottom:1px solid var(--color-border)}.active-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.active-filters-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.active-filters-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.active-filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-xs)}.active-filter-remove{color:var(--color-text-light);text-decoration:none;font-weight:700;cursor:pointer}.toolbar{padding:var(--spacing-md);background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.active-filter-remove:hover{color:var(--color-error)}.sidebar-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1000;background:var(--color-primary);color:#fff;border:none;border-radius:0 12px 12px 0;padding:.75rem .5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:none}.sidebar-toggle:hover{background:var(--color-primary-dark)}.library-layout{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem}.library-sidebar{transition:transform .3s ease,opacity .3s ease;align-self:stretch;overflow-y:auto;display:none}.library-layout.sidebar-hidden .library-sidebar{transform:translate(-100%);opacity:0;pointer-events:none;display:none}.library-layout.sidebar-hidden{grid-template-columns:1fr}.filters-drawer{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--color-card);box-shadow:4px 0 24px #00000026;transform:translate(-100%);transition:transform .3s ease;z-index:2000;overflow-y:auto;padding:2rem 1.5rem}.filters-drawer.open{transform:translate(0)}.filters-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1999}.filters-drawer-overlay.open{opacity:1;pointer-events:all}.books-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.books-grid.active{display:grid}.books-list{min-width:0;overflow-x:hidden;width:100%}.books-list.hidden{display:none}.books-list a,.books-list button{position:relative;z-index:1}.mobile-open-cta{display:none}.book-card{position:relative;cursor:pointer;transition:transform .2s ease}.book-card:hover{transform:translateY(-4px)}.book-card img{width:100%;aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 8px 16px #0000001a}.book-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:1rem;border-radius:0 0 12px 12px;opacity:0;transition:opacity .2s ease}.book-card:hover .book-card-overlay{opacity:1}.book-card-overlay h4{margin:0 0 .25rem;font-size:.9rem;font-weight:700}.book-card-overlay p{margin:0;font-size:.8rem;opacity:.9}.book-row{display:grid;grid-template-columns:72px 1fr 150px;gap:1rem;align-items:start;padding:1rem 0;padding-left:40px;border-bottom:1px solid var(--color-border);min-width:0;width:100%;box-sizing:border-box;position:relative}.book-row>label{position:absolute;left:0;top:1rem;z-index:1}.book-row>img{width:72px;height:110px;-o-object-fit:cover;object-fit:cover;border-radius:12px}.book-row:last-child{border-bottom:none}.status-pill.favorite{background:#eab30833;color:#b45309}.favorite-badge{position:absolute;top:8px;right:8px;background:#eab308e6;color:#2f1b00;padding:.35rem .55rem;border-radius:999px;font-size:.8rem;font-weight:700;box-shadow:0 6px 12px #0000001f}.favorite-heart{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;z-index:2;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.book-card:hover .favorite-heart,.book-row:hover .favorite-heart{transform:scale(1.15)}.deleted-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#ef444426;color:#b91c1c;margin-left:.4rem}.bulk-actions-toolbar{position:sticky;top:6.5rem;z-index:100;background:var(--color-card);box-shadow:0 4px 12px #0000001a;border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:none}.bulk-actions-toolbar.active{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.bulk-actions-left{display:flex;align-items:center;gap:1rem}.bulk-actions-right{display:flex;gap:.5rem;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.pagination-info{color:var(--color-muted);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;display:inline-block}.pagination-button-text{display:inline}.pagination-button:hover:not([style*="pointer-events:none"]){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-button[style*="pointer-events:none"]{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:.25rem}.pagination-page{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.pagination-page:hover{background:#f4b4001a;border-color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-per-page{display:flex;align-items:center;gap:.5rem}.pagination-per-page select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);cursor:pointer}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);font-size:.95rem}.search-box:before{content:"🔍";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.book-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.book-cover-wrapper{position:relative;flex-shrink:0}.library-content{min-width:0;overflow-x:hidden}.panel{border-radius:24px}@media(max-width:640px){.books-list .row-actions{display:none}.books-list .mobile-open-cta{display:block}}@media(min-width:768px){.mobile-header{display:none!important}.page-header{display:block!important}.page-header-actions{display:flex}.search-bar{position:static}.library-layout{grid-template-columns:280px 1fr}.library-sidebar,.sidebar-toggle{display:block}}@media(max-width:768px){.library-layout{grid-template-columns:1fr}.library-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;z-index:1500;background:var(--color-card);box-shadow:4px 0 24px #00000026;transform:translate(-100%);transition:transform .3s ease}.library-layout.sidebar-visible .library-sidebar{transform:translate(0)}.books-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.book-row{grid-template-columns:60px 1fr;gap:.75rem}.book-row>div:nth-child(3),.book-row>div:nth-child(4),.book-row>div:nth-child(5),.book-row>div:nth-child(6),.book-row>div:nth-child(7){display:none}.book-row>.mobile-open-cta{display:block!important;grid-column:1 / -1}.pagination{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info{width:100%;text-align:center}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.pagination-button-text{display:none}.pagination-button{padding:.5rem;min-width:36px}}.bulk-preview-page{display:grid;gap:1.5rem}.bulk-preview-summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bulk-preview-summary-card,.bulk-preview-book-card,.bulk-preview-footer{padding:1.25rem}.bulk-preview-summary-label,.bulk-preview-label,.bulk-preview-meta dt{display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-light)}.bulk-preview-summary-value{display:block;margin-top:.25rem;font-size:1.5rem;line-height:1.1;color:var(--color-text)}.bulk-preview-summary-copy{margin:.5rem 0 0;color:var(--color-text-light)}.bulk-preview-pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.bulk-preview-format-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.35rem .65rem;border-radius:999px;background:#f973161f;color:var(--color-primary-dark);font-size:.8rem;font-weight:700}.bulk-preview-form,.bulk-preview-list{display:grid;gap:1rem}.bulk-preview-book-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.bulk-preview-include{display:inline-flex;align-items:center;gap:.65rem;font-weight:600;color:var(--color-text)}.bulk-preview-include input{width:1rem;height:1rem}.bulk-preview-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bulk-preview-book-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.bulk-preview-main-column{display:grid;gap:1rem;min-width:0}.bulk-preview-cover-column{min-width:0}.bulk-preview-field{display:grid;gap:.4rem}.bulk-preview-cover-card{display:grid;gap:.65rem;padding:.9rem;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#0f172a05,#0f172a0a);position:sticky;top:1rem}.bulk-preview-cover-image{width:min(100%,220px);aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface, #fff)}.ds-input{width:100%;min-height:2.75rem;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface, #fff);color:var(--color-text)}.ds-input:focus{outline:2px solid rgba(249,115,22,.25);border-color:var(--color-primary)}.bulk-preview-meta{display:grid;gap:.75rem;margin:1rem 0 0}.bulk-preview-meta div{display:grid;gap:.2rem}.bulk-preview-meta dd{margin:0;color:var(--color-text);word-break:break-word}@media(min-width:960px){.bulk-preview-book-layout{grid-template-columns:minmax(0,1fr) 220px}}.bulk-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bulk-preview-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.bulk-preview-book-grid{grid-template-columns:1fr}.bulk-preview-book-header,.bulk-preview-footer{flex-direction:column;align-items:stretch}.bulk-preview-actions{justify-content:stretch}.bulk-preview-actions .ds-button{width:100%;justify-content:center}}.import-drop-zone{border:2px dashed var(--color-border);background:var(--color-bg);padding:1.25rem;border-radius:18px;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;color:var(--color-heading);transition:border-color .3s ease;margin-bottom:1.5rem}.empty-state-card .import-drop-zone{width:min(100%,720px);margin:1.75rem auto 0;padding:1.4rem;border-color:#cc4d2a47;background:linear-gradient(180deg,#fffffff2,#fff8ebfa),var(--color-bg);box-shadow:0 22px 60px #11153914,inset 0 1px #ffffffa6}.empty-state-card .import-drop-zone strong{font-size:1.1rem;letter-spacing:.01em}.empty-state-card .import-drop-zone p{margin:0;max-width:42rem;color:var(--color-text-secondary);line-height:1.6}.import-drop-zone:hover{border-color:var(--color-primary)}.import-drop-zone button{min-width:220px}.import-drop-zone-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.import-drop-zone-list{width:100%;max-width:720px}[data-batch-upload-list]{width:100%;min-width:0}.import-drop-zone-list [data-batch-upload-row],[data-batch-upload-list] [data-batch-upload-row]{padding:.9rem 1rem;border-radius:14px;background:#fffc;border:1px solid rgba(17,21,57,.07);width:100%;min-width:0;box-sizing:border-box}.batch-upload-row-shell{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:.85rem;align-items:start;width:100%;min-width:0}.batch-upload-row-main{min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem}.batch-upload-row-name{min-width:0;font-weight:600;color:var(--color-text);font-stretch:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-upload-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.batch-upload-row-meta{min-width:0}.import-drop-zone-list [data-batch-upload-row]+[data-batch-upload-row],[data-batch-upload-list] [data-batch-upload-row]+[data-batch-upload-row]{margin-top:.7rem}.import-drop-zone-list [data-batch-upload-skipped]{border-radius:14px;border:1px dashed rgba(204,77,42,.28);background:#fff5ebeb}.import-drop-zone .upload-progress{margin-top:.5rem}@media(max-width:767px){.empty-state-card .import-drop-zone{padding:1.1rem;border-radius:16px}.import-drop-zone button,.import-drop-zone-actions .ds-button{width:100%;min-width:0;justify-content:center}.import-drop-zone-actions{width:100%;flex-direction:column}.batch-upload-row-shell{grid-template-columns:1fr}.batch-upload-row-actions{justify-content:flex-start}}