/* Shared vector icons: their appearance does not depend on emoji fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;max-width:none;flex:none;vertical-align:-.14em;pointer-events:none;overflow:visible}
button>.ui-icon:only-child,a>.ui-icon:only-child{vertical-align:middle}
.case-frame-wrap{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.case-canvas{position:relative;flex:none;margin-inline:auto;min-height:0}
#caseFrame,#caseFrame.is-mobile{display:block;position:absolute;inset:0 auto auto 0;max-width:none;min-height:0;border:0;transform-origin:top left;transition:none;border-radius:5px}
.case-dialog-footer{flex-wrap:wrap}
#caseZoom{background:transparent;border:1px solid var(--rule);border-radius:5px;padding:6px 10px;min-height:32px;color:#d1e8d7;font:inherit;cursor:pointer}
#caseZoom[hidden]{display:none}
.case-device button{touch-action:manipulation}
.case-dialog #caseTitle:focus{outline:none}
/* Explicit auto height overrides the 1024px HTML height of the source image. */
.theme-interior .project-image-button>img{height:auto;aspect-ratio:3/2;object-position:center;object-fit:cover}
.theme-interior .project-dialog img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.theme-interior .material-sample{display:block;height:auto;min-width:0;border-radius:3px}
.theme-interior .material-scene{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:65% center}
.theme-interior .sample-circle{position:absolute;top:18px;right:18px;width:58px;height:58px;box-shadow:0 4px 20px #0008,inset 0 0 0 1px #f1e2c166}
.theme-interior .material-sample>span{left:0;bottom:0;width:100%;padding:20px;background:linear-gradient(transparent,#090b0ce8);color:#f1ece2;line-height:1.7}
.theme-interior .materials-grid>*{min-width:0}
.theme-interior .material-buttons{gap:18px}
.theme-interior .material-buttons button{width:48px;height:48px}
.theme-interior .project-modal-chips #projectPaletteLabel{border-color:var(--accent);color:var(--accent)}
@media(max-width:800px){
  .theme-interior .project-image-button>img{aspect-ratio:4/3;height:auto;object-position:65% center}
  .theme-interior .project-vitrine .l-container{width:calc(100% - 32px)}
  .theme-interior .materials-grid{display:flex;flex-direction:column;gap:25px;align-items:stretch}
  .theme-interior .material-copy{order:0}
  .theme-interior .material-sample{order:1}
  .theme-interior .material-copy h2{margin-bottom:16px}
  .theme-interior .material-copy p{max-width:none}
  .theme-interior .material-scene{aspect-ratio:4/3;height:auto}
  .theme-interior .sample-circle{width:48px;height:48px;top:14px;right:14px}
  .theme-interior .material-sample>span{font-size:8px;padding:16px}
  .theme-interior .material-buttons{margin:23px 0}
}
@media(max-width:760px){
  .case-dialog-footer{gap:7px 12px;padding:10px 13px}
  .case-dialog-footer>a{margin-left:auto;white-space:nowrap}
  .case-dialog-footer #casePreviewNote{font-size:10px}
  .case-dialog-bar h2{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.theme-interior [data-interior-image]{animation:none;transition:none}}