.film-renderer-choice{background:var(--mx-white);border:1px solid var(--visualizer-line);margin-bottom:1rem;padding:1rem}.film-renderer-choice>div{flex-wrap:wrap;gap:.5rem;display:flex}.film-renderer-choice button,.film-photo-angles button,.film-photo button{border:1px solid var(--mx-border-dk);background:var(--mx-white);min-height:44px;color:var(--mx-black);font:inherit;cursor:pointer;border-radius:2px;padding:.65rem 1rem}.film-renderer-choice button[aria-pressed=true],.film-photo-angles button[aria-pressed=true],.film-photo button[aria-pressed=true]{background:var(--mx-dark);color:var(--mx-white);border-color:var(--mx-dark)}.film-renderer-choice button:hover,.film-photo-angles button:hover,.film-photo button:hover{border-color:var(--mx-black)}.film-renderer-choice button:focus-visible,.film-photo-angles button:focus-visible,.film-photo button:focus-visible{outline:2px solid var(--mx-black);outline-offset:3px}.film-renderer-choice p{color:var(--mx-gray);margin:.75rem 0 0;font-size:1rem;line-height:1.7}.film-photo-angles{border:1px solid var(--visualizer-line);background:var(--mx-white);border-bottom:0;flex-wrap:wrap;gap:.5rem;padding:.75rem;display:flex}.film-photo{background:var(--mx-offwhite);display:grid;position:relative}.film-photo canvas{aspect-ratio:3/2;width:100%;height:auto;display:block}.film-photo canvas[hidden],.film-visualizer__time[hidden]{display:none}.film-photo__state{text-align:center;min-height:16rem;padding:2rem}.film-photo__reference{justify-self:start;margin:.75rem 1rem}.film-cabin-directions__controls{background:var(--mx-white);color:var(--mx-black);gap:.65rem;padding:.8rem 1rem;display:grid}.film-cabin-directions__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.film-cabin-directions__controls p{margin:0;font-size:1rem;line-height:1.6}.film-cabin-directions__controls .film-photo__reference{margin:0}@media (width<=620px){.film-cabin-directions__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.film-cabin canvas{cursor:grab;touch-action:none}.film-cabin canvas:active{cursor:grabbing}.film-cabin canvas:focus-visible{outline:3px solid var(--mx-gold);outline-offset:-4px}.film-cabin__controls{background:var(--mx-white);color:var(--mx-black);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;padding:.8rem 1rem .2rem;display:grid}.film-cabin__controls>span{font-size:1rem}.film-cabin__controls>div{align-items:center;gap:.5rem;display:flex}.film-cabin__controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5rem}.film-cabin__controls input[type=range]{width:100%;accent-color:var(--mx-gold);grid-column:1/-1}.film-cabin__controls .film-photo__reference{grid-column:1/-1;margin:0 0 .55rem}@media (width<=620px){.film-cabin__controls{grid-template-columns:1fr}.film-cabin__controls>div{justify-content:space-between}}.film-visualizer__stage-wrap:has(.film-photo){align-items:start;min-height:0}.film-visualizer__stage:has(.film-photo){min-height:0;scroll-margin-top:6rem}.film-visualizer__stage:has(.film-photo):before{display:none}.film-visualizer__stage:has(.film-photo) .film-visualizer__readout{background:var(--mx-dark);color:var(--mx-white);border:0;flex-wrap:wrap;font-size:1rem;position:static}.film-visualizer__stage:has(.film-photo) .film-visualizer__readout span{color:var(--mx-gold)}body:has(.film-workspace-shell) [data-back-to-top]{display:none}body:has(.film-workspace-shell) :is(iframe[src*=zaapi i],[id*=zaapi i],[class*=zaapi i],[id*=zcw i],[class*=zcw i]){display:none!important}body:has(.film-workspace-shell) #main{margin:0;padding:0}.film-workspace-shell{--film-offset:69px;--film-viewport:calc(100vh - var(--film-offset));background:var(--mx-offwhite)}@supports (height:100dvh){.film-workspace-shell{--film-viewport:calc(100dvh - var(--film-offset))}}.film-visualizer{--visualizer-line:var(--mx-border);box-sizing:border-box;width:100%;min-width:0;height:var(--film-viewport);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--mx-black);font-family:var(--font-thai), var(--font-sans), sans-serif;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);font-size:1rem;line-height:1.4;display:grid}.film-visualizer *,.film-visualizer :before,.film-visualizer :after{box-sizing:border-box}.film-visualizer [hidden]{display:none!important}.film-visualizer button,.film-visualizer input,.film-visualizer a{touch-action:manipulation}.film-visualizer button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:.5rem .75rem}.film-visualizer button:hover:not(:disabled){color:var(--mx-gold)}.film-visualizer button:disabled{color:var(--mx-gray);cursor:not-allowed}.film-visualizer :is(button,input,a,[tabindex]):focus-visible{outline:2px solid var(--mx-gold);outline-offset:-2px}.film-visualizer h2{font:inherit;margin:0 0 1rem;font-weight:600}.film-icon{flex:none;display:block}.film-workspace-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.film-visualizer button.film-details-toggle{color:var(--mx-gray);white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.film-workspace-body{grid-template-columns:minmax(0,1fr) 25rem;gap:1.5rem;min-width:0;min-height:0;padding:1rem 1.5rem 1.5rem;display:grid}.film-workspace-preview{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.film-visualizer__toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;padding:0 0 1rem;display:flex}.film-visualizer__segmented{background:var(--mx-white);border-radius:999px;padding:.25rem;display:flex}.film-visualizer__segmented button{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1rem;display:inline-flex}.film-visualizer__segmented button[aria-pressed=true]{color:var(--mx-white);background:var(--mx-dark)}.film-visualizer button.film-clear-toggle{white-space:nowrap;align-items:center;gap:.5rem;padding-inline:.25rem;display:inline-flex}.film-switch-track{background:var(--mx-gray);border-radius:999px;flex:none;align-items:center;width:2.5rem;height:1.5rem;padding:3px;display:inline-flex}.film-switch-track>span{background:var(--mx-white);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .18s ease-out}.film-clear-toggle[aria-checked=true] .film-switch-track{background:var(--mx-gold)}.film-clear-toggle[aria-checked=true] .film-switch-track>span{transform:translate(1rem)}.film-visualizer__stage{background:var(--mx-offwhite);border-radius:var(--mx-card-radius);min-width:0;min-height:0;box-shadow:var(--mx-card-shadow);position:relative;overflow:hidden}.film-visualizer__stage[data-swipe=true]{touch-action:pan-y pinch-zoom;cursor:grab}.film-visualizer__stage[data-swipe=true]:active{cursor:grabbing}.film-visualizer__canvas{position:absolute;inset:0}.film-visualizer__canvas canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.film-visualizer__canvas canvas:active{cursor:grabbing}.film-visualizer__fallback{background:var(--mx-offwhite);text-align:center;place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.film-workspace-view-controls{justify-items:center;gap:.25rem;padding-top:.75rem;display:grid}.film-workspace-view-controls p{margin:0}.film-view-options{justify-content:center;gap:1rem;display:flex}.film-view-options button{min-width:4.5rem;color:var(--mx-gray);padding:.25rem .5rem .5rem;position:relative}.film-view-options button:after{content:"";background:0 0;border-radius:50%;width:.35rem;height:.35rem;margin:.35rem auto 0;display:block}.film-view-options button[aria-pressed=true]{color:var(--mx-black);font-weight:600}.film-view-options button[aria-pressed=true]:after{background:var(--mx-gold)}.film-visualizer__controls{min-width:0;min-height:0;box-shadow:var(--mx-card-shadow);background:var(--mx-white);border-radius:1.5rem;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:.5rem;display:grid}.film-lighting{padding:1rem 1rem .75rem}.film-lighting__heading{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.film-lighting__heading>span{font-weight:600}.film-lighting__heading output{color:var(--mx-gray)}.film-lighting input[type=range]{appearance:none;cursor:ew-resize;width:100%;height:28px;accent-color:var(--mx-gold);background:0 0;margin:.75rem 0 .25rem;display:block}.film-lighting input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--mx-gold) var(--lighting-progress), var(--mx-border) var(--lighting-progress));border-radius:999px;height:3px}.film-lighting input::-moz-range-track{background:var(--mx-border);border-radius:999px;height:3px}.film-lighting input::-moz-range-progress{background:var(--mx-gold);height:3px}.film-lighting input::-webkit-slider-thumb{appearance:none;border:4px solid var(--mx-white);background:var(--mx-gold);border-radius:50%;width:20px;height:20px;margin-top:-8.5px;box-shadow:0 2px 7px #0d0d0d33}.film-lighting input::-moz-range-thumb{border:4px solid var(--mx-white);background:var(--mx-gold);border-radius:50%;width:12px;height:12px}.film-lighting__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.film-lighting__options button{color:var(--mx-gray);justify-items:center;gap:.35rem;padding:.25rem;display:grid}.film-lighting__options button[aria-pressed=true]{color:var(--mx-gold);font-weight:600}.film-lighting__options .film-icon{width:24px;height:24px}.film-control-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 .75rem;display:grid}.film-control-tabs button{color:var(--mx-gray);border-bottom:1px solid var(--visualizer-line);gap:.3rem;padding:.75rem .25rem;display:grid;position:relative}.film-control-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:15%;right:15%}.film-control-tabs button[aria-selected=true]{color:var(--mx-black)}.film-control-tabs button[aria-selected=true]>span{font-weight:600}.film-control-tabs button[aria-selected=true]:after{background:var(--mx-gold)}.film-control-tabs small{justify-content:center;align-items:center;gap:.3rem;font-size:1rem;display:flex}.film-paint-strip{border:1px solid var(--mx-border-dk);border-radius:4px;flex:none;width:4.5rem;height:.8rem;display:block}.film-body-finish{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin:0 0 .5rem;display:flex}.film-body-finish>span{font-weight:600}.film-body-finish>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.film-visualizer .film-body-finish button{border:1px solid var(--mx-border-dk);min-width:4rem;min-height:44px;color:var(--mx-gray);border-radius:2px;padding:.25rem .75rem}.film-visualizer .film-body-finish button:hover:not(:disabled){color:var(--mx-black);border-color:var(--mx-gold)}.film-visualizer .film-body-finish button[aria-pressed=true]{color:var(--mx-black);border-color:var(--mx-gold);background:var(--mx-offwhite);font-weight:600}.film-control-scroll{overscroll-behavior:contain;min-width:0;min-height:0;padding:1.5rem .75rem;overflow-y:auto}.film-control__heading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.film-control__description{color:var(--mx-dark);margin:.5rem 0 0;font-size:1rem;line-height:1.5}.film-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin-bottom:.75rem;display:grid}.film-series button{text-align:center;min-width:0;min-height:44px;color:var(--mx-gray);border-bottom:2px solid #0000;padding:.25rem}.film-series button[aria-pressed=true]{color:var(--mx-black);border-bottom-color:var(--mx-gold);font-weight:600}.film-series button:hover{color:var(--mx-black)}.film-control__film-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .25rem;padding:.25rem 0 .75rem;display:grid}.film-control__film-grid button{text-align:center;grid-template-rows:3.5rem auto;justify-items:center;gap:.4rem;min-width:0;padding:.35rem .1rem;display:grid}.film-sample{border:1px solid var(--mx-border);outline-offset:4px;border-radius:50%;outline:2px solid #0000;align-self:center;width:3rem;height:3rem;display:block;position:relative}.film-control__film-grid button[aria-pressed=true] .film-sample{outline-color:var(--mx-gold)}.film-control__film-grid button:hover:not(:disabled) .film-sample{outline-color:var(--mx-gray)}.film-sample__check{background:var(--mx-gold);width:1.25rem;height:1.25rem;color:var(--mx-white);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-.2rem;right:-.45rem}.film-sample__check .film-icon{width:14px;height:14px}.film-control__film-grid button>span{white-space:nowrap;font-weight:600}.film-control__film-grid button:disabled .film-sample{opacity:.45}.film-sample__unavailable{background:var(--mx-black);width:115%;height:1px;position:absolute;top:50%;left:-7.5%;transform:rotate(-45deg)}.film-control__safety{color:var(--mx-gray);margin:.75rem 0 0;font-size:1rem}.film-visualizer button.film-color-custom{text-align:left;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:0;display:flex}.film-color-custom .film-paint-strip{flex:1;height:1.25rem}.film-color-custom svg{flex:none}.film-color-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem .25rem;padding:.25rem;display:grid}.film-color-presets button{border-radius:50%;justify-self:center;width:44px;height:44px;padding:4px}.film-color-presets button[aria-pressed=true]{outline:2px solid var(--mx-gold);outline-offset:1px}.film-color-presets span{border:1px solid var(--mx-border);border-radius:50%;width:100%;height:100%;display:block}.film-color-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem;padding:.5rem 0;display:grid}.film-color-wheel{aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:50%;justify-self:center;width:100%;max-width:10rem;position:relative}.film-color-wheel__spectrum{border-radius:inherit;background:radial-gradient(circle closest-side,#fff,#0000),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:absolute;inset:0}.film-color-wheel__thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #000;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.film-color-sliders{min-width:0}.film-color-sliders label{font-size:1rem;display:grid}.film-color-sliders input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;min-width:0;height:28px;margin:0 0 .25rem;display:block}.film-color-sliders input::-webkit-slider-runnable-track{background:var(--color-track);border-radius:4px;height:8px}.film-color-sliders input::-moz-range-track{background:var(--color-track);border-radius:4px;height:8px}.film-color-sliders input::-webkit-slider-thumb{appearance:none;border:2px solid var(--mx-white);outline:1px solid var(--mx-gray);background:var(--mx-dark);border-radius:50%;width:18px;height:18px;margin-top:-5px}.film-color-sliders input::-moz-range-thumb{border:2px solid var(--mx-white);outline:1px solid var(--mx-gray);background:var(--mx-dark);border-radius:50%;width:14px;height:14px}.film-workspace-details p{margin:1rem 0}.film-workspace-details .film-renderer-choice{border:0;flex-wrap:wrap;gap:.5rem;padding:0;display:flex}.film-workspace-details .film-renderer-choice button{background:var(--mx-offwhite);border-radius:999px}.film-workspace-details .film-renderer-choice button[aria-pressed=true]{background:var(--mx-dark);color:var(--mx-white)}.film-visualizer__comparison{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,auto);align-items:baseline;column-gap:.75rem;display:grid}.film-visualizer__comparison :is(article,dl,dl div,.film-readout__identity){display:contents}.film-visualizer__comparison :is(p,h3,dd){text-align:right;margin:0}.film-visualizer__comparison p{color:var(--mx-gray);font-size:.875rem}.film-visualizer__comparison h3{font:inherit;white-space:nowrap;font-weight:600}.film-readout__identity>span{color:var(--mx-gray);text-align:right;padding-bottom:.35rem;font-size:.875rem}.film-visualizer__comparison :is(dt,dd){border-top:1px solid var(--visualizer-line);padding-block:.4rem}.film-visualizer__comparison dd{white-space:nowrap}.film-visualizer__comparison article:first-child>p{grid-area:1/2}.film-visualizer__comparison article:last-child>p{grid-area:1/3}.film-visualizer__comparison article:first-child h3{grid-area:2/2}.film-visualizer__comparison article:last-child h3{grid-area:2/3}.film-visualizer__comparison article:first-child .film-readout__identity>span{grid-area:3/2}.film-visualizer__comparison article:last-child .film-readout__identity>span{grid-area:3/3}.film-visualizer__comparison dl div:first-child>*{grid-row:4}.film-visualizer__comparison dl div:nth-child(2)>*{grid-row:5}.film-visualizer__comparison dl div:nth-child(3)>*{grid-row:6}.film-visualizer__comparison article:first-child dt{grid-column:1}.film-visualizer__comparison article:first-child dd{grid-column:2}.film-visualizer__comparison article:last-child dd{grid-column:3}.film-visualizer__comparison article:last-child dt{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.film-control--color p{color:var(--mx-gray);margin:.25rem 0 0;font-size:.875rem}.film-workspace-preview .film-photo{place-items:center;height:100%;display:grid}.film-workspace-preview .film-photo canvas{object-fit:contain;width:100%;height:100%;min-height:0}.film-workspace-preview .film-photo__state{min-height:0;max-height:100%;margin:0;padding:1rem;overflow-y:auto}@media (width>=1101px){.film-workspace-preview{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem}.film-visualizer__toolbar{display:contents}.film-visualizer__segmented{grid-area:1/1}.film-workspace-view-controls{grid-area:1/2;justify-self:center;padding-top:0}.film-visualizer button.film-clear-toggle{grid-area:1/3}.film-visualizer button.film-details-toggle{grid-area:1/4;margin-left:0}.film-visualizer__stage{grid-area:2/1/3/-1;align-self:stretch}.film-view-options{gap:.25rem}.film-view-options button{min-width:0;padding:.25rem .6rem .35rem}.film-view-options button:after{margin-top:.2rem}}@media (width>=1101px) and (width<=1259px){.film-workspace-preview{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto auto;row-gap:.5rem}.film-workspace-view-controls{grid-area:2/1/3/-1}.film-visualizer__stage{grid-area:3/1/4/-1}.film-visualizer button.film-clear-toggle{grid-area:1/3}.film-visualizer button.film-details-toggle{grid-area:1/4}}@media (width>=1101px) and (height<=820px){.film-workspace-body{padding-top:.75rem;padding-bottom:1rem}.film-lighting input[type=range]{display:none}.film-control-scroll{padding-block:1rem}}@media (width<=1100px){.film-workspace-body{grid-template-columns:minmax(0,1fr) 23rem;gap:1rem;padding:.75rem}.film-visualizer__segmented button{padding-inline:.75rem}.film-lighting input[type=range]{display:none}}@media (width<=1100px) and (orientation:portrait),(width<=600px){.film-visualizer button.film-details-toggle{gap:.35rem;padding-inline:.25rem}.film-workspace-body{grid-template-rows:minmax(0,46%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.5rem 0 0}.film-visualizer__toolbar{gap:.25rem;padding:0 .65rem .35rem}.film-visualizer__segmented button{gap:.35rem;padding-inline:.6rem}.film-visualizer__segmented .film-icon{width:18px;height:18px}.film-workspace-view-controls{gap:0;padding-top:.25rem}.film-view-options{gap:.5rem}.film-view-options button{min-width:0;padding-block:.2rem}.film-visualizer__controls{border-radius:1.5rem 1.5rem 0 0;padding:.25rem .5rem 0;box-shadow:0 -10px 26px -10px #0d0d0d2e}.film-lighting{padding:.5rem .5rem .25rem}.film-lighting__heading{display:none}.film-lighting input[type=range]{margin:0}.film-lighting__options button{justify-content:center;align-items:center;gap:.35rem;padding:.1rem;display:flex}.film-lighting__options .film-icon{width:20px;height:20px}.film-control-tabs{padding:0 .25rem}.film-control-tabs button{padding-block:.5rem}.film-control-scroll{padding:.75rem .25rem}.film-control__safety{margin-top:.5rem}}@media (width<=600px){.film-details-toggle>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.film-visualizer button.film-details-toggle{justify-content:center;min-width:36px;min-height:36px;padding:.25rem}.film-visualizer__segmented .film-icon{display:none}.film-visualizer button.film-clear-toggle{white-space:normal;text-align:left;gap:.35rem}}@media (width<=380px){.film-visualizer__segmented button{padding-inline:.4rem}.film-visualizer button.film-clear-toggle{max-width:7.5rem}.film-lighting__options button{flex-direction:column;gap:.1rem}.film-control-tabs small{letter-spacing:-.03em}}@media (width>=640px) and (width<=1100px) and (orientation:portrait){.film-workspace-body{grid-template-rows:minmax(0,1fr) minmax(0,24rem)}.film-control__film-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.75rem .5rem}.film-control-scroll{padding:.5rem 1rem}.film-workspace-view-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.film-color-presets{grid-template-columns:repeat(12,minmax(0,1fr))}.film-color-editor{max-width:32rem;margin-inline:auto}}@media (width>=601px) and (height<=550px) and (orientation:landscape){.film-workspace-body{grid-template-columns:minmax(0,1fr) minmax(18rem,42%);gap:.5rem;padding:.25rem .5rem}.film-lighting{padding:.25rem .5rem}.film-lighting__heading{display:none}.film-lighting input[type=range]{margin:0}.film-lighting__options button{justify-content:center;align-items:center;display:flex}.film-visualizer__toolbar{flex-wrap:wrap;padding-bottom:.25rem}.film-control-tabs button{padding-block:.4rem}.film-workspace-view-controls{padding-top:0}.film-details-toggle>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.film-visualizer button.film-details-toggle{justify-content:center;min-width:36px;padding:.25rem}.film-series{margin-bottom:.25rem}.film-control__film-grid{grid-template-columns:none;grid-auto-columns:4.5rem;grid-auto-flow:column;justify-content:start;padding-block:.25rem;overflow-x:auto}.film-control__film-grid button{grid-template-rows:2.75rem auto;gap:.25rem;padding-block:.15rem}.film-control__film-grid .film-sample{width:2.5rem;height:2.5rem}.film-workspace-body{grid-template-columns:minmax(0,1fr) minmax(20rem,48%)}.film-lighting__options button{min-height:34px;padding:.1rem}.film-control-tabs button{gap:.1rem;padding-block:.25rem}.film-visualizer__comparison :is(dt,dd){padding-block:.2rem}.film-readout__identity>span{display:none}.film-visualizer__comparison h3{padding-bottom:.2rem}.film-control__safety{margin-top:.25rem;font-size:.875rem;line-height:1.3}.film-control-scroll{padding-block:.25rem}.film-series button{min-height:36px}.film-visualizer button.film-color-custom{min-height:32px;margin-bottom:.25rem}.film-color-presets{grid-template-columns:repeat(12,minmax(0,1fr));gap:.15rem;padding:.15rem}.film-color-presets button{width:32px;height:32px;padding:3px}.film-color-editor{grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:0}.film-color-sliders label{grid-template-columns:4.75rem minmax(0,1fr);align-items:center;font-size:.875rem}.film-color-sliders input[type=range]{margin:0}}@media (height<=650px) and (orientation:portrait){.film-workspace-body{grid-template-rows:minmax(0,42%) minmax(0,1fr)}}@media (width<=600px){.film-workspace-shell{--film-sheet:18rem;--film-chrome:6.25rem}.film-visualizer:has(.film-photo) .film-workspace-body{grid-template-rows:auto minmax(var(--film-sheet), 1fr)}.film-workspace-preview:has(.film-photo){background:var(--mx-offwhite);grid-template-rows:auto auto auto;align-self:start}.film-workspace-preview .film-visualizer__stage:has(.film-photo){aspect-ratio:auto;height:min(calc(100vw * 2 / 3), calc(var(--film-viewport) - var(--film-sheet) - var(--film-chrome)))}.film-visualizer button.film-clear-toggle{white-space:nowrap;max-width:none}.film-view-options{justify-content:flex-start;gap:0;width:100%;overflow-x:auto}.film-view-options button{white-space:nowrap;flex:1 0 auto}.film-control-tabs button{gap:.1rem;padding-block:.25rem}.film-control-tabs small{font-size:.875rem}.film-lighting__options button{white-space:nowrap;flex-direction:row;gap:.2rem;font-size:.875rem}.film-lighting__options .film-icon{width:16px;height:16px}.film-control-scroll{padding-block:.25rem}.film-series{margin-bottom:.25rem}.film-series button{white-space:nowrap;padding-inline:0;font-size:.875rem}.film-control__film-grid{grid-template-columns:none;grid-auto-columns:minmax(4.5rem,calc(25% - .375rem));grid-auto-flow:column;justify-content:start;padding-block:.35rem;overflow-x:auto}.film-control__film-grid button{grid-template-rows:2.5rem auto;gap:.25rem;padding-block:.15rem}.film-control__film-grid .film-sample{width:2.5rem;height:2.5rem}.film-control__film-grid button>span{font-size:.875rem}.film-visualizer__segmented{padding:.15rem}.film-visualizer__segmented button{min-height:36px;padding-block:.15rem;font-size:.875rem}.film-visualizer button.film-clear-toggle{min-height:36px;font-size:.875rem}.film-visualizer__toolbar{padding-bottom:.25rem}.film-workspace-view-controls{padding-top:.15rem}.film-view-options button{min-height:34px;padding-block:.15rem;font-size:.875rem}.film-view-options button:after{border-radius:0;width:auto;height:2px;margin:.15rem 0 0}.film-lighting{padding:.25rem .5rem .15rem}.film-lighting__options button{min-height:34px;padding:.1rem}.film-visualizer__comparison :is(dt,dd){padding-block:.25rem}.film-readout__identity>span{display:none}.film-visualizer__comparison h3{padding-bottom:.2rem}.film-control__safety{margin-top:.25rem;font-size:.875rem}.film-visualizer button.film-color-custom{min-height:32px;margin-bottom:.25rem}.film-color-presets{gap:.15rem .25rem;padding:.15rem}.film-color-editor{grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;padding:.15rem 0}.film-color-sliders label{grid-template-columns:4.75rem minmax(0,1fr);align-items:center;font-size:.875rem}.film-color-sliders input[type=range]{margin:0}}@media (width<=380px){.film-visualizer__toolbar{flex-wrap:nowrap;gap:.15rem;padding-inline:.25rem}.film-visualizer button.film-clear-toggle{gap:.2rem;padding-inline:0}.film-visualizer button.film-details-toggle{min-width:30px;padding-inline:0}.film-switch-track{width:2rem}.film-clear-toggle[aria-checked=true] .film-switch-track>span{transform:translate(.5rem)}.film-lighting__options button{flex-direction:row}}@media (width<=600px) and (height<=700px){.film-workspace-shell{--film-sheet:18.75rem}.film-body-finish{margin-bottom:.15rem}}@media (prefers-reduced-motion:reduce){.film-switch-track>span{transition:none}}