.lv{max-width:2400px;margin:0 auto;padding:28px 24px 48px}.intro{max-width:680px;margin-bottom:24px}.intro p{color:var(--muted);margin:8px 0 0}.dropzone{border:2px dashed var(--border);background:var(--surface);cursor:pointer;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:260px;padding:24px;display:flex}.dropzone strong{font-size:20px}.dropzone span{color:var(--muted)}.dropzone.dragging{border-color:var(--focus);background:color-mix(in srgb, var(--focus) 6%, var(--surface))}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=900px){.workspace{grid-template-columns:1fr}}.panel{flex-direction:column;gap:14px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.card-head{justify-content:space-between;align-items:center;display:flex}.hint{color:var(--muted);margin:0;font-size:13px}.optional{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.file-name{word-break:break-all;margin:0;font-weight:600}.stats{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:13px;display:grid}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;margin:0}.warnings{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.warnings:empty{display:none}.warnings li{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;padding:8px 10px;font-size:13px}.check{cursor:pointer;align-items:baseline;gap:8px;display:flex}.check.inline{align-items:center;display:inline-flex}.check input{margin:0}.radios{border:0;flex-direction:column;gap:6px;margin:4px 0 0;padding:0;display:flex}.radios legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:13px}.radios label{cursor:pointer;align-items:center;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:15px}.progress{flex-direction:column;gap:6px;display:flex}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar>div{background:var(--focus);width:0;height:100%;transition:width .3s}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.result{flex-direction:column;gap:10px;display:flex}.result-stats{margin:0;font-size:13px}.error{color:var(--error);white-space:pre-wrap;margin:0;font-size:13px}.stage{flex-direction:column;gap:16px;min-width:0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px;display:inline-flex}.segmented label{cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{border-radius:999px;padding:5px 12px;font-size:13px;display:block}.segmented input:checked+span{background:var(--accent);color:var(--accent-text)}.segmented input:focus-visible+span{outline:2px solid var(--focus)}.zoom{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.devices{flex-wrap:wrap;align-items:flex-end;gap:28px 24px;padding-bottom:8px;display:flex}.safe-devices{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.swatch{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}figure{margin:0}figcaption{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:10px;font-size:13px;display:flex}figcaption .dims{color:var(--muted);font-variant-numeric:tabular-nums}figcaption em{color:var(--muted);flex-basis:100%;font-size:12px;font-style:normal}.cropmap{max-width:100%}.cropmap figcaption{flex-direction:column;align-items:flex-start;max-width:340px}.cropmap-summary{color:var(--muted)}.cropmap-frame{background:#000;border-radius:6px;position:relative;overflow:hidden}.cropmap-frame video{object-fit:fill;width:100%;height:100%;display:block}.cropmap-overlay{pointer-events:none;position:absolute;inset:0}.crop{border:2px solid var(--c);position:absolute;box-shadow:0 0 0 1px #00000059}.label-line{border-top:2px dashed var(--c);height:0;position:absolute}.label-line span{color:#fff;background:var(--c);white-space:nowrap;border-radius:3px;padding:0 4px;font-size:10px;font-weight:600;position:absolute;top:2px;right:4px}.crop.excluded,.label-line.excluded{opacity:.35}.label-line.excluded span{display:none}.safe{background:#51cf6624;border:2px dashed #51cf66;position:absolute}.safe span{color:#0b3d16;background:#8ce99a;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.bezel{margin:7px;position:relative;box-shadow:0 0 0 7px #151515,0 12px 32px #00000040}.screen{transform-origin:0 0;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.device.android .screen{font-family:Roboto,Google Sans,system-ui,sans-serif}.screen video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen .logo{object-fit:contain;opacity:0;filter:blur(20px);transition:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.screen.logo-in .logo{opacity:1;filter:blur();transition:opacity 1.2s ease-in-out,filter 1.2s ease-in-out}.chrome,.guides{pointer-events:none;position:absolute;inset:0}.wordmark{background:var(--wordmark);position:absolute;left:0;right:0;-webkit-mask:url(/img/sandals-church.svg) 50%/contain no-repeat;mask:url(/img/sandals-church.svg) 50%/contain no-repeat}.wordmark.android{left:50%;translate:-50%}.label{color:var(--label);opacity:0;white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%}.label.ios{gap:5px;padding-top:10px;font-size:13px;line-height:16px;translate:-50% calc(10px - 50%)}.label.android{filter:blur(6px);font-size:16px;font-weight:600;line-height:24px;translate:-50% calc(20px - 50%)}.label.android span{margin-top:-8px}.screen.label-in .label.ios{opacity:1;transition:opacity 1s ease-out,translate 1s ease-out;translate:-50% -50%}.screen.label-in .label.android{opacity:.7;filter:blur();transition:opacity 2s ease-in-out,translate 2s ease-in-out,filter 2s ease-in-out;translate:-50% -50%}.screen.no-label .label{display:none}.status{pointer-events:none;color:#000;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.screen[data-appearance=dark] .status{color:#fff}.status.notched{height:54px;padding:4px 34px 0 50px;font-size:17px}.status.se{justify-content:center;height:20px;font-size:12px}.status.android{height:40px;padding:0 22px;font-size:14px;font-weight:500}.status-icons{letter-spacing:1px;font-size:10px}.island{background:#000;border-radius:20px;width:126px;height:37px;position:absolute;top:11px;left:50%;translate:-50%}.punch-hole{background:#000;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;left:50%;translate:-50%}.tabbar.ios{-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);color:#111;background:#ffffff8c;border-radius:999px;justify-content:space-around;align-items:center;padding:0 6px;font-size:10px;font-weight:500;display:flex;position:absolute;box-shadow:0 0 0 .5px #0000001f,0 6px 20px #0000001f}.screen[data-appearance=dark] .tabbar.ios{color:#f2f2f2;background:#1e1e1e99}.tabbar span{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.tabbar.ios span.on{color:#2f7bbf}.tabbar i{opacity:.85;background:currentColor;border-radius:7px;width:24px;height:24px;display:block}.tabbar.android{color:#1d1d1d;background:#808080eb;align-items:center;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.screen[data-appearance=dark] .tabbar.android{color:#e6e6e6;background:#000000eb}.tabbar.android span{gap:4px}.tabbar.android i{border-radius:50%}.tabbar.android span.on i{box-shadow:0 0 0 4px #ffffff40}.home-indicator{background:#000;border-radius:3px;width:140px;height:5px;position:absolute;bottom:8px;left:50%;translate:-50%}.screen[data-appearance=dark] .home-indicator{background:#fff}.gesture-bar{background:#fffc;border-radius:2px;width:108px;height:4px;position:absolute;bottom:9px;left:50%;translate:-50%}.guide{background:#fa525238;display:none;position:absolute;left:0;right:0}.guide.top{border-bottom:1px dashed #fa5252;top:0}.guide.bottom{border-top:1px dashed #fa5252;bottom:0}.screen.show-guides .guide{display:block}