@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/comic-neue-latin-400.86d5aefd.woff2)format("woff2")}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(../media/comic-neue-latin-700.900acbe7.woff2)format("woff2")}:root{--page:#f6f0e4;--paper:#fffaf0;--paper-soft:#ebe1d1;--ink:#171411;--muted:#17141185;--line:#171411;--shadow:#53462e21;--danger:#8f271c}*{box-sizing:border-box}.page-shell{background:linear-gradient(#17141106 1px,transparent 1px),linear-gradient(90deg,#17141105 1px,transparent 1px),var(--page);min-height:min(80vh,720px);color:var(--ink);background-size:32px 32px,32px 32px,auto;justify-content:center;align-items:flex-start;padding:18px 16px 30px;font-family:Comic Neue,Avenir Next,Helvetica Neue,sans-serif;line-height:1.2;display:flex}.browser-stage{flex-direction:column;gap:10px;width:min(100%,1180px);display:flex}.browser-window{border:2px solid var(--line);box-shadow:0 22px 48px var(--shadow);background:#fffcf6eb;border-radius:30px;overflow:hidden}.browser-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:17px 20px 15px;display:grid}.window-dots{gap:10px;padding-left:2px;display:flex}.window-dots span{background:#fff9efdb;border:2px solid #17141138;border-radius:999px;width:16px;height:16px}.address-form{min-width:0}.address-bar{border:2px solid var(--line);background:var(--paper);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:4px;display:grid}.history-strip{align-items:center;gap:12px;min-width:0;padding-left:16px;display:flex}.history-track{scrollbar-width:none;align-items:center;gap:8px;min-width:0;max-width:min(52%,620px);display:flex;overflow-x:auto}.history-track::-webkit-scrollbar{display:none}.history-item{flex:none;align-items:center;gap:8px;min-width:0;display:inline-flex}.history-button{text-overflow:ellipsis;white-space:nowrap;color:#171411a8;cursor:pointer;background:0 0;border:0;max-width:180px;padding:0;overflow:hidden}.history-button.active{color:var(--ink);font-weight:700}.history-button:hover{text-decoration:underline}.history-button:disabled{cursor:wait;opacity:.62;text-decoration:none}.history-title-input{width:120px;max-width:180px;height:28px;color:var(--ink);background:#fffaf0eb;border:1.5px solid #17141129;border-radius:999px;outline:0;padding:0 10px}.history-title-input:focus{border-color:#1714115c}.separator{color:#1714116b}.history-strip input{min-width:8rem;height:28px;color:var(--ink);background:0 0;border:0;outline:0;flex:14rem;padding:0}.history-strip input::placeholder{color:#17141161}.address-action,.address-placeholder{border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;display:inline-flex}.address-action{cursor:pointer;border:0}.address-action:disabled{cursor:wait;opacity:.7}.submit-action,.clear-action{background:var(--ink);color:var(--paper)}.clear-action{min-width:72px;padding:0 17px;font-weight:700}.submit-action svg{animation:none}.submit-action:disabled svg{animation:1s linear infinite spin}.canvas{background:var(--paper-soft);border-top:1.5px solid #17141124;place-items:center;min-height:min(62vw,650px);display:grid}.canvas.has-image{place-items:center;padding:0;display:grid;position:relative}.debug-panel{background:#fffcf6cc;border:2px solid #1714111f;border-radius:24px;padding:18px 20px 4px;box-shadow:0 16px 34px #53462e14}.debug-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.debug-header h2,.debug-header p{margin:0}.debug-header h2{font-size:1.05rem}.debug-header p,.debug-note{color:#1714118f;font-size:.88rem}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.debug-card{margin:0}.debug-card figcaption{color:#1714119e;margin-bottom:8px;font-size:.86rem}.debug-image{background:#ebe1d1cc;border:1.5px solid #1714111f;border-radius:18px;position:relative;overflow:hidden}.debug-image img{object-fit:contain;width:100%;height:100%;display:block}.debug-image.reference:after{content:"";pointer-events:none;background:linear-gradient(#fffaf005,#fffaf01f);position:absolute;inset:0}.debug-focus-ring{pointer-events:none;background:#fffaf024;border:3px solid #fffaf0f5;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1714118f,0 0 0 12px #fffaf01f}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;padding:36px 20px;display:flex}.empty-state p{letter-spacing:0;white-space:pre-line;max-width:680px;margin:0;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-upload-button{border:2px solid var(--line);background:var(--paper);width:58px;height:58px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;transition:background-color .16s,transform .16s,opacity .16s;display:grid}.empty-upload-button:hover:not(:disabled){background:#f4ece0;transform:translateY(-1px)}.empty-upload-button:disabled{cursor:wait;opacity:.7}.empty-upload-button:focus-visible{outline-offset:2px;outline:3px solid #17141126}.empty-examples{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.empty-examples-title{color:#17141194;font-size:.9rem}.empty-examples-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.empty-example-button{min-height:38px;color:var(--ink);cursor:pointer;font:inherit;background:#fffaf0b8;border:1.5px solid #17141129;border-radius:999px;padding:8px 14px;font-size:.88rem;transition:background-color .16s,border-color .16s}.empty-example-button:hover:not(:disabled){background:#f4ece0;border-color:#1714114d}.empty-example-button:focus-visible{outline-offset:2px;outline:3px solid #17141126}.empty-example-button:disabled{cursor:wait;opacity:.64}.image-frame{aspect-ratio:16/9;isolation:isolate;background:#e8dfd1;width:100%;margin:0;position:relative;overflow:hidden}.image-frame img{object-fit:contain;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:filter .22s,transform .42s;display:block}.image-frame.busy img{filter:saturate(.9)contrast(.97)brightness(1.01);transform:scale(1.01)}.tap-marker{pointer-events:none;z-index:2;border:3px solid var(--ink);border-radius:999px;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fffaf0e6}.loading-veil{z-index:3;background:#ebe1d1a3;place-items:center;display:grid;position:absolute;inset:0}.loading-card{color:#171411cc;background:#fffaf0f0;border:1.5px solid #1714111f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(460px,100% - 32px);padding:14px 16px;font-size:1rem;font-weight:700;display:inline-flex}.loading-card svg{flex:none;animation:1s linear infinite spin}.loading-card-inline{z-index:4;animation:.22s ease-out loadingCardIn;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #53462e29}.loading-cancel{color:#171411d9;cursor:pointer;background:#1714111a;border:0;border-radius:999px;padding:7px 11px;transition:background-color .14s,transform .14s}.loading-cancel:hover{background:#17141129;transform:translateY(-1px)}.loading-cancel:focus-visible{outline-offset:2px;outline:3px solid #17141124}.ripple-transition{z-index:3;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.ripple-transition:before{content:"";background:radial-gradient(circle at var(--ripple-x,50%)var(--ripple-y,50%),#fffcf60a 0,#fffcf61f 4%,#fff8ee52 10%,#f7efe1cc 28%,#ebe1d1f2 56%,#ebe1d1fa 100%);clip-path:circle(0 at var(--ripple-x,50%)var(--ripple-y,50%));animation:1.18s cubic-bezier(.18,.86,.28,1) forwards rippleReveal;position:absolute;inset:-12%}.ripple-ring{left:var(--ripple-x,50%);top:var(--ripple-y,50%);background:#fffcf62e;border:2px solid #17141138;border-radius:999px;width:32px;height:32px;animation:1.55s cubic-bezier(.12,.82,.32,1) infinite ripplePulse;position:absolute;transform:translate(-50%,-50%)scale(.22);box-shadow:0 0 0 8px #fffcf61a,0 0 0 20px #fffcf60f}.ripple-transition.completing{pointer-events:auto}.ripple-transition.completing:before{background:radial-gradient(circle at var(--ripple-x,50%)var(--ripple-y,50%),#fffcf605 0,#fff8ee38 12%,#ebe1d170 36%,#ebe1d100 72%);animation:.86s cubic-bezier(.18,.86,.28,1) both rippleCompleteReveal}.ripple-transition.completing .ripple-ring{animation:.86s cubic-bezier(.18,.86,.28,1) both rippleCompletePulse}.stage-caption{color:var(--muted);text-align:center;letter-spacing:0;margin:0;font-size:.88rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rippleReveal{0%{clip-path:circle(0 at var(--ripple-x,50%)var(--ripple-y,50%))}to{clip-path:circle(140% at var(--ripple-x,50%)var(--ripple-y,50%))}}@keyframes ripplePulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(.18)}70%{opacity:.32;transform:translate(-50%,-50%)scale(10.5)}to{opacity:0;transform:translate(-50%,-50%)scale(12.8)}}@keyframes rippleCompleteReveal{0%{clip-path:circle(8% at var(--ripple-x,50%)var(--ripple-y,50%));opacity:.62}48%{clip-path:circle(58% at var(--ripple-x,50%)var(--ripple-y,50%));opacity:.36}to{clip-path:circle(142% at var(--ripple-x,50%)var(--ripple-y,50%));opacity:0}}@keyframes rippleCompletePulse{0%{opacity:.42;transform:translate(-50%,-50%)scale(5.6)}46%{opacity:.24;transform:translate(-50%,-50%)scale(10.2)}to{opacity:0;transform:translate(-50%,-50%)scale(13.2)}}@keyframes loadingCardIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:780px){.page-shell{padding:10px 10px 22px}.browser-window{border-radius:22px}.browser-toolbar{grid-template-columns:1fr;gap:12px;padding:14px}.window-dots{display:none}.address-bar{min-height:42px}.history-strip{padding-left:12px}.history-track{max-width:48%}.history-button{max-width:150px}.history-strip input{min-width:6rem;font-size:16px}.canvas{min-height:52vh}.canvas.has-image{padding:0}.image-frame img{width:100%;height:100%}.debug-panel{padding:14px 14px 2px}.debug-header{flex-direction:column;align-items:flex-start}.debug-grid{grid-template-columns:1fr}.loading-card-inline{width:calc(100% - 24px);bottom:12px}}
.flipbook-workspace{background:var(--paper-soft);border-top:1.5px solid #17141124;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.flipbook-workspace .canvas{border-top:0;min-height:min(56vw,650px)}.branch-map-panel{color:var(--ink);font-family:inherit}.branch-map-panel.open{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 100% 0,#1c96841f,#0000 34%),#fffaf0e0;border-left:1.5px solid #1714111f;flex-direction:column;width:clamp(300px,34vw,460px);min-height:0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-18px 0 34px #53462e1f}.branch-map-panel.collapsed{z-index:8;opacity:0;transition:opacity .18s,transform .18s;position:absolute;top:12px;right:60px;transform:translateY(-4px)}.flipbook-workspace.branch-map-closed:hover .branch-map-panel.collapsed,.branch-map-panel.collapsed:focus-within,.flipbook-workspace.branch-map-closed:hover .lightbox-open-btn,.flipbook-workspace.branch-map-closed:focus-within .lightbox-open-btn{opacity:1;transform:translateY(0)}.branch-map-header{border-bottom:1px solid #17141117;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 12px;display:flex}.branch-map-header h2,.branch-map-header p{margin:0}.branch-map-header h2{font-size:1rem}.branch-map-header p{color:#17141185;margin-top:3px;font-size:.84rem}.branch-map-toggle,.branch-map-collapsed-pill{color:var(--ink);cursor:pointer;background:#fffaf0e6;border:1.5px solid #17141129;border-radius:999px;font-weight:700}.branch-map-toggle{white-space:nowrap;height:32px;padding:0 13px}.branch-map-collapsed-pill{background:#fffaf0f0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:40px;height:40px;padding:0;transition:background-color .14s,transform .14s;display:flex;box-shadow:0 4px 14px #53462e24}.branch-map-collapsed-pill:hover:not(:disabled){background:var(--paper);transform:scale(1.05)}.branch-map-collapsed-pill:disabled{cursor:wait;opacity:.5}.branch-map-collapsed-pill:focus-visible{outline-offset:2px;outline:3px solid #17141126}.branch-map-scroll{flex:1;padding:16px 18px 22px;overflow:auto}.branch-map-node-shell{position:relative}.branch-map-children{margin-left:27px;padding-left:18px;position:relative}.branch-map-children:before{content:"";border-left:2px solid #17141124;border-radius:999px;position:absolute;top:0;bottom:20px;left:0}.branch-map-node-shell.on-active-path>.branch-map-children:before{border-color:#ca7c1c94;box-shadow:0 0 14px #ca7c1c38}.branch-map-children>.branch-map-node-shell:before{content:"";border-top:2px solid #17141124;width:18px;position:absolute;top:28px;left:-18px}.branch-map-children>.branch-map-node-shell.on-active-path:before{border-color:#ca7c1c9e;box-shadow:0 0 14px #ca7c1c33}.branch-map-node{width:100%;min-height:62px;color:var(--ink);cursor:pointer;text-align:left;background:#fffcf6c7;border:1.5px solid #1714111f;border-radius:18px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;padding:6px 8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.branch-map-node:hover:not(:disabled){border-color:#0f766e70;transform:translateY(-1px)}.branch-map-node.active{border-color:#0f766ee6;box-shadow:0 0 0 3px #0f766e21,0 12px 26px #0f766e1c}.branch-map-node:disabled{cursor:wait;opacity:.7}.branch-map-thumb{background:#ebe1d1e6;border:1.5px solid #1714111f;border-radius:14px;width:52px;height:52px;overflow:hidden}.branch-map-thumb img{object-fit:cover;width:100%;height:100%;display:block}.branch-map-copy{gap:4px;min-width:0;display:grid}.branch-map-copy strong,.branch-map-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch-map-copy strong{font-size:.91rem}.branch-map-copy small{color:#1714117a;font-size:.78rem}.flipbook-orientation-gate{display:none}@media (max-width:900px) and (orientation:portrait){.flipbook-orientation-content{display:none}.flipbook-orientation-root{background:linear-gradient(#17141109 1px,transparent 1px),linear-gradient(90deg,#17141106 1px,transparent 1px),var(--page);background-size:30px 30px,30px 30px,auto;place-items:center;min-height:70vh;padding:24px;display:grid}.flipbook-orientation-gate{border:2px solid var(--line);width:min(100%,360px);min-height:360px;color:var(--ink);text-align:center;background:#fffcf6eb;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 24px;display:flex;box-shadow:0 18px 42px #53462e21}.flipbook-orientation-gate h2,.flipbook-orientation-gate p{margin:0}.flipbook-orientation-gate p{color:#17141194;line-height:1.45}.orientation-phone{border:3px solid var(--line);border-radius:20px;place-items:center;width:74px;height:112px;display:grid;transform:rotate(-12deg)}.orientation-phone span{background:#17141147;border-radius:999px;width:34px;height:4px}}@media (max-width:980px) and (orientation:landscape){.branch-map-panel.open{width:min(360px,42vw)}.branch-map-header{padding:14px 14px 10px}.branch-map-scroll{padding:12px 14px 16px}.branch-map-node{grid-template-columns:44px minmax(0,1fr);min-height:54px}.branch-map-thumb{width:44px;height:44px}}@media (max-width:780px){.branch-map-panel.collapsed{top:8px;right:52px}.branch-map-collapsed-pill{width:36px;height:36px}}
.canvas.has-image:hover .lightbox-open-btn,.canvas.has-image:focus-within .lightbox-open-btn{opacity:1;transform:translateY(0)}.lightbox-open-btn{z-index:5;width:40px;height:40px;color:var(--ink);cursor:pointer;opacity:0;background:#fffaf0f0;border:0;border-radius:12px;justify-content:center;align-items:center;transition:opacity .18s,transform .18s,background-color .14s;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-4px);box-shadow:0 4px 14px #53462e24}.lightbox-open-btn:hover:not(:disabled){background:var(--paper);transform:translateY(0)scale(1.05)}.lightbox-open-btn:disabled{cursor:wait;opacity:.5}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171411eb;justify-content:center;align-items:center;animation:.2s ease-out lightboxFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox-viewport{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox-content{justify-content:center;align-items:center;animation:.24s ease-out lightboxScaleIn;display:flex;position:relative}.lightbox-content img{object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:12px;max-width:96vw;max-height:88vh;transition:transform .12s ease-out;box-shadow:0 24px 64px #0006}.lightbox-content.dragging img{transition:none}.lightbox-close{z-index:1001;color:#fffaf0e6;cursor:pointer;background:#fffaf01f;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .14s,transform .14s;display:flex;position:fixed;top:20px;right:20px}.lightbox-close:hover{background:#fffaf038;transform:scale(1.05)}.lightbox-controls{z-index:1001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf01f;border-radius:16px;align-items:center;gap:6px;padding:8px 14px;animation:.24s ease-out lightboxControlsIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-control-btn{color:#fffaf0e6;cursor:pointer;background:#fffaf01a;border:0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .14s,transform .14s;display:flex}.lightbox-control-btn:hover{background:#fffaf033;transform:scale(1.08)}.lightbox-zoom-level{color:#fffaf0d9;font-variant-numeric:tabular-nums;text-align:center;min-width:52px;font-size:.9rem;font-weight:600}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lightboxControlsIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:780px){.lightbox-open-btn{opacity:1;width:36px;height:36px;top:8px;right:8px;transform:translateY(0)}.lightbox-close{width:40px;height:40px;top:12px;right:12px}.lightbox-controls{padding:6px 10px;bottom:16px}.lightbox-control-btn{width:34px;height:34px}.lightbox-zoom-level{min-width:46px;font-size:.85rem}}
.settings-strip{background:#fffcf69e;border-top:1px solid #17141114;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:8px 20px 14px;display:flex}.setting-group{align-items:center;gap:10px;min-width:0;display:flex}.setting-label{color:#17141194;white-space:nowrap;align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.setting-select{field-sizing:content;text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;max-width:9.75rem;height:34px;color:var(--ink);background:#fffaf0eb;border:1.5px solid #17141129;border-radius:999px;outline:0;padding:0 34px 0 16px;overflow:hidden}.setting-select:disabled{cursor:wait;opacity:.7}.setting-size-row{align-items:center;gap:10px;min-width:0;display:inline-flex}.setting-note{color:#17141175;white-space:nowrap;font-size:.82rem}.debug-setting{margin-left:auto}.toggle-wrap{align-items:center;gap:10px;display:inline-flex}.toggle-input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#17141114;border:1.5px solid #17141129;border-radius:999px;align-items:center;width:48px;height:28px;padding:3px;transition:background-color .16s,border-color .16s;display:inline-flex}.toggle-track.active{background:#1714112e;border-color:#17141138}.toggle-thumb{background:var(--paper);border-radius:999px;width:20px;height:20px;transition:transform .16s;box-shadow:0 2px 10px #17141124}.toggle-track.active .toggle-thumb{transform:translate(18px)}.segmented-control{background:#fffaf0eb;border:1.5px solid #1714111f;border-radius:999px;align-items:center;padding:3px;display:inline-flex}.segment{color:#1714119e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:54px;height:30px;padding:0 12px;transition:background-color .14s,color .14s}.segment:hover:not(:disabled){color:var(--ink)}.segment.active{background:var(--ink);color:var(--paper)}.segment:disabled{cursor:wait;opacity:.64}@media (max-width:780px){.settings-strip{gap:12px;padding:8px 14px 12px}.setting-group{flex-wrap:wrap;align-items:flex-start;width:100%}.debug-setting{margin-left:0}.setting-size-row{flex-wrap:wrap;width:100%}.segmented-control{scrollbar-width:none;max-width:100%;overflow-x:auto}.segmented-control::-webkit-scrollbar{display:none}}
.image-transition-stack{z-index:1;--portal-radius-start:7%;--portal-radius-mid:24%;--portal-radius-end:145%;position:absolute;inset:0;overflow:hidden}.flipbook-image-layer{position:absolute;inset:0}.transition-outgoing{z-index:1;pointer-events:none}.transition-incoming{z-index:2}.transition-initial .transition-incoming{animation:.26s ease-out both flipbookInitialImageIn}.transition-soft-switch .transition-outgoing{animation:.26s ease-out both flipbookSoftImageOut}.transition-soft-switch .transition-incoming{animation:.26s ease-out both flipbookSoftImageIn}.transition-portal-lens .transition-outgoing{transform-origin:var(--transition-x,50%)var(--transition-y,50%);will-change:filter,opacity,transform;animation:.72s cubic-bezier(.18,.86,.28,1) both flipbookPortalLensImageOut}.transition-portal-lens .transition-incoming{clip-path:circle(var(--portal-radius-start)at var(--transition-x,50%)var(--transition-y,50%));transform-origin:var(--transition-x,50%)var(--transition-y,50%);will-change:clip-path,filter,opacity,transform;animation:.72s cubic-bezier(.18,.86,.28,1) both flipbookPortalLensImageIn}@keyframes flipbookInitialImageIn{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes flipbookSoftImageOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-10px)scale(.985)}}@keyframes flipbookSoftImageIn{0%{opacity:0;transform:translate(12px)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes flipbookPortalLensImageOut{0%{opacity:1;filter:blur();transform:scale(1)}44%{opacity:.76;filter:blur(1.2px)brightness(.92);transform:scale(1.025)}to{opacity:.22;filter:blur(3px)brightness(.82);transform:scale(1.06)}}@keyframes flipbookPortalLensImageIn{0%{opacity:.78;clip-path:circle(var(--portal-radius-start)at var(--transition-x,50%)var(--transition-y,50%));filter:saturate(1.08);transform:scale(1.04)}42%{opacity:1;clip-path:circle(var(--portal-radius-mid)at var(--transition-x,50%)var(--transition-y,50%));transform:scale(1.018)}to{opacity:1;clip-path:circle(var(--portal-radius-end)at var(--transition-x,50%)var(--transition-y,50%));filter:saturate();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.transition-initial .transition-incoming,.transition-soft-switch .transition-incoming,.transition-soft-switch .transition-outgoing,.transition-portal-lens .transition-incoming,.transition-portal-lens .transition-outgoing{clip-path:none;filter:none;animation-duration:1ms;transform:none}}