:root{color-scheme:light dark;--bg: #f2f2f7;--bg-cell: #ffffff;--bg-elevated: #ffffff;--label: #000000;--label-2: #6c6c70;--label-3: #8e8e93;--separator: rgb(60 60 67 / .29);--fill: rgb(120 120 128 / .2);--fill-3: rgb(118 118 128 / .12);--fill-selected: #e5e5ea;--segment-selected: #ffffff;--backdrop: rgb(0 0 0 / .2);--tint: #007aff;--tint-text: #0062cc;--button-fill: #0071e3;--orange: #ff9500;--red-text: #d70015;--bar-material: rgb(246 246 248 / .8);--canvas: #e3e3e8;--inspector-bg: var(--bg);--inspector-cell: var(--bg-cell);--sidebar: #ececf0;--tool: #3c3c43;--tool-active: rgb(120 120 128 / .16);--paper-shadow: 0 1px 2px rgb(0 0 0 / .08), 0 4px 16px rgb(0 0 0 / .08);--radius-group: 12px;--radius-sheet: 14px;--inset: 16px;--row-min: 44px;--bar: 44px;--sidebar-width: 188px;--inspector-width: 360px;--sheet-height: min(56dvh, 560px);--ease: cubic-bezier(.32, .72, 0, 1);--t-large: 2rem;--t-title3: 1.176rem;--t-body: 1rem;--t-subhead: .882rem;--t-footnote: .765rem;--t-caption: .706rem}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-cell: #1c1c1e;--bg-elevated: #2c2c2e;--label: #ffffff;--label-2: #aeaeb2;--label-3: #8e8e93;--separator: rgb(84 84 88 / .65);--fill: rgb(120 120 128 / .36);--fill-3: rgb(118 118 128 / .24);--fill-selected: #3a3a3c;--segment-selected: #636366;--backdrop: rgb(0 0 0 / .48);--tint: #0a84ff;--tint-text: #409cff;--orange: #ff9f0a;--red-text: #ff6961;--bar-material: rgb(28 28 30 / .82);--canvas: #111113;--inspector-bg: #1c1c1e;--inspector-cell: #2c2c2e;--sidebar: #1c1c1e;--tool: #e5e5ea;--tool-active: rgb(120 120 128 / .32);--paper-shadow: 0 0 0 .5px rgb(255 255 255 / .12)}}@media (prefers-contrast: more){:root{--label-2: #3a3a3c;--separator: rgb(60 60 67 / .6);--tint: #0040dd;--tint-text: #0040dd}}@media (prefers-contrast: more) and (prefers-color-scheme: dark){:root{--label-2: #d1d1d6;--separator: rgb(140 140 145);--tint: #409cff;--tint-text: #409cff}}*,*:before,*:after{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:106.25%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@supports (font: -apple-system-body){html{font:-apple-system-body}}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--label);font-size:var(--t-body);line-height:1.29;letter-spacing:-.024em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,p,figure{margin:0}button,input,textarea,output{font:inherit;letter-spacing:inherit;color:inherit}svg{flex:none}fieldset{margin:0;padding:0;border:0;min-width:0}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--tint);outline-offset:2px;border-radius:6px}.tabular{font-variant-numeric:tabular-nums}html,body{height:100%}body{overflow:hidden}.app{display:grid;height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar" "canvas" "bottom"}.regular-only{display:none!important}.titlebar{grid-area:bar;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:var(--bar);padding:env(safe-area-inset-top) calc(6px + env(safe-area-inset-right)) 0 calc(6px + env(safe-area-inset-left));background:var(--bar-material);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 .5px 0 var(--separator)}.titlebar-start,.titlebar-end{display:flex;align-items:center;gap:2px;min-width:0}.titlebar-end{justify-content:flex-end}.titlebar-title{min-width:0;text-align:center;padding:4px 0}.doc-title{font-size:var(--t-body);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-subtitle{color:var(--label-2);font-size:var(--t-caption);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:none;color:var(--tint);cursor:pointer}.tool-button[aria-expanded=true]{background:var(--tool-active)}.tool-button:disabled{color:var(--label-3);cursor:default}.tool-icon{display:inline-grid;place-items:center}.tool-icon svg{width:22px;height:22px}.tool-icon .spinner{transform:scale(.72)}.tool-button:focus-visible{outline-offset:-3px}.tool-button[aria-busy=true]{cursor:progress}@media (hover: hover){.tool-button:not(:disabled):hover{background:var(--tool-active)}}.zoom{display:flex;align-items:center}.zoom-value{min-width:56px;min-height:44px;padding:0 4px;border:0;border-radius:8px;background:none;color:var(--label);font-size:var(--t-subhead);cursor:pointer}@media (hover: hover){.zoom-value:hover{background:var(--tool-active)}}@media (prefers-reduced-transparency: reduce){.titlebar,.bottombar,.inspector{background:var(--bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.canvas{grid-area:canvas;position:relative;overflow:auto;overscroll-behavior:contain;background:var(--canvas);outline:none;scroll-padding-top:16px}.app[data-inspector=open] .canvas{padding-bottom:var(--sheet-height)}.pages{--page-width: 600px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:16px 12px calc(56px + env(safe-area-inset-bottom));list-style:none}.page{width:var(--page-width);margin-inline:auto;scroll-margin-top:16px}.paper{display:block;aspect-ratio:8.5 / 11;background:#fff;box-shadow:0 0 0 .5px #00000014,0 2px 6px #0000001f,0 12px 32px #00000014;overflow:hidden}@media (prefers-color-scheme: dark){.paper{box-shadow:0 0 0 .5px #ffffff1a,0 8px 28px #00000080}}.page-svg{display:block;width:100%;height:100%}.page-indicator{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));width:fit-content;margin:-44px auto 12px;padding:5px 12px;border-radius:999px;background:#0000009e;color:#fff;font-size:var(--t-footnote);font-weight:600;pointer-events:none;opacity:0;transition:opacity .35s}.page-indicator.is-visible{opacity:1;transition-duration:.12s}.page-indicator:empty{display:none}.canvas .notices{padding:0 12px}.canvas .notice{max-width:560px;margin:12px auto 0}.pages-state:empty{display:none}.pages-state{display:grid;justify-items:center;gap:8px;padding:96px 24px;color:var(--label-2);text-align:center}.pages-state svg{width:44px;height:44px;color:var(--orange)}.pages-state .state-title{color:var(--label);font-size:var(--t-title3);font-weight:600}.spinner{position:relative;width:28px;height:28px}.spinner i{position:absolute;left:12.5px;top:0;width:3px;height:8px;border-radius:2px;background:var(--label-2);transform-origin:1.5px 14px;animation:spoke .8s linear infinite}@keyframes spoke{0%{opacity:1}to{opacity:.15}}.spinner i:nth-child(1){transform:rotate(0);animation-delay:-.8s}.spinner i:nth-child(2){transform:rotate(45deg);animation-delay:-.7s}.spinner i:nth-child(3){transform:rotate(90deg);animation-delay:-.6s}.spinner i:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.spinner i:nth-child(5){transform:rotate(180deg);animation-delay:-.4s}.spinner i:nth-child(6){transform:rotate(225deg);animation-delay:-.3s}.spinner i:nth-child(7){transform:rotate(270deg);animation-delay:-.2s}.spinner i:nth-child(8){transform:rotate(315deg);animation-delay:-.1s}.bottombar{grid-area:bottom;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--bar);padding:0 calc(8px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(8px + env(safe-area-inset-left));background:var(--bar-material);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 -.5px 0 var(--separator)}.bar-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;border:0;background:none;color:var(--tint-text);font-size:var(--t-body);cursor:pointer}.bar-button:last-child{justify-self:end}.bar-button .tool-icon svg{width:22px;height:22px}.bar-count{color:var(--label-2);font-size:var(--t-footnote)}.inspector{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:var(--sheet-height);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;--bg-cell: var(--inspector-cell);--bg: var(--inspector-bg);background:var(--bg);box-shadow:0 -1px 0 var(--separator),0 -8px 30px #00000024;outline:none;transform:translateY(105%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s}.app[data-inspector=open] .inspector{transform:none;visibility:visible;transition:transform .4s var(--ease),visibility 0s}.sheet-grabber{flex:none;width:36px;height:5px;margin:6px auto 0;border-radius:3px;background:var(--fill)}.inspector-header{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left))}.inspector-title{font-size:var(--t-body);font-weight:600}.inspector-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 calc(var(--inset) + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(var(--inset) + env(safe-area-inset-left))}.inspector-body>.group{margin-top:18px}.inspector-body>.group:first-child{margin-top:0}.sidebar{display:none}.thumbs{display:grid;gap:14px;margin:0;padding:16px 20px 24px;list-style:none}.thumb{display:grid;justify-items:center;gap:6px;width:100%;padding:6px;border:0;border-radius:8px;background:none;color:var(--label-2);font-size:var(--t-caption);cursor:pointer}.thumb .paper{width:100%;box-shadow:0 0 0 .5px #00000024,0 1px 3px #0000001f}.thumb[aria-current=page]{background:var(--tool-active);color:var(--label)}.thumb[aria-current=page] .paper{outline:3px solid var(--tint);outline-offset:2px}.thumb:focus-visible{outline-offset:-2px}@media (min-width: 768px){.compact-only{display:none!important}.regular-only{display:inline-grid!important}.zoom.regular-only{display:flex!important}.app{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"bar bar bar" "sidebar canvas inspector"}.titlebar{--bar: 52px;padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.titlebar-title{text-align:left}.titlebar{grid-template-columns:auto minmax(0,1fr) auto}.app[data-inspector=open] .canvas{padding-bottom:0}.pages{gap:28px;padding:28px 28px 72px}.inspector{grid-area:inspector;position:static;width:var(--inspector-width);height:auto;border-radius:0;box-shadow:-.5px 0 0 var(--separator);transform:none;visibility:visible;transition:none;display:none}.app[data-inspector=open] .inspector{display:flex}.inspector-header{padding-left:20px;padding-top:6px}}@media (min-width: 1024px){.app[data-sidebar=open] .sidebar{grid-area:sidebar;display:block;width:var(--sidebar-width);overflow-y:auto;background:var(--sidebar);box-shadow:.5px 0 0 var(--separator)}}@media (max-width: 1023px){#toggle-sidebar{display:none!important}}.group{margin:24px 0 0;min-width:0}.group-header{display:block;padding:0 4px 8px;font-size:var(--t-title3);font-weight:600;letter-spacing:.019em}.group-header .count{color:var(--label-2);font-weight:400}.group-footer{padding:8px 16px 0;color:var(--label-2);font-size:var(--t-footnote)}.list{margin:0;padding:0;list-style:none;background:var(--bg-cell);border-radius:var(--radius-group);overflow:hidden}.list>*{position:relative}.list>*+*:before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--separator)}.cell{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--row-min);padding:0 16px;border:0;background:none;color:inherit;text-align:left}.cell-title{flex:1;min-width:0}.action-cell{cursor:pointer;color:var(--tint-text)}.action-cell.destructive{color:var(--red-text)}.action-cell:active{background:var(--fill-selected)}@media (hover: hover){.action-cell:hover{background:color-mix(in srgb,var(--fill-selected) 55%,transparent)}}.action-cell:focus-visible{outline-offset:-3px;border-radius:var(--radius-group)}.action-cell[aria-busy=true]{color:var(--label-2);cursor:progress}.text-cell{display:block;width:100%;min-height:calc(3lh + 22px);max-height:40vh;field-sizing:content;padding:11px 16px;border:0;background:none;font-size:max(16px,var(--t-body));line-height:1.35;resize:vertical;overflow-wrap:anywhere}.text-cell::placeholder{color:var(--label-2)}.text-cell:focus-visible{outline-offset:-3px;border-radius:var(--radius-group)}.control-row{padding:12px 16px 14px}.control-label{float:left;width:100%;padding:0 0 8px;font-size:var(--t-subhead);color:var(--label-2)}.segmented{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border-radius:10px;background:var(--fill-3)}.segment{position:relative;display:grid;justify-items:center;gap:4px;min-height:44px;padding:6px 4px 5px;border-radius:8px;cursor:pointer;font-size:var(--t-subhead);font-weight:500;transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}.segment input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.segment:has(input:checked){background:var(--segment-selected);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;font-weight:600}.segment:has(input:focus-visible){outline:3px solid var(--tint);outline-offset:1px}.sample{display:block;width:88px;height:48px;border-radius:6px;background:#fff;box-shadow:0 0 0 .5px #00000024}.sample svg{display:block;width:100%;height:100%;border-radius:inherit}.stepper-row{padding-right:12px}.stepper-value{color:var(--label-2);min-width:4ch;text-align:right}.stepper{display:flex;flex:none}.stepper-button{position:relative;display:grid;place-items:center;width:47px;min-height:44px;padding:0;border:0;background:none;cursor:pointer}.stepper-button:before{content:"";position:absolute;inset:6px 0;background:var(--fill-3)}.stepper-button:first-child:before{border-radius:8px 0 0 8px}.stepper-button:last-child:before{border-radius:0 8px 8px 0}.stepper-button+.stepper-button:after{content:"";position:absolute;left:0;top:14px;bottom:14px;border-left:1px solid var(--separator)}.stepper-button svg{position:relative;width:14px;height:14px}.stepper-button:active:before{background:var(--fill)}.stepper-button:disabled{cursor:default;color:var(--label-3)}.stepper-button:focus-visible{outline-offset:-2px;border-radius:8px}.notices:empty{display:none}.notice{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;border-radius:var(--radius-group);background:var(--bg-cell);font-size:var(--t-subhead)}.notice svg{width:22px;height:22px;color:var(--orange)}.notice-text{flex:1;min-width:0}.notice-title{font-weight:600}.notice-detail{color:var(--label-2);overflow-wrap:anywhere}.text-button{flex:none;min-height:44px;padding:0 8px;border:0;background:none;color:var(--tint-text);cursor:pointer;font-size:var(--t-subhead)}@media (hover: hover){.text-button:hover{opacity:.7}}.alert{width:min(270px,calc(100vw - 48px));margin:auto;padding:0;border:0;border-radius:var(--radius-sheet);background:var(--bg-elevated);color:var(--label);box-shadow:0 10px 40px #0003;text-align:center}.alert::backdrop{background:var(--backdrop)}.alert[open]{animation:alert-in .25s var(--ease)}.alert[open]::backdrop{animation:fade .2s ease}@keyframes alert-in{0%{transform:scale(1.12);opacity:0}}@keyframes fade{0%{opacity:0}}.alert-text{padding:20px 16px 16px;display:grid;gap:4px}.alert-title{font-size:var(--t-body);font-weight:600}.alert-message{font-size:var(--t-footnote)}.alert-buttons{display:grid;grid-template-columns:1fr 1fr;border-top:.5px solid var(--separator)}.alert-button{min-height:44px;border:0;background:none;color:var(--tint-text);cursor:pointer}.alert-button+.alert-button{border-left:.5px solid var(--separator)}.alert-button-destructive{color:var(--red-text);font-weight:600}.alert-button:active{background:var(--fill-selected)}.alert-button:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner i{opacity:.6}.pages{scroll-behavior:auto}}@media (forced-colors: active){.list,.notice,.alert{border:1px solid CanvasText}.segment:has(input:checked){outline:2px solid Highlight}.paper,.sample{forced-color-adjust:none;border:1px solid CanvasText}}.noscript{padding:24px}@page{size:letter portrait;margin:0}@media print{html,body{height:auto;overflow:visible;background:#fff!important}.titlebar,.sidebar,.inspector,.bottombar,.notices,.pages-state,.page-indicator,.alert,.noscript{display:none!important}.app,.canvas{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}.pages{display:block!important;margin:0!important;padding:0!important}.page{width:8.5in!important;height:11in!important;break-after:page;break-inside:avoid}.page:last-child{break-after:auto}.paper{width:8.5in!important;height:11in!important;box-shadow:none!important}.page-svg{width:8.5in!important;height:11in!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}