html,body.film-viewer-shell{width:100%;min-height:100%;overflow:hidden}html[data-theme] body.film-viewer-shell,body.film-viewer-shell{margin:0;background:#030303!important;background-image:none!important;color:#f3efe6!important}.film-viewer{position:fixed;inset:0;overflow:hidden;background:#030303;color:#f3efe6;font-size:15px;line-height:1.45;user-select:none;touch-action:manipulation}.film-stage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#050505;box-shadow:0 0 0 1px #ffffff0a}.film-video-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.film-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#050505}.film-ui{position:absolute;z-index:2;transition:opacity .16s ease,transform .16s ease}.film-back-link,.film-menu-toggle,.film-menu-panel,.film-hide-button,.film-local-import-link,.film-help-button,.film-zoom-button,.film-capture-button,.film-base-action,.film-reset-button,.film-base-panel,.film-permission-panel button{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0c0c0cad;color:#f3efe6;box-shadow:0 14px 36px #00000038;backdrop-filter:blur(16px)}.film-back-link{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;color:#f3efe6!important;font-size:.86rem;font-weight:700;text-decoration:none}.film-action-menu{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;justify-items:end;z-index:6}.film-menu-toggle{width:42px;height:38px;display:inline-grid;place-content:center;gap:5px;padding:0;cursor:pointer}.film-menu-toggle span{width:18px;height:2px;display:block;border-radius:999px;background:#fff8ea;box-shadow:0 1px 2px #0000007a}.film-menu-panel{position:absolute;top:calc(100% + 6px);right:0;width:max-content;min-width:64px;display:grid;gap:0;padding:4px 7px;z-index:7}.film-menu-panel[hidden]{display:none}.film-menu-panel .film-menu-item{position:static;top:auto;right:auto;width:auto;min-width:max-content;min-height:26px;height:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 2px;color:#f3efe6!important;backdrop-filter:none;font:inherit;font-family:inherit;font-size:.72rem;font-weight:800;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;text-shadow:none}.film-menu-panel .film-menu-item+.film-menu-item{border-top:1px solid rgba(255,255,255,.14)}.film-menu-panel .film-menu-item:disabled{opacity:.48;cursor:not-allowed}.film-help-button{top:max(62px,calc(env(safe-area-inset-top) + 62px));right:max(16px,env(safe-area-inset-right));width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border-radius:999px;color:#fff8ea!important;text-shadow:0 1px 2px rgba(0,0,0,.55);font:inherit;font-size:1rem;font-weight:900;font-family:Georgia,Times New Roman,serif;cursor:pointer}.film-hide-button{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-height:38px;padding:0 13px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.film-hide-button:disabled{opacity:.45;cursor:not-allowed}.film-local-import-link{top:max(16px,env(safe-area-inset-top));right:max(96px,calc(env(safe-area-inset-right) + 96px));min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;color:#f3efe6!important;font-size:.86rem;font-weight:800;text-decoration:none}.film-zoom-button{left:50%;bottom:max(222px,calc(env(safe-area-inset-bottom) + 222px));min-width:48px;min-height:34px;padding:0 13px;border-radius:999px;color:#f3efe6!important;font:inherit;font-size:.88rem;font-weight:900;cursor:pointer;transform:translate(-50%)}.film-zoom-button.is-active{background:#f2d08ae6;color:#14120f!important;border-color:#f2d08afa}.film-zoom-button:disabled{opacity:.38;cursor:not-allowed}.film-capture-button{left:50%;bottom:max(148px,calc(env(safe-area-inset-bottom) + 148px));width:64px;height:64px;display:inline-grid;place-items:center;padding:0;border-radius:999px;background:#0a0a0a8a;cursor:pointer;transform:translate(-50%)}.film-capture-button span{width:46px;height:46px;border-radius:999px;background:#f5f0e7;box-shadow:inset 0 0 0 3px #ffffff9e,0 0 0 1px #0000002e}.film-capture-button:disabled{opacity:.44;cursor:not-allowed}.film-capture-button.is-capturing span{transform:scale(.86)}.film-base-panel{top:max(16px,env(safe-area-inset-top));left:50%;width:fit-content;max-width:min(480px,calc(100% - 188px));box-sizing:border-box;display:grid;gap:8px;padding:8px;background:#090909b8;transform:translate(-50%)}.film-base-panel[hidden],.film-sample-guide[hidden],.film-sample-zone[hidden]{display:none}.film-base-status-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0}.film-base-chip{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px #0000002e}.film-base-status-row small{min-width:0;color:#fff8ea!important;-webkit-text-fill-color:#fff8ea;font-size:.72rem;font-weight:700;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.62);text-overflow:ellipsis;white-space:nowrap}.film-base-actions{display:grid;grid-template-columns:max-content max-content max-content;justify-content:center;gap:7px;min-width:0}.film-base-action{min-width:0;min-height:36px;padding:0 14px;color:#f3efe6!important;font:inherit;font-size:.78rem;font-weight:850;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;cursor:pointer}.film-base-action[data-start-base-sample]{min-width:118px}.film-base-action[data-save-base]{min-width:84px}.film-base-action[data-load-base]{min-width:60px}.film-base-action[hidden]{display:none}.film-base-cancel{grid-column:1 / -1;color:#fff8ea!important;border-color:#f2d08a8f;background:#4a2c14c2}.film-sample-guide{top:50%;left:50%;width:min(7vmin,46px);aspect-ratio:1;border:2px solid rgba(242,208,138,.95);border-radius:8px;background:linear-gradient(#f2d08ae6,#f2d08ae6) center / 18px 2px no-repeat,linear-gradient(90deg,#f2d08ae6,#f2d08ae6) center / 2px 18px no-repeat,#00000014;box-shadow:0 0 0 9999px #0000001a,0 12px 32px #0000003d;transform:translate(-50%,-50%);pointer-events:none}.film-sample-guide span{position:absolute;left:50%;bottom:calc(100% + 8px);padding:3px 8px;border-radius:999px;background:#090909b8;color:#f3efe6;font-size:.72rem;font-weight:850;white-space:nowrap;transform:translate(-50%)}.film-sample-zone{left:0;right:0;bottom:0;height:33.333%;border-top:1px dashed rgba(242,208,138,.58);background:linear-gradient(to top,rgba(242,208,138,.12),rgba(242,208,138,.03) 62%,transparent);pointer-events:none}.film-sample-zone span{position:absolute;left:50%;top:10px;padding:4px 10px;border-radius:999px;background:#090909ad;color:#f3efe6db;font-size:.72rem;font-weight:850;white-space:nowrap;transform:translate(-50%)}.film-bottom-controls{left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(960px,calc(100% - 32px));box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#090909a8;box-shadow:0 18px 48px #00000040;backdrop-filter:blur(18px);transform:translate(-50%)}.film-slider{display:grid;grid-template-columns:auto minmax(92px,1fr) 34px auto;gap:8px;align-items:center;min-width:0}.film-slider label,.film-slider output{color:#f3efe6db;font-size:.78rem;font-weight:800;white-space:nowrap}.film-slider output{width:34px;text-align:right;color:#f3efe6b8}.film-slider input{width:100%;min-width:0;accent-color:#f2d08a}.film-reset-button{min-height:30px;padding:0 9px;color:#f3efe6!important;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.film-reset-button:disabled{opacity:.42;cursor:not-allowed}.film-permission-panel{top:50%;left:50%;width:min(360px,calc(100vw - 40px));padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0c0c0cc2;box-shadow:0 22px 68px #00000057;text-align:center;backdrop-filter:blur(18px);transform:translate(-50%,-50%)}.film-permission-panel[hidden]{display:none}.film-status-label{margin:0 0 8px;color:#f2d08a!important;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.film-permission-panel h1{margin:0;color:#fff8ea!important;font-size:1.6rem;line-height:1.1;letter-spacing:0}.film-permission-panel p:not(.film-status-label){margin:12px 0 0;color:#f3efe6bd!important;font-size:.92rem}.film-permission-panel button{min-height:40px;margin-top:16px;padding:0 15px;font:inherit;font-weight:800;cursor:pointer}.film-tutorial{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));max-height:min(720px,calc(100dvh - 32px));padding:0;border:0;background:transparent;color:#f3efe6}.film-tutorial::backdrop{background:#00000094;backdrop-filter:blur(4px)}.film-tutorial-card{position:relative;max-height:inherit;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0d0d0deb;box-shadow:0 24px 70px #0000005c;color:#fff8ea!important;-webkit-text-fill-color:#fff8ea;user-select:none}.film-tutorial-card *{color:#fff8ea!important;-webkit-text-fill-color:#fff8ea}.film-tutorial-card::selection,.film-tutorial-card *::selection{background:transparent;color:#fff8ea}.film-tutorial-card h1{margin:0 0 18px;color:#fff8ea!important;font-size:1.7rem;line-height:1.12;letter-spacing:0}.film-tutorial-card section{padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.film-tutorial-card h2{margin:0 0 7px;color:#f3efe6!important;font-size:.98rem;line-height:1.25;letter-spacing:0}.film-tutorial-card p{margin:0;color:#fff8eadb!important;-webkit-text-fill-color:rgba(255,248,234,.86);font-size:.9rem;line-height:1.72}.film-tutorial-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f3efe6;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}.film-tutorial-confirm{width:100%;min-height:42px;margin-top:12px;border-radius:8px;border:1px solid rgba(242,208,138,.72);background:#f2d08aeb;color:#15110c;font:inherit;font-weight:900;cursor:pointer}.film-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-film-ui-hidden{cursor:none}.is-film-ui-hidden .film-ui{opacity:0;pointer-events:none;transform:translateY(8px)}.is-film-ui-hidden .film-base-panel,.is-film-ui-hidden .film-bottom-controls,.is-film-ui-hidden .film-permission-panel{transform:translate(-50%,-50%)}.is-film-ui-hidden .film-base-panel{transform:translate(-50%,-10px)}.is-film-ui-hidden .film-bottom-controls,.is-film-ui-hidden .film-capture-button,.is-film-ui-hidden .film-zoom-button{transform:translate(-50%,16px)}.is-film-ui-hidden .film-help-button{opacity:0;pointer-events:none;transform:translateY(8px)}.is-base-sampling .film-bottom-controls,.is-base-sampling .film-capture-button,.is-base-sampling .film-zoom-button{opacity:0;pointer-events:none}.is-base-sampling .film-bottom-controls,.is-base-sampling .film-capture-button{transform:translate(-50%,16px)}.is-base-sampling .film-zoom-button{transform:translate(-50%,12px)}html[data-theme] .film-viewer select,html[data-theme] .film-viewer button,html[data-theme] .film-viewer input{border-color:#ffffff2e!important;background-color:#0c0c0cad!important;color:#f3efe6!important}html[data-theme] .film-viewer .film-back-link{color:#f3efe6!important}@media(max-width:760px){.film-stage{width:100vw;height:100vh;height:100dvh;max-height:none}.film-back-link,.film-action-menu{top:max(14px,calc(env(safe-area-inset-top) + 14px))}.film-back-link{left:max(16px,env(safe-area-inset-left));min-height:40px}.film-action-menu{right:max(16px,env(safe-area-inset-right))}.film-base-panel{top:max(14px,calc(env(safe-area-inset-top) + 14px));width:fit-content;max-width:calc(100% - 180px);gap:6px;padding:7px;background:#090909c7}.film-base-status-row small{font-size:.7rem}.film-base-actions{grid-template-columns:max-content max-content max-content;gap:4px}.film-base-action{min-height:32px;padding:0 7px;font-size:.7rem}.film-base-action[data-start-base-sample]{min-width:82px}.film-base-action[data-save-base]{min-width:56px}.film-base-action[data-load-base]{min-width:36px}.film-capture-button{bottom:max(232px,calc(env(safe-area-inset-bottom) + 232px))}.film-zoom-button{bottom:max(306px,calc(env(safe-area-inset-bottom) + 306px))}.film-help-button{top:max(112px,calc(env(safe-area-inset-top) + 112px));right:max(16px,env(safe-area-inset-right))}.film-bottom-controls{grid-template-columns:1fr;gap:10px}.film-slider{grid-template-columns:48px minmax(0,1fr) 38px auto}.film-tutorial-card{padding:20px}.film-tutorial-card h1{font-size:1.42rem}}@media(max-width:370px){.film-base-panel{top:max(64px,calc(env(safe-area-inset-top) + 64px));max-width:calc(100% - 32px);padding:8px}.film-help-button{top:max(158px,calc(env(safe-area-inset-top) + 158px))}}