.landing #viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:contain}.landing #viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.landing #viewer[open][data-focus=pptx]{grid-template-rows:auto auto minmax(0,1fr) auto}.landing #viewer button:focus-visible,.landing #viewer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing #viewer:focus{outline:none}.landing #viewer .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ur-space-2);min-height:40px;padding:0 var(--ur-space-4);border-radius:var(--ur-radius-pill);font-size:var(--ur-text-sm);font-weight:550;white-space:nowrap;transition:background-color var(--ur-fast),color var(--ur-fast)}.landing #viewer .btn[data-variant=primary]{min-height:40px;font-weight:650}.landing #viewer .btn[data-size=lg]{min-height:52px;padding:0 var(--ur-space-6);font-size:var(--ur-text-base)}.landing #viewer .btn:disabled,.landing #viewer .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.landing #viewer .icon-button{width:40px;min-width:40px;padding:0;border:0;border-radius:var(--ur-radius);background:transparent;color:var(--muted)}.landing #viewer .icon-button:hover{background:var(--soft);color:var(--ink)}.landing #viewer .vw-short{display:none}.landing #viewer .vw-head{display:flex;align-items:center;gap:var(--ur-space-3);height:64px;padding:0 var(--ur-space-5);border-bottom:1px solid var(--line)}.landing #viewer .vw-name{display:grid;gap:2px;min-width:0;flex:1;padding-left:var(--ur-space-4);border-left:1px solid var(--line)}.landing #viewer .vw-name strong{overflow:hidden;font-size:var(--ur-text-base);text-overflow:ellipsis;white-space:nowrap}.landing #viewer .vw-name small{color:var(--muted);font-size:var(--ur-text-xs)}.landing #viewer .vw-tools{display:flex;align-items:center;gap:var(--ur-space-3);padding:var(--ur-space-3) var(--ur-space-5)}.landing #viewer .vw-seg{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:var(--ur-radius);background:var(--soft)}.landing #viewer .vw-seg button{min-height:34px;padding:0 var(--ur-space-4);border:0;border-radius:var(--ur-radius-sm);background:transparent;color:var(--muted);font-size:var(--ur-text-sm)}.landing #viewer .vw-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600}.landing #viewer .vw-pptx{display:flex;align-items:center;justify-content:space-between;gap:var(--ur-space-5);margin:0 var(--ur-space-5) var(--ur-space-3);padding:var(--ur-space-3) var(--ur-space-4);border:1px solid var(--accent);border-radius:var(--ur-radius-lg);background:var(--surface)}.landing #viewer .vw-pptx-text strong{font-size:var(--ur-text-base);font-weight:650}.landing #viewer .vw-pptx-text p{margin:2px 0 0;color:var(--muted);font-size:var(--ur-text-sm);line-height:1.5}.landing #viewer .vw-pptx-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ur-space-2)}@media(max-width:720px){.landing #viewer .vw-pptx-actions{flex-direction:column;align-items:stretch}}.landing #viewer .vw-pptx-price{font:inherit}.landing #viewer .vw-pptx-text .vw-intent-switch{display:block;margin-top:6px}.landing #viewer .vw-more{margin:var(--ur-space-3) var(--ur-space-5) 0;border-top:1px solid var(--line)}.landing #viewer .vw-more>summary{padding:var(--ur-space-3) 0;color:var(--muted);font-size:var(--ur-text-sm);cursor:pointer}.landing #viewer .vw-more[open]{max-height:40dvh;overflow-y:auto}.landing #viewer .vw-svg-download{margin:var(--ur-space-3) var(--ur-space-5) 0}.landing #viewer .vw-canvas{--split: 50%;--paper: white;--paper-check: color-mix(in srgb, white 90%, black);position:relative;min-height:0;margin:0 var(--ur-space-5);overflow:hidden;border:1px solid var(--line);border-radius:var(--ur-radius-lg);background-color:var(--paper);background-image:conic-gradient(var(--paper-check) 25%,transparent 0 50%,var(--paper-check) 0 75%,transparent 0);background-size:20px 20px;touch-action:none;cursor:grab;isolation:isolate}.landing #viewer .vw-canvas:active{cursor:grabbing}.landing #viewer .vw-canvas[data-ppt],.landing #viewer .vw-canvas[data-ppt]:active{cursor:default}.landing #viewer .vw-layer{position:absolute;inset:0;overflow:hidden;padding:var(--ur-space-4);pointer-events:none}.landing #viewer #result-layer{clip-path:inset(0 0 0 var(--split))}.landing #viewer .vw-canvas[data-view=result] #result-layer{clip-path:none}.landing #viewer .vw-canvas[data-view=original] #result-layer{display:none}.landing #viewer .vw-layer img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:center}.landing #viewer .vw-tag{position:absolute;bottom:var(--ur-space-3);z-index:6;display:inline-flex;align-items:center;padding:5px var(--ur-space-3);border:1px solid var(--line);border-radius:var(--ur-radius-pill);background:var(--surface);color:var(--muted);font-size:var(--ur-text-xs);pointer-events:none}.landing #viewer .vw-tag-left{left:var(--ur-space-3)}.landing #viewer .vw-tag-right{right:var(--ur-space-3)}.landing #viewer .vw-tag-top{top:var(--ur-space-3);bottom:auto;left:50%;transform:translate(-50%);white-space:nowrap}.landing #viewer .vw-tag-note{max-width:calc(100% - 2 * var(--ur-space-3))}.landing #viewer .vw-tag-toggle{gap:2px;padding:2px;pointer-events:auto}.landing #viewer .vw-tag-toggle button{min-height:28px;padding:0 var(--ur-space-3);border:0;border-radius:var(--ur-radius-pill);background:transparent;color:var(--muted);font-size:var(--ur-text-xs)}.landing #viewer .vw-tag-toggle button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:600}.landing #viewer #split-line{position:absolute;top:0;bottom:0;left:var(--split);z-index:3;border-left:2px solid var(--accent);pointer-events:none}.landing #viewer #split-line span{position:absolute;top:50%;left:0;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent);transform:translate(-50%,-50%)}.landing #viewer #split{appearance:none;position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;background:transparent;pointer-events:none}.landing #viewer #split::-webkit-slider-runnable-track{background:transparent}.landing #viewer #split::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border:0;background:transparent;pointer-events:auto;cursor:ew-resize}.landing #viewer #split:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.landing #viewer .vw-loading,.landing #viewer #pptx-loading{position:absolute;top:50%;left:50%;z-index:8;display:flex;flex-direction:column;gap:var(--ur-space-3);box-sizing:border-box;max-width:calc(100% - 32px);padding:var(--ur-space-5);border:1px solid var(--line);border-radius:var(--ur-radius-lg);background:var(--surface);box-shadow:var(--ur-shadow-pop);color:var(--ink);text-align:left;transform:translate(-50%,-50%);cursor:default}.landing #viewer .vw-loading{width:440px;font-size:var(--ur-text-sm)}.landing #viewer #pptx-loading{width:min(480px,calc(100% - 32px));pointer-events:none}.landing #viewer .loading-heading,.landing #viewer .pptx-load-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ur-space-4);line-height:1.4}.landing #viewer .pptx-load-head strong{font-size:var(--ur-text-lg);font-weight:650;letter-spacing:-.02em}.landing #viewer #loading-elapsed,.landing #viewer #pptx-load-time{color:var(--muted);font-size:var(--ur-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.landing #viewer .conversion-progress{height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.landing #viewer .conversion-progress>span{display:block;width:35%;height:100%;border-radius:inherit;background:var(--accent);animation:vw-travel 1.8s ease-in-out infinite}.landing #viewer #loading-copy{color:var(--muted);font-size:var(--ur-text-xs);line-height:1.5}.landing #viewer #pptx-load-stage{margin:0;font-size:var(--ur-text-sm);line-height:1.4}.landing #viewer .pptx-load-bar-row{display:flex;align-items:center;gap:var(--ur-space-3)}.landing #viewer .pptx-load-bar{flex:1;height:8px;overflow:hidden;border-radius:8px;background:var(--line)}.landing #viewer #pptx-load-fill{display:block;width:8%;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease}.landing #viewer #pptx-load-pct{min-width:3.5ch;color:var(--muted);font-size:var(--ur-text-xs);font-variant-numeric:tabular-nums;text-align:right}.landing #viewer .pptx-load-steps{display:flex;gap:var(--ur-space-2);margin:2px 0 0;padding:0;list-style:none}.landing #viewer .pptx-load-steps li{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:11px;line-height:1.2;text-align:center}.landing #viewer .pptx-load-steps li span{display:block;width:100%;height:3px;border-radius:3px;background:var(--line)}.landing #viewer .pptx-load-steps li[data-state=done],.landing #viewer .pptx-load-steps li[data-state=current]{color:var(--ink)}.landing #viewer .pptx-load-steps li[data-state=done] span,.landing #viewer .pptx-load-steps li[data-state=current] span{background:var(--accent)}.landing #viewer .pptx-load-steps li[data-state=current]{color:var(--accent);font-weight:650}.landing #viewer #pptx-load-eta{margin:0;color:var(--ink);font-size:var(--ur-text-sm);font-weight:650;line-height:1.4}.landing #viewer .pptx-load-notify{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ur-space-2) var(--ur-space-3);pointer-events:auto}.landing #viewer .pptx-load-notify span{color:var(--muted);font-size:var(--ur-text-xs)}.landing #viewer #pptx-load-copy{margin:0;color:var(--muted);font-size:var(--ur-text-xs);line-height:1.5}@keyframes vw-travel{0%{transform:translate(-110%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.landing #viewer .conversion-progress>span{animation:none;transform:translate(90%)}.landing #viewer #pptx-load-fill,.landing #viewer .btn{transition:none}}.landing #viewer .vw-foot{display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.landing #viewer .vw-notice{margin:0;padding:var(--ur-space-3) var(--ur-space-5);border-top:1px solid var(--line);color:var(--muted);font-size:var(--ur-text-sm);line-height:1.5}.landing #viewer .vw-notice a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.landing #viewer .vw-notice:empty{display:none}.landing #viewer .vw-upgrade{display:flex;align-items:center;gap:var(--ur-space-5);margin:var(--ur-space-3) var(--ur-space-5) 0;padding:var(--ur-space-3) var(--ur-space-4);border:1px solid var(--line);border-radius:var(--ur-radius-lg);background:var(--surface)}.landing #viewer .vw-sample{flex:none;margin:0}.landing #viewer .vw-sample-pair{display:flex;gap:var(--ur-space-2)}.landing #viewer .vw-crop-item{display:grid;gap:4px;justify-items:center}.landing #viewer .vw-crop-item>span{color:var(--ink);font-size:11px;line-height:1.3}.landing #viewer .vw-crop{position:relative;width:132px;aspect-ratio:7 / 5;overflow:hidden;border:1px solid var(--line);border-radius:var(--ur-radius-sm);background:#fff}.landing #viewer .vw-crop img{position:absolute;top:-29.3%;left:-9.5%;display:block;width:119%;max-width:none;height:auto}.landing #viewer .vw-sample figcaption{margin-top:4px;color:var(--muted);font-size:11px}.landing #viewer .vw-upgrade-text{flex:1;min-width:0}.landing #viewer .vw-upgrade-text strong{font-size:var(--ur-text-base);font-weight:600}.landing #viewer .vw-upgrade-text p{margin:4px 0 0;color:var(--muted);font-size:var(--ur-text-sm);line-height:1.5}.landing #viewer .vw-bar{display:flex;align-items:center;gap:var(--ur-space-4);padding:var(--ur-space-3) var(--ur-space-5)}.landing #viewer .vw-bar[data-empty]{display:none}.landing #viewer .vw-status{flex:1 0 auto;white-space:nowrap;color:var(--ink);font-size:var(--ur-text-sm);line-height:1.4}.landing #viewer .vw-report{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:0 var(--ur-space-4);font-size:var(--ur-text-sm)}.landing #viewer .vw-size{color:var(--muted);font-size:var(--ur-text-xs);white-space:nowrap}.landing #viewer .vw-zoom-wrap{display:flex;flex:none;align-items:center;gap:var(--ur-space-3)}.landing #viewer .vw-zoom{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--ur-radius);background:var(--surface);color:var(--muted);font-size:var(--ur-text-xs)}.landing #viewer .vw-zoom .icon-button{width:36px;min-width:36px;min-height:36px;border-radius:0}.landing #viewer .vw-zoom output{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.landing #viewer #zoom-fit{border-left:1px solid var(--line);border-radius:0 var(--ur-radius) var(--ur-radius) 0}.landing #viewer .pan-hint{color:var(--muted);font-size:var(--ur-text-xs);white-space:nowrap}.landing #viewer .vw-actions{display:flex;flex:2 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ur-space-3)}.landing #viewer .vw-actions:not(:has(>:not([hidden]))){display:none}.landing #viewer .vw-hint{margin:0;color:var(--muted);font-size:var(--ur-text-sm)}@media(max-width:1100px){.landing #viewer .pan-hint{display:none}}@media(max-width:700px){.landing #viewer .vw-head{gap:var(--ur-space-1);padding:0 var(--ur-space-2)}.landing #viewer .icon-button,.landing #viewer #open-history{width:44px;min-width:44px;min-height:44px;padding:0}.landing #viewer .vw-name{padding-left:var(--ur-space-3)}.landing #viewer .vw-name strong{font-size:var(--ur-text-sm)}.landing #viewer .vw-name small,.landing #viewer #open-history span,.landing #viewer .vw-long{display:none}.landing #viewer .vw-short{display:inline}.landing #viewer #live-download{padding:0 var(--ur-space-3)}.landing #viewer .vw-tools{padding:var(--ur-space-2) var(--ur-space-3);overflow-x:auto;scrollbar-width:none}.landing #viewer .vw-seg button{min-height:38px;padding:0 var(--ur-space-3);white-space:nowrap}.landing #viewer .vw-canvas{margin:0 var(--ur-space-3);border-radius:var(--ur-radius)}.landing #viewer .vw-layer{padding:var(--ur-space-2)}.landing #viewer .vw-loading{width:calc(100% - 24px);padding:var(--ur-space-4)}.landing #viewer #pptx-loading{padding:var(--ur-space-4) var(--ur-space-3)}.landing #viewer .vw-notice{padding:var(--ur-space-2) var(--ur-space-3);font-size:var(--ur-text-xs)}.landing #viewer .vw-upgrade{margin:var(--ur-space-2) var(--ur-space-3) 0;padding:0;border:0;background:transparent}.landing #viewer .vw-sample,.landing #viewer .vw-upgrade-text{display:none}.landing #viewer .vw-upgrade>.btn{width:100%}.landing #viewer .vw-bar{flex-wrap:wrap;gap:var(--ur-space-2);padding:var(--ur-space-2) var(--ur-space-3) var(--ur-space-3)}.landing #viewer .vw-status{font-size:var(--ur-text-xs)}.landing #viewer #zoom-out,.landing #viewer #zoom-in,.landing #viewer #live-zoom{display:none}.landing #viewer #zoom-fit{border-left:0;border-radius:var(--ur-radius)}.landing #viewer .vw-actions{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:var(--ur-space-2)}.landing #viewer .vw-actions .btn{width:100%;min-height:48px;font-size:var(--ur-text-sm)}.landing #viewer .vw-actions .btn[data-size=lg]{min-height:52px}.landing #viewer .vw-hint{font-size:var(--ur-text-xs);text-align:center}.landing #viewer .vw-pptx{flex-direction:column;align-items:stretch;gap:var(--ur-space-3);margin:0 var(--ur-space-3) var(--ur-space-2);padding:var(--ur-space-3)}.landing #viewer .vw-pptx .btn{width:100%;min-height:52px}.landing #viewer .vw-pptx-text p{font-size:var(--ur-text-xs)}.landing #viewer .vw-tag-note{right:var(--ur-space-3);white-space:normal}}@media(max-width:480px){.landing #viewer .vw-pptx .btn{padding:var(--ur-space-2) var(--ur-space-3);white-space:normal;line-height:1.25;text-align:center}.landing #viewer .vw-pptx .btn>span:last-child{min-width:0}.landing #viewer .vw-pptx-sep{display:none}.landing #viewer .vw-pptx-price{display:block;font-size:var(--ur-text-xs);font-weight:550;line-height:1.4}}.landing .vw-lost{display:inline-flex;flex-wrap:wrap;gap:8px}.landing #viewer .vw-check-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.landing #viewer .cl-offer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ur-space-3) var(--ur-space-5);margin:var(--ur-space-3) var(--ur-space-5) 0;padding:var(--ur-space-3) var(--ur-space-4);border:1px solid var(--line);border-radius:var(--ur-radius-lg);background:var(--surface)}.landing #viewer .cl-text{flex:1 1 320px;min-width:0}.landing #viewer .cl-text strong{font-size:var(--ur-text-base);font-weight:600}.landing #viewer .cl-text p,.landing #viewer .cl-line-text{margin:4px 0 0;color:var(--muted);font-size:var(--ur-text-sm);line-height:1.5}.landing #viewer .cl-line-text{flex:1 1 260px;margin:0}.landing #viewer .cl-privacy{color:var(--ink)}.landing #viewer .cl-clock{white-space:nowrap;font-variant-numeric:tabular-nums}.landing #viewer .cl-text .cl-error{color:var(--ur-danger)}.landing #viewer .cl-progress{flex:1 0 100%}.landing #viewer .cl-kinds{display:flex;flex-wrap:wrap;gap:var(--ur-space-2)}.landing #viewer .cl-kinds button{min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:var(--ur-radius-pill);background:transparent;color:var(--muted);font:inherit;font-size:var(--ur-text-xs);cursor:pointer}.landing #viewer .cl-kinds button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.landing #viewer .cl-kinds button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing #viewer .cl-panel{position:absolute;inset:64px 0 0;z-index:20;overflow:auto;background:var(--bg);color:var(--ink)}.landing .cl-inner{display:grid;gap:var(--ur-space-4);max-width:1120px;margin:0 auto;padding:var(--ur-space-6) 28px 36px}.landing .cl-inner h2{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em}.landing .cl-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.landing .cl-aspect-note{margin:0;font-size:var(--ur-text-sm);color:var(--muted)}.landing .cl-warn{display:flex;align-items:center;gap:var(--ur-space-3);margin:0;padding:var(--ur-space-3) var(--ur-space-4);border:1px solid color-mix(in srgb,var(--ur-warning) 60%,transparent);border-radius:var(--ur-radius);background:color-mix(in srgb,var(--ur-warning) 12%,var(--surface));font-size:var(--ur-text-base)}.landing .cl-warn span{display:grid;flex:none;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--ur-warning);color:var(--bg);font-size:14px;font-weight:700}.landing .cl-stage{--cl-stage-height: min(52vh, 520px);display:flex;height:var(--cl-stage-height);align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--ur-radius-lg);background:var(--surface)}.landing .cl-compare{position:relative;flex-shrink:0;max-height:100%;width:min(100%,calc(var(--cl-aspect, 1) * var(--cl-stage-height)));aspect-ratio:var(--cl-aspect, 1);overflow:hidden;background:var(--surface);touch-action:pan-y}.landing .cl-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.landing .cl-compare>img.cl-orig{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.landing .cl-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:var(--accent);pointer-events:none}.landing .cl-divider span{position:absolute;top:50%;left:50%;display:grid;width:32px;height:32px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);color:var(--bg);font-size:14px}.landing .cl-compare input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.landing .cl-compare input[type=range]:focus-visible~.cl-divider span{outline:2px solid var(--ink);outline-offset:2px}.landing .cl-tag{position:absolute;top:var(--ur-space-2);padding:2px 8px;border-radius:var(--ur-radius-sm);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ink);font-size:var(--ur-text-xs);pointer-events:none}.landing .cl-tag-l{left:var(--ur-space-2)}.landing .cl-tag-r{right:var(--ur-space-2)}.landing .cl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ur-space-3)}.landing .cl-actions p{flex-basis:100%;margin:2px 0 0;color:var(--muted);font-size:13px}@media(max-width:700px){.landing #viewer .cl-offer{margin:var(--ur-space-2) var(--ur-space-3) 0;padding:var(--ur-space-3);gap:var(--ur-space-2)}.landing #viewer .cl-text p{font-size:var(--ur-text-xs)}.landing #viewer .cl-offer>.btn{width:100%}.landing #viewer .cl-panel{inset:64px 0 0}.landing .cl-inner{padding:var(--ur-space-4) 14px 28px;gap:var(--ur-space-3)}.landing .cl-stage{--cl-stage-height: 38vh}.landing .cl-actions .btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.landing .cl-divider,.landing .cl-compare>img{transition:none}}.landing #viewer #try-pptx[data-nudge]{outline:2px solid var(--accent);outline-offset:3px}.landing #viewer .cl-pp-link{flex:1 0 100%;margin:0;font-size:var(--ur-text-sm, .875rem);color:var(--muted)}.landing #viewer .cl-pp-link button{padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.landing #viewer .cl-pp-link button:hover,.landing #viewer .cl-pp-link button:focus-visible{color:var(--ink)}.landing .cl-stage[data-side]{height:auto;padding:12px}.landing .cl-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.landing .cl-side figure{display:grid;align-content:start;align-self:start;gap:6px;margin:0;justify-items:center}.landing .cl-side img{max-width:100%;max-height:40vh;object-fit:contain}.landing .cl-narrow-only{display:none}.landing .cl-panel[data-side] .cl-actions{position:sticky;bottom:0;z-index:1;padding:10px 0;background:var(--surface)}.landing .cl-side figcaption{font-size:var(--ur-text-sm);color:var(--muted)}@media(max-width:640px){.landing .cl-side{grid-template-columns:1fr}.landing .cl-side img{max-height:22vh}.landing .cl-wide-only{display:none}.landing .cl-panel[data-side] .cl-actions{gap:8px;padding:8px 0}.landing .cl-panel[data-side] .cl-actions .btn{flex:1 1 calc(50% - 4px);min-height:40px}.landing .cl-panel[data-side] .cl-actions a.btn{flex-basis:100%;min-height:32px}.landing .cl-panel[data-side] .cl-actions p{display:none}.landing .cl-narrow-only{display:inline}}.landing #viewer .pp-panel{position:absolute;inset:64px 0 0;z-index:20;overflow:hidden;overscroll-behavior:contain;background:var(--bg);color:var(--ink)}.landing .pp-inner{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ur-space-2);width:100%;height:100%;max-width:none;margin:0;padding:0 var(--ur-space-5) var(--ur-space-3)}.landing .pp-inner>*{min-width:0}.landing .pp-banner{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--ur-space-4);padding:var(--ur-space-2) 0;border-bottom:1px solid var(--line);background:var(--bg)}.landing .pp-banner-title{flex:1;min-width:0}.landing .pp-banner h2{overflow:hidden;margin:0;font-size:var(--ur-text-lg);font-weight:650;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.landing .pp-banner-title p:not(.pp-sr){display:none}.landing .pp-banner-actions{display:flex;flex:none;align-items:center;gap:var(--ur-space-2)}.landing #viewer .pp-banner-actions .btn{min-height:36px;padding:0 var(--ur-space-3);font-size:var(--ur-text-sm)}.landing .pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.landing .pp-compare{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;border:0;border-radius:0;background:transparent}.landing .pp-compare>figure{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;margin:0;padding:0}.landing .pp-compare>figure:last-child{flex:1 1 auto}.landing .pp-compare figcaption{flex:none;min-height:0;margin-bottom:var(--ur-space-1);color:var(--muted);font-size:12px}.landing .pp-compare figcaption strong{color:var(--ink)}.landing .pp-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;overflow:hidden;container-type:size}.landing .pp-stage>img{width:100%;height:100%;object-fit:contain}.landing .pp-slide{position:relative;flex-shrink:0;width:100%;width:min(100%,calc(var(--pp-aspect, 1) * 100cqh));height:auto;max-height:100%;aspect-ratio:var(--pp-aspect, 1);box-shadow:var(--ur-shadow-pop)}.landing .pp-slide>img{display:block;width:100%;height:100%;object-fit:contain}.landing .pp-placeholder{display:grid;place-content:center;gap:6px;width:100%;height:100%;padding:24px;border:1px dashed var(--line);border-radius:var(--ur-radius-lg);background:var(--soft);text-align:center}.landing .pp-placeholder strong{font-size:18px;font-weight:650}.landing .pp-placeholder span{color:var(--muted);font-size:13px}.landing .pp-placeholder p{margin:6px 0 0;color:var(--ink);font-size:14px}.landing .pp-boxes{position:absolute;inset:0;pointer-events:none}.landing .pp-boxes[hidden]{display:none}.landing .pp-boxes span{position:absolute;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.landing .pp-boxes span.text{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.landing .pp-boxes span.image{border-color:color-mix(in srgb,var(--ur-warning) 70%,transparent)}.landing .pp-toolbar{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--ur-space-1) var(--ur-space-3);color:var(--muted);font-size:13px}.landing .pp-toolbar .btn{min-height:36px;padding:8px 16px;font-size:12px}.landing .pp-error{flex:none;margin:0;color:var(--danger);font-size:var(--ur-text-sm)}.landing .pp-notice{flex:none;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:var(--ur-radius-lg);background:var(--soft);color:var(--ink);font-size:13px}.landing .pp-actions{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--ur-space-2) var(--ur-space-3);padding-top:var(--ur-space-2);border-top:1px solid var(--line)}.landing .pp-actions p{flex-basis:100%;margin:0;color:var(--muted);font-size:13px}.landing .pp-stage-viewer{display:flex;flex:1 1 auto;height:auto;min-height:0;overflow:hidden;container-type:normal}.landing .pp-stage-viewer .pv-root{--pv-height: 100%;width:100%;height:100%;min-height:0}.landing .pp-stage-viewer .pv-stage-wrap{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.landing .pp-stage-viewer .pv-stage{flex:1 1 auto;height:auto;min-height:0}.landing .pp-viewer-loading{margin:0;color:var(--muted);font-size:var(--ur-text-sm)}.landing .pp-edited{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:var(--ur-radius-pill);background:var(--ur-accent-soft);color:var(--ur-accent);font-size:var(--ur-text-xs);font-weight:600;vertical-align:middle}.landing .pp-compare>.pp-original{position:absolute;left:var(--ur-space-3);bottom:var(--ur-space-3);z-index:6;display:flex;flex-direction:column;width:148px;height:auto;margin:0;padding:6px;overflow:hidden;border:1px solid var(--line);border-radius:var(--ur-radius);background:var(--surface);box-shadow:var(--ur-shadow-pop);text-align:left;cursor:zoom-in}.landing .pp-original-caption{order:-1;margin:0 0 4px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.landing .pp-original .pp-stage{display:flex;flex:none;height:auto;max-height:86px;container-type:normal}.landing .pp-original .pp-stage>img{width:100%;height:auto;max-height:86px;object-fit:contain}.landing .pp-compare>.pp-original[data-open=true]{inset:var(--ur-space-3);width:auto;height:auto;z-index:12;cursor:zoom-out}.landing .pp-original[data-open=true] .pp-stage{flex:1 1 auto;min-height:0;max-height:none}.landing .pp-original[data-open=true] .pp-stage>img{height:100%;max-height:none}@media(max-width:700px){.landing #viewer .pp-panel{inset:64px 0 0}.landing .pp-inner{gap:var(--ur-space-1);padding:0 var(--ur-space-2) var(--ur-space-2)}.landing .pp-banner{gap:var(--ur-space-2);padding:var(--ur-space-1) 0}.landing .pp-banner h2{font-size:var(--ur-text-base)}.landing #viewer .pp-banner-actions .btn{min-height:34px;padding:0 10px;font-size:var(--ur-text-xs)}.landing .pp-compare figcaption{font-size:11px}.landing .pp-toolbar span{display:none}.landing .pp-toolbar .btn{min-height:34px;padding:6px 12px}.landing .pp-actions p{font-size:11px}.landing .pp-actions .btn{flex:1 1 100%}.landing .pp-compare>.pp-original{left:var(--ur-space-2);bottom:var(--ur-space-2);width:122px}.landing .pp-original .pp-stage,.landing .pp-original .pp-stage>img{max-height:70px}.landing .pp-compare>.pp-original[data-open=true]{inset:var(--ur-space-2)}}.landing #viewer .pp-actions .btn{min-height:48px}.buy-choice{margin:auto;width:min(560px,calc(100vw - 24px));max-height:min(90vh,900px);padding:24px;border:1px solid var(--ur-line);border-radius:var(--ur-radius-xl);background:var(--ur-surface);color:var(--ur-ink);box-shadow:var(--ur-shadow-dialog);overflow:auto}.buy-choice::backdrop{background:var(--ur-scrim)}.buy-choice .bc-head{display:flex;align-items:start;justify-content:space-between;gap:var(--ur-space-4)}.buy-choice h2{margin:0;font-size:var(--ur-text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.buy-choice h3{margin:0 0 var(--ur-space-1);font-size:var(--ur-text-base);font-weight:650}.buy-choice .bc-close{flex:none;min-width:40px;min-height:40px;border:0;border-radius:50%;background:var(--ur-soft);color:var(--ur-ink);font-size:26px;cursor:pointer}.buy-choice p{margin:0;color:var(--ur-muted);font-size:var(--ur-text-sm);line-height:1.55}.buy-choice .bc-lead{margin:var(--ur-space-3) 0 var(--ur-space-5)}.buy-choice .bc-option{display:grid;gap:var(--ur-space-3);margin-top:var(--ur-space-3);padding:var(--ur-space-4);border:1px solid var(--ur-line);border-radius:var(--ur-radius-lg)}.buy-choice .bc-pack{border-color:var(--ur-accent);background:var(--ur-soft)}.buy-choice .bc-packs{display:grid;gap:var(--ur-space-2);margin:0;padding:0;list-style:none}.buy-choice .bc-packs .btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--ur-space-3);text-align:left}.buy-choice .bc-packs small{color:inherit;font-size:var(--ur-text-sm);font-weight:600;opacity:1}.buy-choice .bc-note{margin:0;color:var(--ur-ink);font-size:var(--ur-text-sm)}.buy-choice :focus-visible{outline:2px solid var(--ur-accent);outline-offset:3px}@media(max-width:540px){.buy-choice{padding:18px;border-radius:18px}}
