*,*:before,*:after{box-sizing:border-box}body{margin:0;color:#172033;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button:focus-visible,label:focus-within,[contenteditable=true]:focus-visible{outline:3px solid rgba(47,111,237,.32);outline-offset:3px}.hidden-file-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.openwebdoc-shell{position:relative;min-height:100vh;padding:8px}.openwebdoc-shell.presentation-mode{padding:0;background:#000}.presentation-notice{position:fixed;top:14px;left:50%;z-index:60;max-width:calc(100vw - 32px);border:1px solid rgba(23,32,51,.12);border-radius:999px;padding:11px 16px;color:#172033;background:#ffffffeb;box-shadow:0 18px 50px #1b274229;font-size:13px;font-weight:850;text-align:center;pointer-events:none;transform:translate(-50%) translateY(-6px);animation:presentation-notice-fade 4.6s ease forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.runtime-status{position:fixed;right:18px;bottom:18px;z-index:42;max-width:min(340px,calc(100vw - 36px));border:1px solid rgba(47,111,237,.22);border-radius:999px;padding:10px 14px;color:#172033;background:#fffffff2;box-shadow:0 18px 46px #1b274229;font-size:13px;font-weight:800;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@keyframes presentation-notice-fade{0%{opacity:0;transform:translate(-50%) translateY(-8px)}12%,72%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.presentation-notice{animation:none;opacity:1;transform:translate(-50%) translateY(0)}}.open-screen{display:grid;min-height:100dvh;place-items:center;padding:28px;background:linear-gradient(rgba(47,111,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,237,.06) 1px,transparent 1px),radial-gradient(circle at 25% 10%,rgba(47,111,237,.18),transparent 34rem),#f7fbff;background-size:36px 36px,36px 36px,auto,auto}.open-card{width:min(100%,980px);padding:32px;border:1px solid #c8d7ea;border-radius:12px;background:#ffffffeb;box-shadow:0 24px 70px #192b4b21}.open-eyebrow{margin:0 0 12px;color:#2f6fed;font-size:13px;font-weight:850;letter-spacing:0;text-transform:uppercase}.open-card h1{margin:0;color:#13213a;font-size:32px;line-height:1.1;letter-spacing:0}.open-card p{margin:14px 0 24px;color:#4d5f7c;font-size:16px;line-height:1.55}.open-card code,.open-error code{color:#193b70;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95em;font-weight:750}.open-file-button{position:relative;display:inline-flex;min-height:46px;align-items:center;gap:8px;padding:0 18px;border:1px solid #21314d;border-radius:8px;color:#fff;background:#21314d;font-size:14px;font-weight:750;cursor:pointer}.open-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.open-file-button:hover,.open-file-button:focus-within{background:#2d4266}.open-error{margin-top:22px;padding:16px;border:1px solid #f3b7b7;border-radius:10px;color:#7a1f1f;background:#fff7f7}.open-error-title{display:flex;gap:8px;align-items:center}.open-error ul{display:grid;gap:10px;padding:0;margin:14px 0 0;list-style:none}.open-error li{display:grid;gap:4px}.open-error span{color:#7a1f1f;font-size:14px;line-height:1.4}.example-gallery{margin-top:26px;padding-top:22px;border-top:1px solid #d7e2ef}.example-gallery-heading{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:end;justify-content:space-between;margin-bottom:14px}.example-gallery h2{margin:0 0 12px;color:#13213a;font-size:16px;line-height:1.2}.example-gallery-heading h2{margin:0}.example-gallery-heading p{max-width:420px;margin:0;color:#5c6c83;font-size:13px;line-height:1.45}.example-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.example-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;min-height:154px;border:1px solid #c8d7ea;border-radius:8px;padding:12px;color:#172033;background:#f8fbff}.example-card-meta{display:flex;flex-wrap:wrap;gap:6px}.example-card-meta span{border-radius:999px;padding:4px 7px;color:#0f4f79;background:#e9f5fb;font-size:11px;font-weight:850;line-height:1}.example-card-meta span+span{color:#5a3b0b;background:#fff3d5}.example-card h3{margin:0;color:#13213a;font-size:15px;line-height:1.2}.example-card p{margin:0;color:#5c6c83;font-size:12px;line-height:1.45}.example-card-actions{display:flex;flex-wrap:wrap;gap:8px}.example-card-actions a{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border:1px solid #c8d7ea;border-radius:7px;padding:0 10px;color:#193b70;background:#fff;font-size:12px;font-weight:800;text-decoration:none}.example-card-actions a:nth-child(1),.example-card-actions a:nth-child(2){border-color:#b5c9e4}.example-card-actions a:nth-child(3),.example-card-actions a:nth-child(4){color:#0f5f58;background:#f3fbf8}.example-card-actions a:hover,.example-card-actions a:focus-visible{border-color:#2f6fed;background:#eff5ff}@media(max-width:580px){.example-list{grid-template-columns:1fr}.open-card{padding:24px}}.floating-controls{position:fixed;z-index:30;width:max-content;max-width:calc(100vw - 16px);padding:0;background:transparent}.toolbar-head{display:grid;grid-template-columns:36px auto 36px;gap:7px;align-items:center;position:relative;z-index:2;width:max-content;border:1px solid rgba(132,151,176,.3);border-radius:999px;padding:6px;background:#ffffffdb;box-shadow:0 18px 45px #1b274224;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar-actions{position:absolute;top:calc(100% + 8px);left:0;display:grid;gap:8px;width:max-content;max-width:calc(100vw - 16px);justify-items:start;border:1px solid rgba(132,151,176,.28);border-radius:18px;padding:8px;background:#ffffffe6;box-shadow:0 18px 45px #1b27421f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar-mode-row,.toolbar-selection-row,.toolbar-format-row,.toolbar-button-grid{gap:7px;align-items:center;width:max-content;max-width:calc(100vw - 34px)}.toolbar-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(236px,calc(100vw - 34px));padding:3px;border:1px solid rgba(132,151,176,.28);border-radius:999px;background:#f4f7fbdb}.toolbar-mode-row.has-present{grid-template-columns:repeat(3,minmax(0,1fr));width:min(312px,calc(100vw - 34px))}.toolbar-selection-row,.toolbar-format-row{display:flex;flex-wrap:wrap}.toolbar-button-grid{display:grid;grid-template-columns:repeat(6,36px);justify-content:start}.mode-segment-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:0;height:32px;border:1px solid transparent;border-radius:999px;color:#526179;font:inherit;font-size:12px;font-weight:800;background:transparent;cursor:pointer}.mode-segment-button:hover,.mode-segment-button:focus-visible{color:#172033;background:#ffffffb8}.mode-segment-button.active{border-color:#2d42661f;color:#172033;background:#fff;box-shadow:0 8px 20px #1b27421a}.mode-segment-button:disabled{color:#a8b3c3;cursor:not-allowed;background:transparent;box-shadow:none}.floating-controls.open-left{justify-items:start}.floating-controls.open-left .toolbar-actions{right:0;left:auto}.floating-controls.open-up .toolbar-actions{top:auto;bottom:calc(100% + 8px)}.overlay-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:999px;color:#526179;background:transparent;cursor:pointer}.overlay-button:hover,.overlay-button.active{border-color:#cad6e5;color:#172033;background:#f4f7fb}.overlay-button:disabled{color:#a8b3c3;background:transparent;cursor:not-allowed}.overlay-button.primary{color:#fff;background:#172033}.overlay-button.primary:hover:not(:disabled){background:#263a59}.overlay-button.primary:disabled{border-color:#d8e2ef;color:#96a3b6;background:#eef3f8}.overlay-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.drag-button{cursor:grab}.drag-button:active{cursor:grabbing}.brand-chip{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:98px;height:36px;border:1px solid #d8e2ef;border-radius:999px;padding:0 10px;color:#172033;background:#f8fafc;font-size:12px;font-weight:900;letter-spacing:0;-webkit-user-select:none;user-select:none}.brand-chip.readonly{color:#6c4a12;border-color:#f0d6a3;background:#fff7e6}.selected-chip{display:inline-flex;gap:7px;align-items:center;min-width:86px;max-width:160px;border:1px solid #d8e2ef;border-radius:999px;padding:5px 6px 5px 11px;color:#526179;background:#f8fafc;font-size:12px;font-weight:850}.selected-chip button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:999px;color:#9f1d1d;background:#fff1f1;cursor:pointer}.selected-chip button:disabled{color:#a8b3c3;background:#edf2f7;cursor:not-allowed}.color-control{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:54px;height:36px;padding:0 8px;border:1px solid #d8e2ef;border-radius:999px;background:#f8fafc;color:#526179}.color-control input{width:24px;height:24px;border:1px solid #c6d3e1;border-radius:999px;padding:0;background:transparent;cursor:pointer}.text-color-control{color:#526179}.number-control{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;min-width:72px;min-height:36px;padding:0 8px;border:1px solid #d8e2ef;border-radius:999px;background:#f8fafc;color:#526179;font-size:11px;font-weight:850;white-space:nowrap}.number-control input{width:48px;border:0;outline:0;background:transparent;color:#172033;font:inherit;text-align:center}.number-control input::-webkit-outer-spin-button,.number-control input::-webkit-inner-spin-button{margin:0}.inline-format-note{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border:1px solid #d8e2ef;border-radius:999px;background:#f8fafc;color:#68758a;font-size:12px;font-weight:850;white-space:nowrap}.document-stage-wrap{display:flex;min-height:calc(100vh - 16px);justify-content:center;align-items:flex-start}.read-only-document-frame{display:block;width:100%;height:calc(100vh - 16px);border:0;background:#fff}.presentation-mode .read-only-document-frame,.presentation-mode .shadow-document-frame{min-height:100vh}.presentation-mode .read-only-document-frame{height:100vh;background:#000}.presentation-mode .document-stage-wrap{min-height:100vh;background:#000}.presentation-mode .document-page{width:100vw;border:0;border-radius:0;box-shadow:none}.shadow-document-frame{display:block;width:100%;min-height:calc(100vh - 16px);background:#fff}.document-page{position:relative;width:calc(100vw - 16px);aspect-ratio:980 / 7200;border:1px solid #dbe3ef;border-radius:.82cqw;overflow:hidden;background:linear-gradient(135deg,rgba(223,247,240,.55),transparent 38%),linear-gradient(315deg,rgba(230,238,251,.82),transparent 42%),#fff;container-type:inline-size;box-shadow:0 30px 90px #1b274229}.document-page:before{content:"";position:absolute;inset:.244% 2.245%;border:1px solid rgba(202,214,229,.7);border-radius:.82cqw;pointer-events:none}.text-layer,.object-layer{position:absolute;inset:0}.object-layer,.text-layer{pointer-events:none}.text-layer h1,.text-layer p{position:absolute;margin:0;outline:none;pointer-events:auto}.text-layer h1{color:#172033;letter-spacing:0}.text-layer p{color:#526179;white-space:pre-wrap}.document-page[data-editing=true] [contenteditable=true]:hover,.selected-text{border-radius:8px;box-shadow:0 0 0 2px #263a591f}.document-page[data-editing=true] [contenteditable=true]:hover{background:#2f6fed0e}.movable-object{position:absolute;top:0;left:0;margin:0;overflow:visible;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.document-page[data-editing=true] .movable-object{cursor:pointer}.document-page[data-editing=true] .movable-object:not(.selected-object):hover{outline:2px solid rgba(47,111,237,.36);outline-offset:2px;box-shadow:0 0 0 4px #2f6fed0f}.drag-handle{position:absolute;top:-18px;left:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:20px;border:1px solid #bac8db;border-radius:999px;color:#172033;background:#fffffff0;box-shadow:0 10px 22px #1b274229;transform:translate(-50%);pointer-events:none}.resize-handle{position:absolute;right:-10px;bottom:-10px;z-index:4;width:20px;height:20px;border:2px solid #ffffff;border-radius:999px;background:#172033;box-shadow:0 10px 20px #1b274233;cursor:nwse-resize;pointer-events:auto}.image-object img{display:block;width:100%;height:100%;border-radius:.9cqw;object-fit:contain;box-shadow:0 1.8cqw 4cqw #1b274221}.shape-object{border-radius:.9cqw;box-shadow:inset 0 0 0 1px #2f5eaa3d}.table-object,.figure-object{display:grid;align-content:start;gap:.92cqw;border:1px solid #dbe4f0;border-radius:.72cqw;padding:1.06cqw;background:#fffffff0;box-shadow:0 1.1cqw 2.8cqw #1b274214;overflow:hidden}.figure-object{grid-template-rows:auto 1fr}.table-object figcaption,.figure-object figcaption{display:grid;gap:.92cqw;align-items:start;align-content:start;min-height:0}.table-object figcaption{grid-template-columns:1fr;gap:.42cqw}.figure-object figcaption{grid-template-columns:max-content 1fr}.table-object figcaption strong,.figure-object figcaption strong{display:block;color:#172033;font-size:1.72cqw;line-height:1.12}.table-object figcaption span,.figure-object figcaption span{display:block;color:#526179;font-size:1.05cqw;line-height:1.22}.table-object table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:.48cqw;font-size:1.08cqw}.table-object th,.table-object td{border:1px solid #d7e1ee;padding:.56cqw .66cqw;text-align:left;vertical-align:top}.table-object th{color:#fff;background:#17324d}.table-object td{color:#283951;background:#fff}.table-object tr:nth-child(2n) td{background:#f4f7fb}.figure-grid{position:relative;height:100%;min-height:0}.figure-card{position:absolute;z-index:2;display:grid;grid-template-columns:3.2cqw 1fr;grid-template-rows:auto auto;gap:.24cqw .58cqw;align-content:center;border:1px solid #d9e4f2;border-radius:.5cqw;padding:.72cqw;background:#f8fafc;cursor:grab;pointer-events:auto}.figure-card *{pointer-events:none}.figure-card:active{cursor:grabbing}.figure-card img{grid-row:1 / span 2;width:2.95cqw;height:2.95cqw;object-fit:contain}.figure-card strong{color:#172033;font-size:1.12cqw;line-height:1.12}.figure-card span{color:#526179;font-size:.92cqw;line-height:1.18}.selected-object{outline:2px solid rgba(23,50,77,.38);outline-offset:4px;cursor:default}.document-drawer{position:fixed;right:20px;bottom:20px;z-index:35;display:grid;gap:14px;width:min(360px,calc(100vw - 40px));border:1px solid rgba(132,151,176,.34);border-radius:8px;padding:16px;background:#fffffff0;box-shadow:0 28px 80px #1b27422e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.document-drawer header{display:flex;align-items:center;justify-content:space-between}.document-drawer header button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:999px;color:#526179;background:#f4f7fb;cursor:pointer}.document-drawer dl{display:grid;gap:8px;margin:0}.document-drawer .shortcut-list{gap:6px}.document-drawer dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px}.document-drawer .shortcut-list div{grid-template-columns:96px minmax(0,1fr)}.document-drawer dt{color:#617089;font-size:12px;font-weight:850}.document-drawer dd{min-width:0;margin:0;color:#172033;font-size:13px;font-weight:750;overflow-wrap:anywhere}.document-drawer .shortcut-list dd{color:#526179;font-weight:650}.document-drawer section{display:grid;gap:8px}.document-drawer p,.document-drawer ul{margin:0;color:#526179;font-size:13px;line-height:1.45}.document-drawer ul{display:grid;gap:8px;padding-left:18px}.document-drawer li span{display:block;color:#9f1d1d;font-weight:850}@media(max-width:720px){.openwebdoc-shell{padding:8px}.toolbar-actions{max-width:calc(100vw - 16px)}.document-page{width:min(calc(100vw - 16px),980px)}}