:root{--pw-page-w:816px;--pw-page-h:1056px;--pw-margin-top:96px;--pw-margin-bottom:96px;--pw-margin-left:144px;--pw-margin-right:96px;--pw-content-w:576px;--pw-font:"Courier Prime", "Courier New", Courier, monospace;--pw-font-size:12pt;--pw-line-h:16px;--pw-character-indent:211px;--pw-dialogue-indent:96px;--pw-dialogue-w:336px;--pw-paren-indent:154px;--pw-paren-w:221px;--pw-bg:#fff;--pw-text:#0d0d0d;--pw-ui-bg:#e8e8e8;--pw-shadow:0 1px 4px #0000001f, 0 4px 20px #00000014;--pw-page-break-color:#b0b0b0;--pw-attribution-color:#999;--pw-placeholder-color:#bbb;--pw-accent:#2563eb}.plotwell-editor-wrap{background:var(--pw-ui-bg);flex-direction:column;align-items:center;min-height:100vh;padding:40px 0 80px;display:flex;overflow-x:hidden}.plotwell-editor-wrap .ProseMirror{font-family:var(--pw-font);font-size:var(--pw-font-size);line-height:var(--pw-line-h);color:var(--pw-text);background:var(--pw-bg);width:var(--pw-page-w);min-height:var(--pw-page-h);padding:var(--pw-margin-top) var(--pw-margin-right) var(--pw-margin-bottom) var(--pw-margin-left);box-sizing:border-box;caret-color:var(--pw-accent);outline:none;position:relative}.plotwell-editor-wrap .ProseMirror:before{content:"1.";top:calc(var(--pw-margin-top) - 24px);right:var(--pw-margin-right);font-family:var(--pw-font);font-size:var(--pw-font-size);line-height:var(--pw-line-h);color:var(--pw-text);pointer-events:none;position:absolute}.plotwell-editor-wrap .ProseMirror p[data-type]{min-height:var(--pw-line-h);line-height:var(--pw-line-h);margin-top:0;margin-bottom:0;padding:0;position:relative}.pm-scene-heading{text-transform:uppercase;width:var(--pw-content-w);font-weight:700;margin-top:calc(var(--pw-line-h) * 3)!important;margin-bottom:var(--pw-line-h)!important}.plotwell-editor-wrap .ProseMirror>p:first-child{margin-top:0!important}.pm-action{width:var(--pw-content-w);margin-top:var(--pw-line-h)!important}.pm-scene-heading+.pm-action{margin-top:0!important}.pm-character{margin-left:var(--pw-character-indent);text-transform:uppercase;width:calc(var(--pw-content-w) - var(--pw-character-indent));margin-top:var(--pw-line-h)!important}.pm-dialogue+.pm-character,.pm-parenthetical+.pm-character{margin-top:calc(var(--pw-line-h) * .5)!important}.pm-dialogue{margin-left:var(--pw-dialogue-indent);width:var(--pw-dialogue-w)}.pm-parenthetical{margin-left:var(--pw-paren-indent);width:var(--pw-paren-w)}.pm-parenthetical:before{content:"("}.pm-parenthetical:after{content:")"}.pm-transition{text-align:right;text-transform:uppercase;width:var(--pw-content-w);margin-top:var(--pw-line-h)!important}.pm-transition.pw-fade-in{text-align:left}.pw-scene-number{font-family:var(--pw-font);font-size:var(--pw-font-size);line-height:var(--pw-line-h);color:var(--pw-text);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700;display:inline-block;position:absolute}.pw-scene-number-left{top:0;right:calc(100% + 16px)}.pw-scene-number-right{left:calc(var(--pw-content-w) + 16px);top:0}.pw-page-separator{pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--pw-ui-bg);width:calc(var(--pw-page-w) + 200px);margin-left:calc(-1 * var(--pw-margin-left) - 100px);height:calc(var(--pw-margin-bottom) + 12px + var(--pw-margin-top));display:block;position:relative}.pw-page-margin-bottom,.pw-page-margin-top{width:var(--pw-page-w);background:var(--pw-bg);position:absolute;left:100px}.pw-page-margin-bottom{height:var(--pw-margin-bottom);top:0}.pw-page-margin-top{height:var(--pw-margin-top);bottom:0}.pw-page-header-number{bottom:8px;right:var(--pw-margin-right);font-family:var(--pw-font);font-size:var(--pw-font-size);line-height:var(--pw-line-h);color:var(--pw-text);position:absolute}.plotwell-editor-wrap .ProseMirror p[data-placeholder]:has(>br:only-child):before{content:attr(data-placeholder);color:var(--pw-placeholder-color);pointer-events:none;text-transform:none;font-weight:400;position:absolute}.plotwell-editor-wrap .ProseMirror ::selection{background:#2563eb26}.plotwell-editor-wrap .ProseMirror .ProseMirror-selectednode{outline:1px solid #2563eb4d}.pw-bubble-menu{z-index:50;pointer-events:auto;background:#1a1a1a;border-radius:8px;align-items:center;gap:1px;padding:4px;animation:.12s ease-out pw-fade-in;display:flex;position:absolute;box-shadow:0 4px 16px #0003,0 1px 4px #0000001a}.pw-bubble-menu button{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;transition:all .1s;display:flex}.pw-bubble-menu button:hover{color:#fff;background:#333}.pw-bubble-menu button.active{background:var(--pw-accent);color:#fff}.pw-bubble-menu .pw-separator{background:#444;width:1px;height:18px;margin:0 2px}.pw-type-badge{z-index:40;pointer-events:auto;align-items:center;animation:.1s ease-out pw-fade-in;display:flex;position:absolute}.pw-type-badge-label{letter-spacing:.06em;color:#888;cursor:pointer;white-space:nowrap;text-transform:uppercase;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;transition:all .1s;display:flex}.pw-type-badge-label:hover{color:#555;background:#0000000f}.pw-type-badge-label:after{content:"";border-top:4px solid;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0;margin-left:2px;display:inline-block}.pw-type-dropdown{z-index:60;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:180px;margin-top:4px;padding:4px;animation:.1s ease-out pw-fade-in;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.pw-type-dropdown button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;transition:background 80ms;display:flex}.pw-type-dropdown button:hover{background:#f0f4ff}.pw-type-dropdown button.active{color:var(--pw-accent);font-weight:600}.pw-type-dropdown .pw-shortcut{color:#aaa;font-family:Courier Prime,monospace;font-size:10px}@keyframes pw-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.plotwell-attribution{color:var(--pw-attribution-color);letter-spacing:.02em;align-items:center;gap:5px;margin-top:12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;text-decoration:none;display:inline-flex}.plotwell-attribution:hover{color:#444}.plotwell-attribution:before{content:"✦";font-size:8px}.plotwell-editor-wrap .ProseMirror.pw-reading-mode{caret-color:#0000}.pw-reading-mode .pw-type-badge,.pw-reading-mode .pw-bubble-menu{display:none!important}.plotwell-editor-wrap.pw-dark{--pw-bg:#1a1d25;--pw-text:#e2e8f0;--pw-ui-bg:#0f1117;--pw-shadow:0 1px 4px #0000004d, 0 4px 20px #0003;--pw-placeholder-color:#555;--pw-attribution-color:#555;--pw-accent:#3b82f6}.plotwell-editor-wrap.pw-dark .pw-bubble-menu{background:#2a2a2a}.plotwell-editor-wrap.pw-dark .pw-type-dropdown{background:#1a1d25;border-color:#333}.plotwell-editor-wrap.pw-dark .pw-type-dropdown button{color:#ccc}.plotwell-editor-wrap.pw-dark .pw-type-dropdown button:hover{background:#2a2f3a}.plotwell-editor-wrap.pw-dark .plotwell-attribution:hover{color:#aaa}@media (width<=768px){.plotwell-editor-wrap{padding:0 0 40px}.plotwell-editor-wrap .ProseMirror{width:100%;min-height:100vh;box-shadow:none;padding:20px 16px 40px 24px;font-size:11pt;line-height:15px}.plotwell-editor-wrap .ProseMirror:before{display:none}.pm-scene-heading,.pm-action,.pm-transition{width:100%}.pm-character{width:75%;margin-left:25%}.pm-dialogue{width:80%;margin-left:10%}.pm-parenthetical{width:70%;margin-left:15%}.pw-scene-number{display:none}.pw-page-separator,.pw-type-badge{display:none!important}.pw-bubble-menu{z-index:100;border-radius:12px;justify-content:center;padding:6px;position:fixed;inset:auto 8px 8px}.pw-bubble-menu button{width:36px;height:36px;font-size:15px}.pm-scene-heading,.pm-action,.pm-character,.pm-transition{margin-top:15px!important}.plotwell-editor-wrap .ProseMirror p[data-type]{min-height:15px;line-height:15px}}