:root{color:#1d1d1f;background:#f5f5f7;font-family:system-ui,sans-serif}[hidden],body[data-mode=starting] [data-modes]{display:none!important}body{flex-direction:column;height:100vh;margin:0;display:flex}body>main{flex:auto}.toolbar{background:#fff;border-bottom:1px solid #d2d2d7;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.toolbar h1{margin:0;font-size:1.1rem}.toolbar button{font:inherit;color:#fff;cursor:pointer;background:#1f7ae0;border:1px solid #1f7ae0;border-radius:6px;padding:.4rem .9rem}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button[aria-pressed=true]{background:#0b4f9c;border-color:#0b4f9c;box-shadow:inset 0 2px 4px #00000040}body[data-state=loading] .toolbar button:disabled{cursor:progress}.toolbar button:focus-visible{outline-offset:2px;outline:3px solid #0b4f9c}.status{color:#424245;flex:24rem;margin:0}.toolbar button{white-space:nowrap}.workspace{grid-template-columns:1fr 22rem;min-height:0;display:grid}.workspace:has(>.comments-panel[hidden]){grid-template-rows:1fr;grid-template-columns:1fr}.stage{min-width:0;min-height:0;position:relative}.viewer{width:100%;height:100%}.viewer .pin{box-sizing:border-box;color:#fff;text-align:center;background:#d9480f;border:2px solid #fff;border-radius:999px 999px 999px 0;min-width:1.6rem;padding:.15rem .35rem;font-size:.85rem;font-weight:700;display:inline-block;transform:translate(50%,-50%);box-shadow:0 1px 4px #0006}.viewer .pin.pin-draft{color:#d9480f;background:#fff;border:2px dashed #d9480f}.comments-panel{background:#fff;border-left:1px solid #d2d2d7;flex-direction:column;min-height:0;padding:.75rem 1rem;display:flex;overflow:hidden}.comments-panel h2{margin:0 0 .5rem;font-size:1rem}.comments-empty,.comments-note{color:#6e6e73;font-size:.9rem}.comment-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.comment{border-bottom:1px solid #e5e5ea;padding:.5rem 0}.comment-show{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;gap:.15rem;padding:.25rem;display:grid}.comment-show:hover{background:#f0f4fa}.comment-show:focus-visible,.comments-panel .link-button:focus-visible{outline-offset:2px;outline:3px solid #0b4f9c}.comment-heading{font-weight:600}.comment-meta{color:#6e6e73;font-size:.85rem}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.comment-draft{background:#fff8f2}.comment-tags{flex-wrap:wrap;gap:.25rem;display:flex}.comment-tag{color:#3a3a3c;border:1px solid #c7c7cc;border-radius:999px;padding:0 .4rem;font-size:.8rem}.comment-picture{border:1px solid #d2d2d7;border-radius:4px;max-width:100%;margin:.25rem;display:block}.comment-filters,.comment-downloads{flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;display:flex}:is(.comment-filters:not(:has(button:not([hidden]))),.comment-downloads:not(:has(button:not([hidden])))){display:none}.filter-button[aria-pressed=true]{color:#fff;background:#0b4f9c}.comment-count{color:#6e6e73;font-size:.85rem;font-weight:400}.new-marker{color:#fff;background:#d9480f;border-radius:999px;padding:0 .45rem;font-size:.8rem;font-weight:700}.unsent-banner{color:#1d1d1f;text-align:center;background:#fff3cd;margin:0;padding:.5rem 1rem;font-weight:600}.inactive-drafts ul{overflow-wrap:anywhere;white-space:pre-wrap}.comment-note{color:#b00020;margin:.25rem .25rem 0;font-size:.85rem}.comment-actions,.comments-actions{gap:1rem;margin:.25rem .25rem 0;display:flex}.link-button{font:inherit;color:#0b4f9c;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button.danger{color:#b00020}.link-button:disabled{color:#a1a1a6;cursor:not-allowed}@media (width<52rem){.workspace{grid-template-rows:1fr 14rem;grid-template-columns:1fr}.comments-panel{border-top:1px solid #d2d2d7;border-left:none}}.viewer.commenting{cursor:crosshair}.comment-dialog{box-sizing:border-box;border:1px solid #d2d2d7;border-radius:10px;width:26rem;max-width:calc(100vw - 2rem);padding:1rem 1.25rem;box-shadow:0 8px 24px #0003}.comment-dialog::backdrop{background:#00000026}.comment-dialog h2{margin:0 0 .25rem;font-size:1.05rem}.comment-dialog p{margin:0 0 .75rem}.comment-element{color:#424245;overflow-wrap:anywhere}.field label{margin-bottom:.25rem;font-weight:600;display:block}.field input,.field textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;border:1px solid #a1a1a6;border-radius:6px;padding:.4rem .5rem}.comment-error{color:#b00020;min-height:1.25em}.comment-error:empty{min-height:0;margin:0}.dialog-buttons{justify-content:flex-end;gap:.5rem;display:flex}.comment-dialog button{font:inherit;color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #a1a1a6;border-radius:6px;padding:.4rem .9rem}.comment-dialog button.primary{color:#fff;background:#1f7ae0;border-color:#1f7ae0}.comment-dialog button.link-button{color:#0b4f9c;background:0 0;border:none;padding:0;text-decoration:underline}.comment-dialog button:disabled{opacity:.5;cursor:progress}.comment-dialog button:focus-visible,.field input:focus-visible,.field textarea:focus-visible{outline-offset:2px;outline:3px solid #0b4f9c}.brand-mark{pointer-events:none;width:2.5rem;height:2.5rem;position:absolute;bottom:1rem;left:1rem}.element-panel{box-sizing:border-box;background:#fff;border:1px solid #d2d2d7;border-radius:8px;width:20rem;max-width:calc(100% - 2rem);padding:.75rem 1rem;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000001f}.element-panel h2{margin:0 0 .5rem;font-size:1rem}.element-panel dl{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;display:grid}.element-panel dt{color:#6e6e73}.element-panel dd{overflow-wrap:anywhere;margin:0}.footer{background:#fff;border-top:1px solid #d2d2d7;flex-wrap:wrap;align-items:baseline;gap:0 1.5rem;padding:.25rem 1rem;font-size:.85rem;display:flex}.footer-links{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.test-banner{color:#1d1d1f;text-align:center;background:#ffd60a;margin:0;padding:.35rem 1rem;font-weight:700}.share-banner{overflow-wrap:anywhere;margin:0;font-weight:600}.toolbar-link{color:#0b4f9c}.page{background:#fff;min-height:0;padding:1rem 1.5rem 2rem;overflow-y:auto}.page h2{margin:0 0 .75rem;font-size:1.3rem}.page h3{margin:0 0 .5rem;font-size:1.05rem}.page p{max-width:48rem}.team-header{flex-wrap:wrap;align-items:baseline;gap:0 1.5rem;display:flex}.team-signed-in{color:#6e6e73;margin:0 0 .75rem}.team-upload,.team-shares{border:1px solid #d2d2d7;border-radius:8px;margin:1rem 0;padding:1rem}.team-upload .field,.share-form .field{max-width:28rem}.share-form{flex-wrap:wrap;align-items:flex-end;gap:0 1rem;display:flex}.share-form select,.page .field input[type=file]{font:inherit}.page button{font:inherit;color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #a1a1a6;border-radius:6px;padding:.4rem .9rem}.page button.primary,.danger-button{color:#fff;background:#1f7ae0;border-color:#1f7ae0}.page button.link-button{color:#0b4f9c;background:0 0;border:none;padding:0}.page button.link-button.danger{color:#b00020}.page button:disabled{opacity:.5;cursor:not-allowed}.page button:focus-visible,.page a:focus-visible,.page input:focus-visible,.page select:focus-visible,.page h3:focus-visible,.page h2:focus-visible{outline-offset:2px;outline:3px solid #0b4f9c}.team-buttons{gap:.5rem;display:flex}#upload-progress{width:16rem;margin-left:.5rem}.upload-target{font-weight:600}.team-table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem}.team-table th,.team-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e5e5ea;padding:.45rem .6rem}.team-table thead th{color:#6e6e73;font-weight:600}.row-actions{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.link-output{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.link-output input{font:inherit;border:1px solid #a1a1a6;border-radius:6px;flex:24rem;padding:.4rem .5rem}.team-message{font-weight:600}