.material-page{width:100%;max-width:100%;min-width:0;}.material-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);}.material-tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-xs);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);}.material-tabs button,#material-export-btn{min-height:44px;}.material-tabs button{padding:var(--space-sm) var(--space-lg);border:0;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;cursor:pointer;font:inherit;}.material-tabs button[aria-selected="true"]{color:var(--text-primary);background:var(--interactive-soft);box-shadow:var(--shadow-sm);}.material-tabs button:focus-visible,#material-export-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}#material-export-btn:disabled{cursor:not-allowed;opacity:0.6;box-shadow:none;}.material-tab-panel[hidden]{display:none;}.material-library-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:var(--space-lg);min-width:0;}#material-category-nav,#material-library-results,#material-selection-results{min-width:0;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--bg-card);}#material-category-nav{padding:var(--space-md);align-self:start;position:sticky;top:calc(var(--header-height) + var(--space-md));}#material-library-results,#material-selection-results{padding:var(--space-lg);}.material-category-heading{display:grid;gap:var(--space-xs);margin-bottom:var(--space-md);}.material-category-heading span,.material-results-heading > span{color:var(--text-muted);font-size:var(--font-size-sm);}.material-category-list{display:grid;gap:var(--space-sm);}.material-category-button,.material-category-placeholder{min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-glass);overflow-wrap:anywhere;}.material-category-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-sm);width:100%;text-align:left;cursor:pointer;font:inherit;}.material-category-button:hover,.material-category-button[aria-pressed="true"]{color:var(--text-primary);border-color:var(--interactive-border);background:var(--interactive-soft);}.material-category-button:focus-visible,.material-library-card button:focus-visible,.material-detail-panel button:focus-visible,.material-detail-panel a:focus-visible,.material-filters input:focus-visible,.material-filters select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}.material-category-group{grid-column:1 / -1;color:var(--text-muted);font-size:var(--font-size-xs);}.material-category-count{align-self:center;min-width:1.8rem;padding:2px var(--space-xs);border-radius:var(--radius-full);background:var(--bg-glass-strong);text-align:center;font-size:var(--font-size-xs);}.material-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);}.material-summary-item{display:grid;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-glass);}.material-summary-item span{color:var(--text-muted);font-size:var(--font-size-sm);}.material-summary-item strong{color:var(--interactive-primary);font-size:var(--font-size-2xl);}.material-summary-item--attention strong{color:var(--status-warning-fg);}.material-filters{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);}.material-search-field,.material-filter-grid label{display:grid;gap:var(--space-xs);min-width:0;color:var(--text-muted);font-size:var(--font-size-sm);}.material-search-field input,.material-filter-grid select{width:100%;min-width:0;min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass-strong);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-card);font:inherit;}.material-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:var(--space-sm);}#material-clear-filters{justify-self:start;}.material-results-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);}.material-results-heading > div{display:flex;align-items:baseline;gap:var(--space-sm);}#material-results-count{color:var(--text-muted);font-size:var(--font-size-sm);}.material-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--space-md);}.material-library-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:border-color var(--transition-fast),transform var(--transition-fast);}.material-library-card:hover{border-color:var(--border-glass-strong);transform:translateY(-2px);}.material-media{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-glass-strong);}.material-media img{width:100%;height:100%;object-fit:cover;}.material-media-placeholder{display:grid;grid-template-rows:auto auto;align-content:center;gap:var(--space-sm);width:100%;height:100%;place-items:center;color:var(--text-muted);background:var(--bg-glass-strong);font-size:var(--font-size-sm);}.material-media-placeholder::before{content:'';box-sizing:border-box;width:48px;height:38px;border:2px solid currentColor;border-radius:var(--radius-sm);opacity:0.58;background:radial-gradient(circle at 72% 27%,currentColor 0 3px,transparent 4px),linear-gradient(145deg,transparent 0 43%,currentColor 44% 49%,transparent 50%),linear-gradient(35deg,transparent 0 52%,currentColor 53% 58%,transparent 59%);}.material-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);min-width:0;}.material-card-body h3,.material-detail-header h3,.material-candidate-body h4{margin:0;color:var(--text-primary);overflow-wrap:anywhere;}.material-card-summary,.material-detail-header p,.material-candidate-spec,.material-candidate-notice{margin:0;color:var(--text-secondary);overflow-wrap:anywhere;}.material-card-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs);}.material-badge,.material-candidate-index,.material-candidate-tier{width:fit-content;margin:0;padding:3px var(--space-sm);border-radius:var(--radius-full);color:var(--status-info-fg);background:var(--status-info-bg);font-size:var(--font-size-xs);}.material-badge--muted{color:var(--text-secondary);background:var(--bg-glass-strong);}.material-card-meta,.material-candidate-facts{display:grid;gap:var(--space-xs);margin:0;}.material-card-meta > div,.material-candidate-facts > div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-sm);}.material-card-meta dt,.material-candidate-facts dt{color:var(--text-muted);}.material-card-meta dd,.material-candidate-facts dd{margin:0;color:var(--text-secondary);overflow-wrap:anywhere;}.material-detail-button{width:100%;margin-top:auto;}.material-detail-panel{margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--interactive-border);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-md);scroll-margin-top:calc(var(--header-height) + var(--space-lg));}.material-detail-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);}.material-detail-header > div{display:grid;gap:var(--space-xs);}.material-detail-kicker{color:var(--interactive-primary);font-size:var(--font-size-sm);}.material-detail-close{min-width:44px;min-height:44px;padding:var(--space-sm);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-glass);cursor:pointer;}.material-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:0 0 var(--space-xl);}.material-detail-field{min-width:0;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--bg-glass);}.material-detail-field dt{margin-bottom:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm);}.material-detail-field dd{margin:0;color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap;}.material-candidates{display:grid;gap:var(--space-md);}.material-candidates h3{margin:0;}.material-candidate-list{display:grid;gap:var(--space-md);}.material-candidate-card{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-card);}.material-candidate-media{height:100%;min-height:210px;}.material-candidate-body{display:grid;align-content:start;gap:var(--space-sm);min-width:0;padding:var(--space-md);}.material-candidate-price{color:var(--status-warning-fg);overflow-wrap:anywhere;}.material-price-date{width:fit-content;padding:var(--space-xs) var(--space-sm);border:1px solid var(--status-warning-border);border-radius:var(--radius-sm);color:var(--status-warning-fg);background:var(--status-warning-bg);font-size:var(--font-size-sm);}.material-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);}.material-source-unavailable{margin-right:auto;color:var(--text-muted);font-size:var(--font-size-sm);}.material-error-state{color:var(--status-danger-fg);}.material-empty-state{display:grid;justify-items:center;gap:var(--space-sm);min-height:240px;align-content:center;padding:var(--space-lg);color:var(--text-secondary);text-align:center;overflow-wrap:anywhere;}.material-empty-state > span{font-size:2rem;}.material-empty-state strong{color:var(--text-primary);}.material-empty-state p{margin:0;color:var(--text-muted);}.material-selection-mobile-cards{display:grid;gap:var(--space-md);min-width:0;}.material-selection-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);}.material-selection-heading h2,.material-selection-heading p{margin:0;}.material-selection-heading p{margin-top:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm);}.material-selection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg);}.material-selection-stat{display:grid;gap:var(--space-xs);min-width:0;padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);}.material-selection-stat span{color:var(--text-muted);font-size:var(--font-size-sm);}.material-selection-stat strong{color:var(--text-primary);overflow-wrap:anywhere;}.material-selection-filters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);}.material-selection-filters label,.material-selection-field{display:grid;gap:var(--space-xs);min-width:0;color:var(--text-muted);font-size:var(--font-size-sm);}.material-selection-filters select,.material-selection-field input,.material-selection-field select,.material-selection-field textarea{width:100%;min-width:0;min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass-strong);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-card);font:inherit;}.material-selection-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid var(--border-glass);border-radius:var(--radius-md);}.material-selection-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:var(--font-size-sm);}.material-selection-table th,.material-selection-table td{max-width:220px;padding:var(--space-sm);border-bottom:1px solid var(--border-glass);color:var(--text-secondary);text-align:left;vertical-align:top;overflow-wrap:anywhere;}.material-selection-table th{position:sticky;top:0;z-index:1;color:var(--text-primary);background:var(--bg-secondary);white-space:nowrap;}.material-selection-table tr:last-child td{border-bottom:0;}.material-selection-located{outline:2px solid var(--focus-ring);outline-offset:-2px;}.material-orphan-badge,.material-selection-status{display:inline-flex;width:fit-content;margin-top:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);color:var(--status-warning-fg);background:var(--status-warning-bg);font-size:var(--font-size-xs);}.material-selection-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);}.material-selection-actions .btn{min-height:44px;}.material-selection-mobile-card{display:grid;gap:var(--space-md);min-width:0;padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);}.material-selection-mobile-card header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-sm);}.material-selection-mobile-card h3,.material-selection-mobile-card p{margin:var(--space-xs) 0 0;overflow-wrap:anywhere;}.material-selection-mobile-card p{color:var(--text-muted);font-size:var(--font-size-sm);}.material-selection-mobile-card dl{display:grid;gap:var(--space-xs);margin:0;}.material-selection-mobile-card dl > div{display:grid;grid-template-columns:minmax(110px,0.4fr) minmax(0,1fr);gap:var(--space-sm);}.material-selection-mobile-card dt{color:var(--text-muted);}.material-selection-mobile-card dd{margin:0;color:var(--text-secondary);overflow-wrap:anywhere;}.material-selection-editor{display:grid;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--interactive-border);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-md);}.material-selection-editor > header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:var(--text-primary);font-weight:700;}.material-selection-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);}.material-selection-field--wide{grid-column:1 / -1;}.material-selection-check{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;color:var(--text-secondary);}.material-selection-check input{width:20px;height:20px;}.material-selection-form-error{padding:var(--space-sm) var(--space-md);border:1px solid var(--status-danger-border);border-radius:var(--radius-sm);color:var(--status-danger-fg);background:var(--status-danger-bg);}.material-selection-form-error[hidden]{display:none;}.material-selection-field-error{color:var(--status-danger-fg);font-size:var(--font-size-xs);}.material-selection-field-error[hidden]{display:none;}.material-selection-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);}@media (min-width:769px){.material-selection-mobile-cards{display:none;}}@media (max-width:768px){.material-page-toolbar{display:grid;grid-template-columns:minmax(0,1fr);}.material-tabs,#material-export-btn{width:100%;max-width:100%;}.material-tabs button{padding-inline:var(--space-sm);}.material-selection-heading{display:grid;}.material-selection-heading .btn{width:100%;}.material-selection-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.material-selection-filters,.material-selection-editor-grid{grid-template-columns:minmax(0,1fr);}.material-selection-filters .btn,.material-selection-editor-actions .btn{width:100%;}.material-selection-table-wrap{display:none;}.material-selection-mobile-card dl > div{grid-template-columns:minmax(0,1fr);}.material-selection-mobile-card .material-selection-actions,.material-selection-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.material-selection-editor{padding:var(--space-md);}.material-library-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-md);}#material-category-nav{display:flex;position:static;gap:var(--space-sm);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;}.material-category-placeholder{flex:0 0 auto;white-space:nowrap;}.material-category-heading{flex:0 0 auto;min-width:max-content;margin:0;padding:var(--space-sm);}.material-category-list{display:flex;flex:0 0 auto;gap:var(--space-sm);}.material-category-button{flex:0 0 auto;width:auto;min-width:max-content;}#material-library-results,#material-selection-results{padding:var(--space-md);}.material-empty-state{min-height:200px;padding:var(--space-md);}.material-summary{grid-template-columns:repeat(3,minmax(96px,1fr));gap:var(--space-sm);overflow-x:auto;}.material-summary-item{min-width:96px;padding:var(--space-sm);}.material-filter-grid{grid-template-columns:minmax(0,1fr);}#material-clear-filters,.material-detail-actions .btn,.material-detail-actions button,.material-detail-actions a{width:100%;}.material-results-heading{display:grid;align-items:start;}.material-library-grid,.material-detail-grid{grid-template-columns:minmax(0,1fr);}.material-detail-panel{padding:var(--space-md);}.material-detail-header{align-items:start;}.material-candidate-card{grid-template-columns:minmax(0,1fr);}.material-candidate-media{min-height:0;}.material-detail-actions{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:2;margin-inline:calc(var(--space-md) * -1);margin-bottom:calc(var(--space-md) * -1);padding:var(--space-md);border-top:1px solid var(--border-glass);background:var(--bg-secondary);}}