/* The filter wrapper keeps the existing desktop layout and DOM controls. */
.material-filter-options{display:contents}
.material-filter-options[hidden],.material-filter-tools[hidden],.mobile-room-tools[hidden]{display:none!important}
.shade-embedded .material-filter-options>.filter-row,.shade-embedded .material-filter-options>.more-filters{flex-shrink:0}

@media(max-width:760px){
  .shade-embedded{background:#f5f2eb;color:#272a25}
  .shade-embedded .shade-studio{--accent:#8b7450;--accent-dim:#8b745014;--black:#f5f2eb;--near-black:#fffdf8;--cream:#272a25;--subtle:#d9d2c5;--soft:#706b61;--light:#514d45;color:#272a25}
  .shade-embedded .shade-studio [hidden]{display:none!important}
  .shade-embedded .material-view-switch{height:62px;padding:8px 16px;gap:6px;background:#f5f2eb;border-color:#d9d2c5;flex-shrink:0}
  .shade-embedded .material-view-switch button{min-height:44px;border:1px solid transparent;color:#706b61;font-size:15px}
  .shade-embedded .material-view-switch button[aria-pressed=true]{background:#fffdf8;border-color:#d9d2c5;color:#272a25;box-shadow:0 1px 3px #272a2508}
  .shade-embedded .studio-workspace{height:calc(100svh - 62px)}
  .shade-embedded .fabric-browser,.shade-embedded .preview-panel{background:#f5f2eb;padding:20px 18px 28px;scroll-padding-top:18px;overscroll-behavior:contain}
  .shade-embedded .fabric-browser{display:block}
  .shade-embedded .fabric-browser>.browser-header{margin:0 0 16px}
  .shade-embedded .browser-header h2{color:#272a25;font-size:30px;line-height:1.15;margin-bottom:7px}
  .shade-embedded .browser-header span{font-size:13px;color:#706b61}
  .shade-embedded .search-label{display:block;font-size:13px;color:#706b61;margin-bottom:8px;line-height:1.4}
  .shade-embedded .shade-studio input[type=search],.shade-embedded .shade-studio select{font-size:16px;min-height:48px;background:#fffdf8;border:1px solid #d9d2c5;color:#272a25;max-width:100%;border-radius:6px;padding:11px 12px}
  .shade-embedded .material-filter-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 13px}
  .shade-embedded .material-filter-tools button{min-height:44px;font:inherit;font-size:14px;background:transparent;border:0;color:#655336;padding:8px 0;text-align:left;cursor:pointer}
  .shade-embedded #material-filter-toggle::after{content:' +';font-size:18px;margin-left:5px}
  .shade-embedded #material-filter-toggle[aria-expanded=true]::after{content:' −'}
  .shade-embedded .material-filter-options{display:block;margin:0 0 20px;padding:0 0 15px;border-bottom:1px solid #d9d2c5}
  .shade-embedded .filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
  .shade-embedded .filter-row label{min-width:0;font-size:13px;color:#706b61;line-height:1.5}
  .shade-embedded .more-filters{margin:0}
  .shade-embedded .more-filters summary{color:#655336;font-size:14px;min-height:44px;padding:12px 0;cursor:pointer}
  .shade-embedded .fabric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;max-height:none;overflow:visible;margin:0;padding:0;flex:none;align-content:start}
  .shade-embedded .fabric-card{background:#fffdf8;border:1px solid #d9d2c5;border-radius:7px;padding:8px;overflow:hidden;color:#272a25}
  .shade-embedded .fabric-card img{aspect-ratio:1;object-fit:cover;border-radius:3px}
  .shade-embedded .fabric-card[aria-pressed=true]{border-color:#8b7450;box-shadow:inset 0 0 0 1px #8b7450;background:#fffdf8}
  .shade-embedded .fabric-card[aria-pressed=true]::after{content:'Selected';position:absolute;top:15px;right:15px;background:#272a25;color:#fffdf8;border-radius:3px;font-size:11px;line-height:1.3;padding:5px 7px}
  .shade-embedded .fabric-brand{font-size:11px;color:#706b61;margin-top:12px;line-height:1.5}
  .shade-embedded .fabric-color{font-size:16px;color:#272a25;line-height:1.35;margin:4px 0}
  .shade-embedded .fabric-family,.shade-embedded .fabric-code{font-size:12px;color:#706b61;line-height:1.5}
  .shade-embedded .fabric-code{margin-top:7px}
  .shade-embedded .load-more{min-height:48px;margin-top:4px}
  .shade-embedded .preview-panel{display:block;scroll-margin-top:0}
  .shade-embedded .preview-selection{padding:0 0 14px;gap:14px;align-items:center;margin:0}
  .shade-embedded .preview-selection>img{width:65px;height:82px;border-radius:3px;flex-shrink:0}
  .shade-embedded .preview-selection .eyebrow{font-size:11px;color:#706b61;letter-spacing:.04em;line-height:1.5}
  .shade-embedded .preview-selection h3{font-size:29px;line-height:1.05;color:#272a25;margin:4px 0 7px}
  .shade-embedded .preview-selection p:last-child{font-size:13px;color:#706b61;line-height:1.5}
  .shade-embedded .selection-options{margin:0 0 20px;gap:8px 16px;align-items:center;padding-bottom:16px;border-bottom:1px solid #d9d2c5}
  .shade-embedded .selection-options>label{font-size:14px;color:#514d45;gap:10px;flex-basis:100%;justify-content:space-between}
  .shade-embedded .selection-options select{min-width:145px}
  .shade-embedded .selection-options .text-button{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;color:#655336}
  .shade-embedded .preview-toolbar{margin-bottom:11px}
  .shade-embedded .preview-toolbar h2{font-size:23px;color:#272a25}
  .shade-embedded .room-stage{background:#e9e4da;border-radius:5px;max-height:none}
  .shade-embedded .preview-badge{background:#272a25db;color:#fffdf8;font-size:11px}
  .shade-embedded .preview-controls{padding:17px 0 12px;border-color:#d9d2c5;margin-top:0}
  .shade-embedded .position-heading{font-size:14px;color:#272a25;gap:12px}
  .shade-embedded .position-heading output{color:#655336;white-space:nowrap}
  .shade-embedded .shade-studio input[type=range]{min-height:44px;margin:4px 0;accent-color:#8b7450}
  .shade-embedded .position-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3px 18px}
  .shade-embedded .position-presets{width:100%;display:flex;border-color:#d9d2c5;background:#fffdf8;border-radius:5px}
  .shade-embedded .position-presets button{flex:1;min-height:44px;font-size:14px;color:#514d45;border-color:#d9d2c5;padding:9px}
  .shade-embedded .position-presets button[aria-pressed=true]{background:#8b745017;color:#272a25}
  .shade-embedded .position-actions>.text-button{min-height:44px;font-size:14px;color:#655336;padding:8px 0}
  .shade-embedded .room-instructions{font-size:13px;line-height:1.5;color:#706b61;margin:12px 0 16px}
  .shade-embedded .mobile-room-tools,.shade-embedded .fabric-details{margin:0;border-bottom:1px solid #d9d2c5;padding:0}
  .shade-embedded .mobile-room-tools>summary,.shade-embedded .fabric-details>summary{min-height:48px;line-height:1.5;font-size:14px;color:#514d45;padding:13px 0;cursor:pointer}
  .shade-embedded .mobile-room-tools .upload-button{min-height:44px;font-size:14px;background:#fffdf8;color:#272a25;border-color:#d9d2c5;margin:4px 0 12px}
  .shade-embedded .room-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;border:0;margin:0 0 15px;padding:0}
  .shade-embedded .room-tools .text-button{min-height:44px;font-size:14px;line-height:1.4;color:#655336;padding:8px 0}
  .shade-embedded .fabric-facts{font-size:13px;line-height:1.5;color:#514d45;margin:5px 0 15px;gap:12px}
  .shade-embedded .fabric-facts .text-button{min-height:44px;display:flex;align-items:center;font-size:14px;color:#655336}
  .shade-embedded .fabric-details .preview-note,.shade-embedded .room-privacy{color:#706b61;font-size:12px;line-height:1.6;margin:14px 0 18px}
  .shade-embedded .studio-status{bottom:12px;background:#272a25;color:#fffdf8;width:max-content;max-width:calc(100vw - 32px);font-size:13px;line-height:1.4;padding:12px 16px;pointer-events:none}
  .shade-embedded .image-dialog{background:#fffdf8;border-color:#d9d2c5;color:#272a25;padding:18px}
  .shade-embedded .image-dialog h2{color:#272a25}
  .shade-embedded .image-dialog p{color:#706b61;font-size:14px}
  .shade-embedded .image-dialog .outline-button{min-height:44px;color:#272a25;border-color:#d9d2c5;background:#fffdf8;font-size:14px}
}