@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@500&display=swap";:root{color-scheme:light;--font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Archivo", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-marker: "Caveat", "Archivo", cursive;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--grid-unit: 8px;--grid-snap: 8px;--grid-dot: 1.5px;--grid-gap: 24px;--grid-gutter: 16px;--grid-panel: 320px;--stroke-hairline: 1px;--stroke-regular: 1.5px;--stroke-bold: 3px;--stroke-selection: 2px;--stroke-focus: 2px;--z-canvas: 0;--z-object: 10;--z-selection: 20;--z-presence: 30;--z-chrome: 40;--z-popover: 50;--z-modal: 60;--z-toast: 70;--note-yellow: #ffe08a;--note-lime: #d9ed9b;--note-mint: #a9e5cb;--note-sky: #a8d8f0;--note-lilac: #cfc4f2;--note-pink: #f7c0d8;--note-peach: #ffcba5;--note-stone: #e2ded6;--note-ink: #191712;--presence-cobalt: #2f6bd8;--presence-teal: #0e8177;--presence-magenta: #c23c8e;--presence-amber: #a16a19;--presence-violet: #7a5be0;--presence-green: #498428;--presence-rust: #c4502f;--presence-cyan: #147fa5;--on-presence: #ffffff;--canvas: #fbfaf8;--canvas-grid: #d7d2c9;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f2f0ec;--surface-scrim: #1c1a1799;--border-subtle: #e6e2db;--border-strong: #8f897e;--ink: #1c1a17;--ink-muted: #5e584f;--ink-subtle: #756e62;--ink-inverse: #fbfaf8;--accent: #1257c9;--accent-hover: #0e46a3;--accent-soft: #e4edfc;--on-accent: #ffffff;--success: #17724a;--success-soft: #e0f2e8;--warning: #9a5b00;--warning-soft: #faeddb;--danger: #c0342b;--danger-soft: #fbe6e4;--on-danger: #ffffff;--tooltip-bg: #2b2721;--selection: #1257c9;--selection-soft: #1257c92e;--handle: #ffffff;--shape-stroke: #3b3630;--connector-line: #3b3630;--frame-label: #5e584f;--shadow-panel: 0 1px 2px #1c1a170f, 0 8px 24px #1c1a1714;--shadow-popover: 0 2px 4px #1c1a1712, 0 12px 32px #1c1a171f;--shadow-modal: 0 8px 16px #1c1a1714, 0 32px 64px #1c1a172b;--shadow-note: 0 1px 1px #1c1a1714, 0 3px 6px #1c1a1714;--shadow-lifted: 0 6px 12px #1c1a171f, 0 18px 36px #1c1a1726;--text-display-lg-size: 40px;--text-display-lg-line: 44px;--text-display-lg-weight: 700;--text-display-lg-tracking: -.02em;--text-display-md-size: 30px;--text-display-md-line: 36px;--text-display-md-weight: 700;--text-display-md-tracking: -.01em;--text-display-sm-size: 22px;--text-display-sm-line: 28px;--text-display-sm-weight: 600;--text-title-size: 17px;--text-title-line: 24px;--text-title-weight: 600;--text-body-lg-size: 15px;--text-body-lg-line: 22px;--text-body-lg-weight: 400;--text-body-size: 14px;--text-body-line: 20px;--text-body-weight: 400;--text-body-strong-size: 14px;--text-body-strong-line: 20px;--text-body-strong-weight: 600;--text-label-size: 13px;--text-label-line: 18px;--text-label-weight: 500;--text-caption-size: 12px;--text-caption-line: 16px;--text-caption-weight: 400;--text-overline-size: 11px;--text-overline-line: 14px;--text-overline-weight: 600;--text-overline-tracking: .06em;--text-note-xl-size: 28px;--text-note-xl-line: 34px;--text-note-xl-weight: 600;--text-note-lg-size: 20px;--text-note-lg-line: 26px;--text-note-lg-weight: 600;--text-note-md-size: 16px;--text-note-md-line: 22px;--text-note-md-weight: 500;--text-shape-label-size: 14px;--text-shape-label-line: 18px;--text-shape-label-weight: 500;--text-frame-title-size: 13px;--text-frame-title-line: 18px;--text-frame-title-weight: 600;--text-scrawl-size: 26px;--text-scrawl-line: 30px;--text-scrawl-weight: 500;--text-code-size: 13px;--text-code-line: 20px;--text-code-weight: 400;--text-key-size: 12px;--text-key-line: 16px;--text-key-weight: 500}:root[data-theme=dark]{color-scheme:dark;--canvas: #17181a;--canvas-grid: #33363b;--surface: #202225;--surface-raised: #292c30;--surface-sunken: #141517;--surface-scrim: #0b0c0daa;--border-subtle: #34383d;--border-strong: #6d737b;--ink: #f2f0ec;--ink-muted: #ada79e;--ink-subtle: #999389;--ink-inverse: #17181a;--accent: #6ea0f0;--accent-hover: #8ab4f5;--accent-soft: #22354f;--on-accent: #0d1b2e;--success: #5fc493;--success-soft: #1b3a2c;--warning: #e0a84e;--warning-soft: #3d2f14;--danger: #f08279;--danger-soft: #43201d;--on-danger: #2b0f0c;--tooltip-bg: #e8e4dd;--selection: #6ea0f0;--selection-soft: #6ea0f03d;--handle: #17181a;--shape-stroke: #c9c3b8;--connector-line: #c9c3b8;--frame-label: #ada79e;--shadow-panel: 0 1px 2px #00000066, 0 8px 24px #00000059;--shadow-popover: 0 2px 4px #00000073, 0 12px 32px #00000073;--shadow-modal: 0 8px 16px #00000080, 0 32px 64px #0000008c;--shadow-note: 0 1px 1px #00000059, 0 3px 6px #0000004d;--shadow-lifted: 0 6px 12px #00000073, 0 18px 36px #00000073}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #17181a;--canvas-grid: #33363b;--surface: #202225;--surface-raised: #292c30;--surface-sunken: #141517;--surface-scrim: #0b0c0daa;--border-subtle: #34383d;--border-strong: #6d737b;--ink: #f2f0ec;--ink-muted: #ada79e;--ink-subtle: #999389;--ink-inverse: #17181a;--accent: #6ea0f0;--accent-hover: #8ab4f5;--accent-soft: #22354f;--on-accent: #0d1b2e;--success: #5fc493;--success-soft: #1b3a2c;--warning: #e0a84e;--warning-soft: #3d2f14;--danger: #f08279;--danger-soft: #43201d;--on-danger: #2b0f0c;--tooltip-bg: #e8e4dd;--selection: #6ea0f0;--selection-soft: #6ea0f03d;--handle: #17181a;--shape-stroke: #c9c3b8;--connector-line: #c9c3b8;--frame-label: #ada79e;--shadow-panel: 0 1px 2px #00000066, 0 8px 24px #00000059;--shadow-popover: 0 2px 4px #00000073, 0 12px 32px #00000073;--shadow-modal: 0 8px 16px #00000080, 0 32px 64px #0000008c;--shadow-note: 0 1px 1px #00000059, 0 3px 6px #0000004d;--shadow-lifted: 0 6px 12px #00000073, 0 18px 36px #00000073}}.pl-root{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased}.pl-root *,.pl-root *:before,.pl-root *:after{box-sizing:border-box}.pl-root :focus-visible{outline:var(--stroke-focus) solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.pl-board{position:relative;background-color:var(--canvas);background-image:radial-gradient(var(--canvas-grid) var(--grid-dot),transparent var(--grid-dot));background-size:var(--grid-gap) var(--grid-gap)}.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-md);padding:0 var(--space-3);height:36px;cursor:pointer;transition:background-color .12s cubic-bezier(.2,.8,.2,1),border-color .12s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.pl-btn--sm{height:28px;padding:0 var(--space-2);font-size:13px;line-height:18px;font-weight:500;border-radius:var(--radius-sm)}.pl-btn--primary{background:var(--accent);color:var(--on-accent)}.pl-btn--primary:hover{background:var(--accent-hover)}.pl-btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.pl-btn--secondary:hover{background:var(--surface-sunken)}.pl-btn--ghost{background:transparent;color:var(--ink)}.pl-btn--ghost:hover{background:var(--surface-sunken)}.pl-btn--danger{background:var(--danger);color:var(--on-danger)}.pl-btn--danger:hover{filter:brightness(.94)}.pl-btn[disabled]{opacity:.45;cursor:not-allowed}.pl-btn svg{flex:none}.pl-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--ink-muted);border-radius:var(--radius-md);cursor:pointer;transition:background-color .12s,color .12s}.pl-iconbtn--sm{width:28px;height:28px;border-radius:var(--radius-sm)}.pl-iconbtn:hover{background:var(--surface-sunken);color:var(--ink)}.pl-iconbtn[data-active=true]{background:var(--accent-soft);color:var(--accent)}.pl-iconbtn[disabled]{opacity:.45;cursor:not-allowed}.pl-shell{background:var(--surface);border:var(--stroke-hairline) solid var(--border-subtle);box-shadow:var(--shadow-panel)}.pl-toolbar{display:inline-flex;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg)}.pl-toolbar--vertical{flex-direction:column}.pl-toolbar__sep{background:var(--border-subtle);flex:none}.pl-toolbar--vertical .pl-toolbar__sep{height:var(--stroke-hairline);margin:var(--space-1) var(--space-1)}.pl-toolbar--horizontal .pl-toolbar__sep{width:var(--stroke-hairline);margin:var(--space-1) var(--space-1)}.pl-toolbar__slot{position:relative}.pl-zoom{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg)}.pl-zoom__value{min-width:56px;text-align:center;font-size:12px;line-height:16px;font-weight:500;color:var(--ink);background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;font-family:var(--font-sans)}.pl-zoom__value:hover{background:var(--surface-sunken)}.pl-ctx{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.pl-ctx__sep{width:var(--stroke-hairline);align-self:stretch;margin:var(--space-1) var(--space-1);background:var(--border-subtle)}.pl-ctx__swatch{width:20px;height:20px;border-radius:var(--radius-xs);border:var(--stroke-hairline) solid #19171226}.pl-panel{width:var(--grid-panel);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.pl-panel__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:var(--stroke-hairline) solid var(--border-subtle)}.pl-panel__title{font-size:17px;line-height:24px;font-weight:600;margin:0;flex:1}.pl-panel__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.pl-panel__group{display:flex;flex-direction:column;gap:var(--space-2)}.pl-overline{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:0}.pl-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-md)}.pl-tabs__tab{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted);padding:var(--space-1) var(--space-3);height:28px;border-radius:var(--radius-sm)}.pl-tabs__tab:hover{color:var(--ink)}.pl-tabs__tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-note)}.pl-menu{min-width:208px;padding:var(--space-1);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.pl-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--ink);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-sm);min-height:32px}.pl-menu__item:hover{background:var(--surface-raised)}.pl-menu__item--danger{color:var(--danger)}.pl-menu__item[disabled]{opacity:.45;cursor:not-allowed}.pl-menu__label{flex:1}.pl-menu__shortcut{color:var(--ink-subtle);font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500}.pl-menu__sep{height:var(--stroke-hairline);background:var(--border-subtle);margin:var(--space-1) var(--space-2)}.pl-tip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--tooltip-bg);color:var(--ink-inverse);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:13px;line-height:18px;font-weight:500;box-shadow:var(--shadow-popover);white-space:nowrap}.pl-tip__key{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;opacity:.75}.pl-scrim{background:var(--surface-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.pl-dialog{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.pl-dialog__title{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:600;margin:0}.pl-dialog__desc{font-size:15px;line-height:22px;color:var(--ink-muted);margin:0}.pl-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.pl-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);min-width:300px}.pl-toast__dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none}.pl-toast__text{flex:1;font-size:14px;line-height:20px}.pl-toast--info{background:var(--surface);border:var(--stroke-hairline) solid var(--border-subtle)}.pl-toast--success{background:var(--success-soft);border:var(--stroke-hairline) solid transparent}.pl-toast--warning{background:var(--warning-soft);border:var(--stroke-hairline) solid transparent}.pl-toast--danger{background:var(--danger-soft);border:var(--stroke-hairline) solid transparent}.pl-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;line-height:18px;font-weight:500;padding:1px var(--space-2);border-radius:var(--radius-sm)}.pl-badge__dot{width:6px;height:6px;border-radius:var(--radius-full)}.pl-badge--neutral{background:var(--surface-sunken);color:var(--ink-muted)}.pl-badge--accent{background:var(--accent-soft);color:var(--accent)}.pl-badge--success{background:var(--success-soft);color:var(--success)}.pl-badge--warning{background:var(--warning-soft);color:var(--warning)}.pl-badge--danger{background:var(--danger-soft);color:var(--danger)}.pl-field{display:flex;flex-direction:column;gap:var(--space-1)}.pl-field__label{font-size:13px;line-height:18px;font-weight:500;color:var(--ink)}.pl-field__box{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-sunken);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);height:36px;color:var(--ink-subtle)}.pl-field__box:focus-within{border-color:var(--accent);box-shadow:0 0 0 var(--stroke-focus) var(--accent-soft)}.pl-field__box[data-invalid=true]{border-color:var(--danger)}.pl-field__input{flex:1;border:none;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:20px;min-width:0}.pl-field__input:focus{outline:none}.pl-field__input::placeholder{color:var(--ink-subtle)}.pl-field__hint{font-size:12px;line-height:16px;color:var(--ink-subtle)}.pl-field__hint--error{color:var(--danger)}.pl-swatches{display:grid;grid-template-columns:repeat(4,32px);gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.pl-swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:var(--stroke-hairline) solid #19171226;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.pl-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--stroke-selection) var(--selection)}.pl-swatch svg{color:var(--note-ink)}.pl-avatars{display:inline-flex;align-items:center}.pl-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:600;color:var(--on-presence);box-shadow:0 0 0 2px var(--surface);margin-left:-6px}.pl-avatar:first-child{margin-left:0}.pl-avatar--more{background:var(--surface-sunken);color:var(--ink-muted)}.pl-note{position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-note);color:var(--note-ink);padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;font-weight:600;overflow:hidden;word-break:break-word}.pl-note--sm{width:120px;height:120px;font-size:16px;line-height:22px;font-weight:500}.pl-note--md{width:180px;height:180px;font-size:20px;line-height:26px}.pl-note--lg{width:240px;height:240px;font-size:28px;line-height:34px}.pl-note--lifted{box-shadow:var(--shadow-lifted);transform:rotate(-1.5deg)}.pl-note__author{position:absolute;left:var(--space-4);bottom:var(--space-2);font-size:12px;line-height:16px;font-weight:500;opacity:.65}.pl-shape{display:flex;align-items:center;justify-content:center;text-align:center}.pl-shape__label{position:absolute;font-size:14px;line-height:18px;font-weight:500;color:var(--note-ink);padding:0 var(--space-3)}.pl-frame{position:relative}.pl-frame__title{position:absolute;top:-22px;left:0;font-size:13px;line-height:18px;font-weight:600;color:var(--frame-label)}.pl-frame__body{border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:100%;width:100%}.pl-sel{position:relative}.pl-sel__outline{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:var(--stroke-selection) solid var(--selection);border-radius:var(--radius-xs);pointer-events:none}.pl-sel__handle{position:absolute;width:8px;height:8px;background:var(--handle);border:var(--stroke-selection) solid var(--selection);border-radius:var(--radius-xs)}.pl-sel__lock{position:absolute;top:-12px;right:-12px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--selection);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.pl-cursor{position:absolute;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.pl-cursor__tag{margin:2px 0 0 12px;padding:1px var(--space-2);border-radius:var(--radius-full);color:var(--on-presence);font-size:12px;line-height:16px;font-weight:600;white-space:nowrap}.pl-pin{display:inline-flex;align-items:center}.pl-pin__bubble{width:28px;height:28px;border-radius:var(--radius-full) var(--radius-full) var(--radius-full) var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--on-presence);font-size:12px;line-height:16px;font-weight:600;box-shadow:var(--shadow-note)}.pl-pin--resolved .pl-pin__bubble{background:var(--surface)!important;color:var(--ink-subtle);border:var(--stroke-hairline) solid var(--border-strong)}.pl-pin__count{margin-left:-6px;background:var(--surface);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:12px;line-height:16px;color:var(--ink-muted);box-shadow:var(--shadow-note)}.pl-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);max-width:380px}.pl-empty__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.pl-empty__title{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:600;margin:0}.pl-empty__desc{font-size:15px;line-height:22px;color:var(--ink-muted);margin:0}.pl-skel{background:var(--surface-sunken);border-radius:var(--radius-sm);position:relative;overflow:hidden}.pl-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--surface-raised),transparent);animation:pl-sweep 1.4s infinite}@keyframes pl-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pl-skel--note{border-radius:var(--radius-md)}.pl-coach{max-width:300px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--tooltip-bg);color:var(--ink-inverse);box-shadow:var(--shadow-popover);display:flex;flex-direction:column;gap:var(--space-2)}.pl-coach__step{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.pl-coach__title{font-size:14px;line-height:20px;font-weight:600;margin:0}.pl-coach__desc{font-size:13px;line-height:18px;margin:0;opacity:.85}.pl-coach__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}.pl-coach__skip{background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:var(--space-1) var(--space-2)}.pl-coach__next{background:var(--surface);color:var(--ink);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:var(--space-1) var(--space-3);height:28px}@media (prefers-reduced-motion: reduce){.pl-root *,.pl-skel:after{transition-duration:0ms!important;animation-duration:0ms!important}}html,body,#root{height:100%;margin:0}body{background:var(--canvas)}.pl-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.pl-app__left{position:absolute;left:var(--space-10);top:calc(52px + var(--space-10) + var(--grid-gutter));z-index:40}.pl-app__right{position:absolute;right:var(--space-10);top:calc(52px + var(--space-10) + var(--grid-gutter));bottom:calc(var(--space-10) + 44px + var(--grid-gutter));z-index:40;display:flex;flex-direction:column}.pl-app__right>.pl-panel{flex:1;overflow:auto}.pl-app__zoom{position:absolute;right:var(--space-10);bottom:var(--space-10);z-index:40}.pl-app__toast{position:absolute;left:50%;bottom:var(--space-10);transform:translate(-50%);z-index:70}@media (max-width: 720px){.pl-app__left{left:50%;transform:translate(-50%);top:auto;bottom:var(--space-4)}.pl-app__right{left:0;right:0;bottom:0;top:auto;max-height:55vh}.pl-app__right>.pl-panel{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pl-app__zoom{bottom:calc(var(--space-4) + 52px)}}