:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--steel-a:#dde1e5;--steel-b:#c9ced4;--muted:#4a525a;--toast-bg:#1b1e22;--toast-fg:#f1f3f4;--drop:#2b54c4;--dialog-bg:#f1f3f4;--dialog-fg:#1b1e22;--inspector-w:320px;--inspector-h:0px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--steel-a:#1d2024;--steel-b:#15171a;--muted:#a3abb4;--toast-bg:#f1f3f4;--toast-fg:#1b1e22;--drop:#7f9dff;--dialog-bg:#1f2226;--dialog-fg:#e5e7e9}}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:repeating-linear-gradient(90deg, transparent 0 2px, color-mix(in srgb, var(--steel-b) 55%, transparent) 2px 3px), linear-gradient(160deg, var(--steel-a), var(--steel-b)) fixed;color:var(--muted);font:12px/1.4 IBM Plex Mono,ui-monospace,Menlo,monospace}body.inspector-folded{--inspector-w:0px;--inspector-h:0px}#slip{pointer-events:none;position:fixed;top:0;left:0}#stage{inset:0 var(--inspector-w) var(--inspector-h) 0;overscroll-behavior:contain;outline:none;position:fixed;overflow:auto}#spacer{pointer-events:none}#pane{width:var(--inspector-w);padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px 8px;background:var(--tp-base-background-color);z-index:2;--tp-base-font-family:"IBM Plex Mono", ui-monospace, Menlo, monospace;--tp-blade-value-width:150px;--tp-base-background-color:#f1f3f4;--tp-base-shadow-color:#0000;--tp-button-background-color:#4a5058;--tp-button-background-color-hover:#3f454c;--tp-button-background-color-focus:#3f454c;--tp-button-background-color-active:#2f343a;--tp-button-foreground-color:#f1f3f4;--tp-container-background-color:#0000000d;--tp-container-background-color-hover:#00000014;--tp-container-background-color-focus:#0000001a;--tp-container-background-color-active:#0000001f;--tp-container-foreground-color:#2c3137;--tp-groove-foreground-color:#00000024;--tp-input-background-color:#0000000f;--tp-input-background-color-hover:#00000017;--tp-input-background-color-focus:#0000001c;--tp-input-background-color-active:#00000021;--tp-input-foreground-color:#1b1e22;--tp-label-foreground-color:#4f5760;--tp-monitor-background-color:#0000000a;--tp-monitor-foreground-color:#3a4047;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (prefers-color-scheme:dark){#pane{--tp-base-background-color:#1f2226;--tp-button-background-color:#b4bac2;--tp-button-background-color-hover:#c3c8cf;--tp-button-background-color-focus:#c3c8cf;--tp-button-background-color-active:#d2d6db;--tp-button-foreground-color:#1b1e22;--tp-container-background-color:#ffffff0f;--tp-container-background-color-hover:#ffffff17;--tp-container-background-color-focus:#ffffff1c;--tp-container-background-color-active:#ffffff21;--tp-container-foreground-color:#d5d9de;--tp-groove-foreground-color:#ffffff1f;--tp-input-background-color:#ffffff12;--tp-input-background-color-hover:#ffffff1a;--tp-input-background-color-focus:#ffffff1f;--tp-input-background-color-active:#ffffff24;--tp-input-foreground-color:#e5e7e9;--tp-label-foreground-color:#a3abb4;--tp-monitor-background-color:#ffffff0a;--tp-monitor-foreground-color:#bfc5cc}}body.inspector-folded #pane{background:0 0;width:300px;bottom:auto}#drop{inset:12px calc(var(--inspector-w) + 12px) calc(var(--inspector-h) + 12px) 12px;border:2px dashed var(--drop);background:color-mix(in srgb, var(--drop) 12%, transparent);pointer-events:none;z-index:3;border-radius:12px;place-items:center;font-size:15px;font-weight:600;display:grid;position:fixed}#drop[hidden]{display:none}#drop span{background:var(--drop);color:var(--toast-fg);border-radius:999px;padding:10px 16px}#toast{left:50%;bottom:calc(var(--inspector-h) + 24px);transform:translateX(calc(-50% - var(--inspector-w) / 2));max-width:min(420px, calc(100vw - var(--inspector-w) - 32px));background:var(--toast-bg);color:var(--toast-fg);z-index:3;border-radius:8px;padding:10px 14px;font-size:13px;position:fixed}#file{display:none}@media (width<=719px){:root{--inspector-w:0px;--inspector-h:45dvh}#pane{width:auto;height:var(--inspector-h);padding-bottom:max(8px, env(safe-area-inset-bottom));top:auto;left:0}body.inspector-folded #pane{width:auto;height:auto}}.edit-hover{border:1.5px solid color-mix(in srgb, var(--drop) 70%, transparent);pointer-events:none;z-index:1;border-radius:4px;position:fixed}.edit-area{outline:2px solid var(--drop);outline-offset:3px;color:#1b1e22;caret-color:var(--drop);resize:none;z-index:2;background:#f4f4f1f7;border:0;border-radius:1px;margin:0;padding:0;position:fixed;overflow:hidden}.edit-area.inverted{color:#f4f4f1;background:#1b1e22f7}.edit-tools{background:var(--toast-bg);z-index:3;border-radius:8px;gap:4px;padding:3px;display:flex;position:fixed}.edit-tools button{color:var(--toast-fg);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 9px;font:600 12px IBM Plex Mono,ui-monospace,monospace}.edit-tools button:hover:not(:disabled),.edit-tools button:focus-visible{background:color-mix(in srgb, var(--toast-fg) 18%, transparent)}.edit-tools button:disabled{opacity:.35;cursor:default}.edit-hover[hidden],.edit-area[hidden],.edit-tools[hidden],#photo-file{display:none}#badge{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));background:var(--toast-bg);color:var(--toast-fg);z-index:3;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;position:fixed}.compare{pointer-events:none;z-index:0;position:fixed;top:0;left:0}.compare-divider{cursor:ew-resize;touch-action:none;z-index:1;width:18px;margin-left:-9px;position:fixed}.compare-divider:before{content:"";background:var(--drop);position:absolute;inset:0 8px}.compare-divider:after{content:"⇆";background:var(--drop);width:28px;height:28px;color:var(--toast-fg);border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.compare[hidden],.compare-divider[hidden]{display:none}.calibrate{background:var(--dialog-bg);max-width:min(560px,100vw - 32px);color:var(--dialog-fg);font:inherit;border:0;border-radius:12px;padding:20px}.calibrate::backdrop{background:#00000073}.calibrate h2{margin:0 0 6px;font-size:15px}.calibrate p{max-width:52ch;margin:0 0 16px}.calibrate .card-wrap{padding-block:8px;overflow:hidden}.calibrate .card{border:2px solid var(--drop);color:var(--drop);border-radius:3.2mm;place-items:center;font-weight:600;display:grid;position:relative}.calibrate .handle{background:var(--drop);cursor:nwse-resize;touch-action:none;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-9px;right:-9px}.calibrate .scale{align-items:center;gap:10px;margin-block:14px;display:flex}.calibrate .scale input{accent-color:var(--drop);flex:1}.calibrate .actions{justify-content:flex-end;gap:8px;display:flex}.calibrate button{border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:7px 12px;font:600 12px IBM Plex Mono,ui-monospace,monospace}.calibrate button.primary{background:var(--drop);border-color:var(--drop);color:var(--toast-fg)}