*{box-sizing:border-box}body{color:#252725;background:#efefec;margin:0;font:14px Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}header{background:#fff;border-bottom:1px solid #deded8;align-items:center;gap:16px;height:68px;padding:0 28px;display:flex}.brand{color:#fff;background:#2e5043;border-radius:8px;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.title{font-size:16px;font-weight:700}.label{color:#858982;letter-spacing:1.7px;font-size:10px}.phase{color:#697369;border:1px solid #dfe3dc;border-radius:20px;margin-left:auto;padding:7px 12px;font-size:12px}.project{justify-content:space-between;align-items:center;padding:25px 30px 22px;display:flex}.project h1{letter-spacing:-.6px;margin:6px 0;font-size:23px}.project p{color:#777e75;margin:8px 0 0;font-size:13px}.workspace{background:#fff;border:1px solid #d9dcd4;border-radius:12px;grid-template-columns:1fr 2fr;height:calc(100dvh - 212px);min-height:440px;margin:0 28px;display:grid;overflow:hidden}.document{border-right:1px solid #d9dcd4;flex-direction:column;min-width:0;display:flex}.panelbar{border-bottom:1px solid #e5e7e0;align-items:center;gap:12px;height:51px;padding:0 20px;display:flex}.panelbar strong{font-size:13px}.panelbar small{color:#838b80;margin-left:auto;font-size:11px}.tools{border-bottom:1px solid #e9ebe5;align-items:center;gap:8px;padding:11px 18px;display:flex}.tools button{color:#555e53;background:#fff;border:0;border-radius:4px;padding:5px 9px}.tools button:hover{background:#edf2eb}.tools .note{color:#2e5043;background:#eaf0e8;margin-left:auto;font-size:11px;font-weight:700}.editor{outline:none;flex:1;padding:29px 25px;font-size:14px;line-height:1.8;overflow:auto}.editor h2{letter-spacing:-.5px;margin:0 0 18px;font-size:23px;font-weight:500;line-height:1.3}.editor:empty:before{color:#9ca399;content:attr(data-placeholder)}.hint{color:#91978c;font-size:13px}.docfooter{color:#8b9185;border-top:1px solid #e9ebe5;justify-content:space-between;padding:13px 20px;font-size:11px;display:flex}.media{background:#f8f9f5;flex-direction:column;min-width:0;display:flex}.source{gap:9px;padding:18px 22px;display:flex}.source input{color:#394336;background:#fff;border:1px solid #dce0d6;border-radius:6px;width:100%;min-width:0;padding:11px 12px;font-size:12px}.source button{color:#fff;white-space:nowrap;background:#2e5043;border:0;border-radius:6px;padding:0 16px;font-size:12px}.stage{aspect-ratio:16/9;background:#222925;border-radius:8px;flex:1;place-items:center;max-height:calc(100% - 190px);margin:0 22px;display:grid;position:relative;overflow:hidden}.empty{color:#e2e8df;text-align:center}.playicon{color:#adbfab;border:1px solid #647268;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:22px;display:grid}.empty h2{margin:0 0 10px;font-size:18px;font-weight:400}.empty p{color:#9ba99d;margin:0;font-size:12px;line-height:1.6}.timeline{background:#dce1d7;height:3px;margin:22px 24px 0;position:relative}.timeline:before{content:"";background:#788b76;border-radius:100%;width:9px;height:9px;position:absolute;top:-3px}.transport{color:#858d80;align-items:center;gap:18px;padding:16px 24px;font-size:12px;display:flex}.transport button{color:#66745f;background:0 0;border:0;padding:3px}.transport .clock{margin-left:auto;font-family:monospace}.editor .block-delete{color:inherit;cursor:pointer;opacity:0;pointer-events:none;vertical-align:middle;background:0 0;border:0;width:20px;margin-right:2px;padding:0;font-size:18px;line-height:1;display:inline-block}.editor>:hover .block-delete,.editor>:focus-within .block-delete,.editor .block-delete:focus-visible{opacity:1;pointer-events:auto}.editor .block-delete:hover{color:#e07474}.editor .block-delete:focus-visible{outline-offset:2px;outline:2px solid}@media (hover:none){.editor .block-delete{opacity:1;pointer-events:auto}}.foot{color:#858d7c;justify-content:space-between;padding:17px 30px;font-size:11px;display:flex}.status{color:#697e62}#message{color:#697e62;min-height:25px;padding:0 24px 14px;font-size:12px}@media (max-width:760px){header{padding:0 16px}.project{padding:20px}.workspace{grid-template-columns:1fr;height:auto;min-height:0;margin:0 14px}.media{grid-row:1;min-height:330px}.stage{min-height:190px}.document{border-top:1px solid #ddd;border-right:0;min-height:420px}.phase{font-size:10px}.foot{padding:16px}.project p{max-width:250px}.project>.label{display:none}}body{height:100dvh;padding:12px 12px 12px 52px;overflow:hidden}.workspace{grid-template-columns:1fr 2fr;height:100%;min-height:0;margin:0}.drawer-toggle{color:#2e5043;z-index:3;background:#fff;border:1px solid #d9dcd4;border-radius:7px;width:34px;height:34px;font-size:19px;position:fixed;top:19px;left:9px}.editor .document-paragraph{border:1px solid #ffffff29;border-radius:5px;padding:4px 6px}#project-drawer{z-index:5;background:#fff;border-right:1px solid #d9dcd4;width:310px;max-width:90vw;padding-top:48px;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 40px #15251b25}#project-drawer[hidden]{display:none}#drawer-close{color:#53634c;background:#f0f3ed;border:0;border-radius:6px;width:30px;height:30px;position:absolute;top:14px;right:14px}header{border:0;flex-wrap:wrap;gap:12px;height:auto;padding:0 24px}.phase{margin:8px 0 0 42px}.project{padding:36px 24px;display:block}.project>.label{display:none}.project p{line-height:1.6}.drawer-footer{color:#8b9185;font-size:11px;line-height:2;position:absolute;bottom:25px;left:24px;right:24px}.stage{flex:none;width:calc(100% - 44px);max-height:calc(100% - 195px)}@media (max-width:760px){body{padding:8px 8px 8px 46px;overflow:auto}.workspace{flex-direction:column;height:auto;min-height:calc(100dvh - 16px);display:flex}.media{order:0;min-height:310px}.document{order:1;min-height:450px}.drawer-toggle{top:16px;left:6px}.stage{min-height:150px}.project{padding:30px 24px}}.source[hidden]{display:none}.stage{margin-top:18px}.source:not([hidden])+.stage{margin-top:0}.stage iframe,.stage>div:not(.empty){border:0;width:100%;height:100%}.stage>div>div{height:100%}.timestamp{color:#2e5043;cursor:pointer;background:#eaf0e8;border:0;border-radius:4px;padding:2px 5px;font:12px monospace}.timestamp:hover{background:#d1dfcc}.timeline{background:0 0;height:20px;margin-top:18px}.timeline:before{display:none}#seek{accent-color:#66825d;width:100%;height:16px;margin:0}#markers{margin:0 7px;position:relative}.marker{background:#2e5043;border:0;border-radius:50%;width:8px;height:8px;padding:0;position:absolute;top:0;transform:translate(-50%)}.marker:hover,.marker:focus-visible{outline:3px solid #aabd9e}#change-media{color:#2e5043;background:#eaf0e8;border:0;border-radius:4px;padding:5px 8px;font-size:11px}button:disabled{cursor:default;opacity:.4}#message{line-height:1.5}.transport{padding-top:12px}.shortcut-hint{color:#838b80;margin-left:auto;font-size:10px}.tools .note{margin-left:0}@media (max-width:400px){.shortcut-hint{display:none}.tools .note{margin-left:auto}}.stage{display:block;position:relative}.player-host{width:100%;height:100%;position:absolute;inset:0}.player-host[hidden]{display:none}.stage>.empty{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20%;display:flex}.player-host>div,.player-host>div>div{height:100%}.document-tabs{gap:14px;display:flex}.document-tabs button{color:#7a8276;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 0;font-weight:600}.document-tabs button[aria-selected=true]{color:#2e5043;border-bottom-color:#2e5043}.tools[hidden],.editor[hidden],.scratchpad[hidden]{display:none}.scratchpad{color:#252725;resize:none;background:#fff;border:0;outline:none;flex:1;width:100%;min-height:0;padding:29px 25px;font:14px/1.8 Arial,sans-serif}.editor img{cursor:zoom-in;object-fit:contain;background:#edf0e9;border:1px solid #d9ded4;border-radius:5px;width:160px;max-width:100%;height:100px;margin:12px 0;padding:4px;display:block}.editor img:focus-visible{outline-offset:3px;outline:2px solid #2e5043}.tools{flex-wrap:wrap}.tools input[hidden]{display:none}.image-dialog{background:#20261f;border:1px solid #586155;border-radius:10px;max-width:95vw;max-height:95dvh;padding:40px 16px 16px;overflow:auto}.image-dialog::backdrop{background:#111b16cc}.image-dialog img{object-fit:contain;width:auto;max-width:calc(95vw - 34px);height:auto;max-height:calc(95dvh - 65px);display:block}.image-dialog-close{color:#fff;cursor:pointer;background:#445140;border:0;border-radius:4px;width:30px;height:28px;position:absolute;top:6px;right:8px}.document-title{border:1px solid #dde2d8;border-radius:5px;width:100%;margin-top:8px;padding:8px;font-size:21px;font-weight:600}.file-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.file-actions button{color:#2e5043;background:#eaf0e8;border:1px solid #d4ddcf;border-radius:5px;padding:9px 10px}.file-actions input[hidden]{display:none}body:has(.account-bar){padding-top:60px}.account-bar{z-index:4;background:#fff;border-bottom:1px solid #d9ded4;align-items:center;gap:10px;height:48px;padding:7px 14px;display:flex;position:fixed;inset:0 0 auto}.account-bar button,.account-bar select{color:#2e5043;background:#f4f6f0;border:1px solid #d9ded4;border-radius:5px;padding:6px 9px}.account-bar select{max-width:220px}.account-bar small{margin-left:auto}.account-bar span{font-size:11px}.account-page{background:#fff;border:1px solid #d9ded4;border-radius:10px;max-width:540px;margin:8vh auto;padding:30px;line-height:1.7}.sign-in{color:#fff;background:#2e5043;border-radius:5px;padding:10px 20px;text-decoration:none;display:inline-block}.cloud-error{color:#754a1a;z-index:9;background:#fff2dc;border:1px solid #d8b06e;border-radius:5px;padding:12px;position:fixed;bottom:12px;left:65px;right:12px}@media (max-width:760px){.account-bar{flex-wrap:wrap;height:auto;min-height:48px}.account-bar small{display:none}body:has(.account-bar){padding-top:96px}}.account-form{gap:16px;display:grid}.account-form label{gap:5px;display:grid}.account-form input{border:1px solid #cdd6c8;border-radius:5px;padding:10px}.account-form button{color:#fff;background:#2e5043;border:0;border-radius:5px;padding:10px}.account-switch{color:#2e5043;background:0 0;border:0;margin-top:16px;text-decoration:underline}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{color:#e5ece7;background:#141916}:root[data-theme=dark] header{background:#1d2520;border-bottom:1px solid #3d4a40}:root[data-theme=dark] .brand{color:#1d2520;background:#91c7ad}:root[data-theme=dark] .label{color:#a8b8aa}:root[data-theme=dark] .phase{color:#a8b8aa;border:1px solid #3d4a40}:root[data-theme=dark] .project p{color:#a8b8aa}:root[data-theme=dark] .workspace{background:#1d2520;border:1px solid #3d4a40}:root[data-theme=dark] .document{border-right:1px solid #3d4a40}:root[data-theme=dark] .panelbar{border-bottom:1px solid #3d4a40}:root[data-theme=dark] .panelbar small{color:#a8b8aa}:root[data-theme=dark] .tools{border-bottom:1px solid #3d4a40}:root[data-theme=dark] .tools button{color:#a8b8aa;background:#1d2520}:root[data-theme=dark] .tools button:hover{background:#2b3a30}:root[data-theme=dark] .tools .note{color:#91c7ad;background:#2b3a30}:root[data-theme=dark] .editor:empty:before,:root[data-theme=dark] .hint{color:#a8b8aa}:root[data-theme=dark] .docfooter{color:#a8b8aa;border-top:1px solid #3d4a40}:root[data-theme=dark] .media{background:#19201c}:root[data-theme=dark] .source input{color:#e5ece7;background:#1d2520;border:1px solid #3d4a40}:root[data-theme=dark] .source button{color:#1d2520;background:#91c7ad}:root[data-theme=dark] .transport,:root[data-theme=dark] .transport button,:root[data-theme=dark] .foot,:root[data-theme=dark] .status,:root[data-theme=dark] #message{color:#a8b8aa}@media (max-width:760px){:root[data-theme=dark] .document{border-top:1px solid #3d4a40}}:root[data-theme=dark] .drawer-toggle{color:#91c7ad;background:#1d2520;border:1px solid #3d4a40}:root[data-theme=dark] #project-drawer{background:#1d2520;border-right:1px solid #3d4a40}:root[data-theme=dark] #drawer-close{color:#a8b8aa;background:#2b3a30}:root[data-theme=dark] .drawer-footer{color:#a8b8aa}:root[data-theme=dark] .timestamp{color:#91c7ad;background:#2b3a30}:root[data-theme=dark] .timestamp:hover{background:#3b5142}:root[data-theme=dark] .marker{background:#91c7ad}:root[data-theme=dark] #change-media{color:#91c7ad;background:#2b3a30}:root[data-theme=dark] .shortcut-hint,:root[data-theme=dark] .document-tabs button{color:#a8b8aa}:root[data-theme=dark] .document-tabs button[aria-selected=true]{color:#91c7ad;border-bottom-color:#91c7ad}:root[data-theme=dark] .scratchpad{color:#e5ece7;background:#1d2520}:root[data-theme=dark] .editor img{background:#2b3a30;border:1px solid #3d4a40}:root[data-theme=dark] .editor img:focus-visible{outline:2px solid #91c7ad}:root[data-theme=dark] .image-dialog-close{color:#1d2520}:root[data-theme=dark] .document-title{border:1px solid #3d4a40}:root[data-theme=dark] .file-actions button{color:#91c7ad;background:#2b3a30;border:1px solid #3d4a40}:root[data-theme=dark] .account-bar{background:#1d2520;border-bottom:1px solid #3d4a40}:root[data-theme=dark] .account-bar button,:root[data-theme=dark] .account-bar select{color:#91c7ad;background:#2b3a30;border:1px solid #3d4a40}:root[data-theme=dark] .account-page{background:#1d2520;border:1px solid #3d4a40}:root[data-theme=dark] .sign-in{color:#1d2520;background:#91c7ad}:root[data-theme=dark] .account-form input{border:1px solid #3d4a40}:root[data-theme=dark] .account-form button{color:#1d2520;background:#91c7ad}:root[data-theme=dark] .account-switch{color:#91c7ad}:root[data-theme=dark] .account-form input,:root[data-theme=dark] .document-title{color:#e5ece7;background:#1d2520}:root[data-theme=dark] .brand,:root[data-theme=dark] .source button,:root[data-theme=dark] .sign-in,:root[data-theme=dark] .account-form button{color:#fff;background:#2e5043}body{padding:12px}.document-header{align-items:center;gap:10px;display:flex}.document-header.panelbar{flex-wrap:wrap;height:auto;min-height:51px;padding:0 12px}.document-theme{margin-left:auto}.document-theme button,.workspace-menu,#workspace-drawer button,#workspace-drawer select{color:#2e5043;font:inherit;background:#eaf0e8;border:1px solid #d9ded4;border-radius:5px;padding:6px 9px}#workspace-drawer{z-index:6;background:#fff;border-right:1px solid #d9ded4;flex-direction:column;gap:20px;width:310px;max-width:90vw;padding:20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:12px 0 40px #15251b25}#workspace-drawer[hidden]{display:none}.workspace-drawer-heading{justify-content:space-between;align-items:center;display:flex}.workspace-drawer-controls,.workspace-drawer-account{gap:12px;display:grid}.workspace-drawer-controls select{width:100%;min-width:0}.workspace-drawer-controls [role=status]{font-size:12px}#workspace-drawer .project{padding:0}.workspace-drawer-account{overflow-wrap:anywhere;border-top:1px solid #d9ded4;margin-top:auto;padding-top:20px}#workspace-drawer .delete-document{color:#b13d3d}:root[data-theme=dark] #workspace-drawer{background:#1d2520;border-color:#3d4a40}:root[data-theme=dark] .document-theme button,:root[data-theme=dark] .workspace-menu,:root[data-theme=dark] #workspace-drawer button,:root[data-theme=dark] #workspace-drawer select{color:#91c7ad;background:#2b3a30;border-color:#3d4a40}:root[data-theme=dark] .workspace-drawer-account{border-color:#3d4a40}:root[data-theme=dark] #workspace-drawer .delete-document{color:#ffaaa3}@media (max-width:760px){body{padding:8px}}@media (min-width:761px){.workspace{grid-template-rows:minmax(0,1fr)}.document,.editor{min-height:0}.editor{overflow-y:auto}}.editor .block-handle{color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;vertical-align:middle;background:0 0;border:0;width:20px;margin-left:-22px;margin-right:2px;padding:0;font-size:18px;line-height:1;display:inline-block}.editor .block-handle:active{cursor:grabbing}.editor .block-handle:focus-visible{outline-offset:2px;outline:2px solid}.editor.is-dragging-comment,.editor.is-dragging-comment *{cursor:grabbing;-webkit-user-select:none;user-select:none}.comment-drag-preview{color:#fff;pointer-events:none;z-index:10000;background:#2e5145;border:1px solid #91c7ad;border-radius:7px;padding:9px 14px;font-size:13px;position:fixed;box-shadow:0 6px 20px #0004}.comment-drop-indicator{pointer-events:none;z-index:9999;background:#62ad8c;border-radius:2px;height:3px;position:fixed;box-shadow:0 0 0 1px #17382b}.comment-drop-indicator:before{content:"";background:#62ad8c;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:-4px}.collaboration{z-index:50;background:#fff;border:1px solid #668477;border-radius:8px;max-height:75vh;padding:16px;position:fixed;bottom:20px;right:20px;overflow:auto}.collaboration header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.collaboration form{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.collaboration label{gap:6px;display:grid}.collaboration textarea{width:min(500px,75vw);min-height:70px}.collaboration article{border:1px solid #668477;border-radius:8px;margin:16px 0;padding:16px}.feedback-body{overflow-wrap:anywhere;white-space:pre-wrap}.collaboration[open]{width:min(560px,100vw - 40px)}.collaboration summary{cursor:pointer}.collaboration header{height:auto;padding:12px 0}.collaboration input:not([type=checkbox]),.collaboration select,.collaboration textarea{max-width:100%;padding:8px}.collaboration button{align-self:end;padding:8px}.collaboration small{font-size:14px}:root[data-theme=dark] .collaboration{background:#1d2520}