:root{--primary:#5d2ff5;--secondary:#72d9a2;--tertiary:#f55d2f;--fields:#f4f4f4;--background-selected:#e7e7e7;--icons:silver;--typography-primary:#222;--typography-secondary:#a1a1a1;--error:#f06754;--borders:#dedede;--display-small-size:37px;--display-small-letter-spacing:-.41px;--headline-large-size:24px;--headline-large-letter-spacing:-.41px;--headline-medium-size:18px;--headline-medium-letter-spacing:-.41px;--headline-small-size:14px;--headline-small-letter-spacing:-.34px;--body-large-size:14px;--body-large-letter-spacing:-.34px;--body-medium-size:13px;--body-medium-letter-spacing:-.31px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;color:var(--typography-primary);background:var(--fields);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--body-medium-size);letter-spacing:var(--body-medium-letter-spacing);margin:0;overflow:hidden}#app{grid-template-rows:auto 1fr;display:grid}#viewer-wrap{width:100%;height:100%;position:relative}.toolbar{border-bottom:1px solid var(--borders);background:var(--fields);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}button{border:1px solid var(--borders);background:var(--background-selected);color:var(--typography-primary);cursor:pointer;font-size:var(--body-large-size);letter-spacing:var(--body-large-letter-spacing);border-radius:.4rem;padding:.45rem .7rem}button:hover:not(:disabled){border-color:var(--primary)}button:active:not(:disabled){background:color-mix(in srgb, var(--background-selected) 70%, var(--primary) 30%)}button:disabled{opacity:.55;cursor:default}#status{color:var(--typography-secondary);font-size:var(--body-medium-size);letter-spacing:var(--body-medium-letter-spacing);margin-left:auto}#viewer{width:100%;height:100%}.pin-anchor{pointer-events:none;width:0;height:0;position:relative}.pin{pointer-events:auto;cursor:grab;background-color:#8a2be2;border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-right-radius:22px;width:44px;height:44px;transition:background-color .16s;position:absolute;bottom:0;left:0}.pin.is-selected{background-color:#72d9a2}.pin.is-dragging{cursor:grabbing;background-color:#f55d2f;transition:none}.loading-indicator{color:var(--typography-primary);font-size:var(--headline-small-size);letter-spacing:var(--headline-small-letter-spacing);z-index:10;background:#f4f4f4d9;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-weight:700;display:flex;position:absolute;inset:0}.loading-indicator[hidden]{display:none}.spinner{border:3px solid color-mix(in srgb, var(--icons) 30%, transparent);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}