html,body{background-color:#182028;height:100%;margin:0;overflow:hidden}body{font-family:Manrope,sans-serif;position:relative}#logo{width:200px;height:auto;margin:26px auto 20px;display:block}.link-button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.link-button:hover{color:#f39c12}#boldBtn{font-family:Times New Roman,sans-serif}#italicBtn{font-family:Times New Roman,sans-serif;font-style:italic}#underlineBtn{font-family:Times New Roman,sans-serif;text-decoration:underline}.toggle-label{align-items:center;display:inline-flex}#toggleApostrophesIChange{margin:0 10px;font-family:Times New Roman,sans-serif}#linkBtn{justify-content:center;align-items:center;margin-top:4px;display:inline-flex}#linkBtn svg{stroke:currentColor;stroke-width:2.5px;width:18px;height:18px}.editTitleBtn{color:gray}.app-shell{grid-template-columns:240px minmax(900px,1000px) 220px;justify-content:center;height:100vh;min-height:0;display:grid}.left-column{flex-direction:column;height:25%;margin-right:40px;display:flex}.menubar{z-index:100;background:#fff0d9;border-radius:5px;margin-top:3px;padding:10px;position:sticky;top:0}.dropdown-menu{position:relative}.dropdown-trigger{justify-content:space-between;align-items:center;width:100%;display:flex}.dropdown-arrow{margin-left:8px;font-size:1.1em}.dropdown-content{border-left:2px solid #ccc;flex-direction:column;margin-left:15px;padding-left:10px;display:none}.dropdown-content.open{display:flex}.dropdown-content .link-button{text-align:left;padding:5px 0}.dropdown-trigger .dropdown-arrow{transition:transform .15s}.dropdown-trigger.open .dropdown-arrow{transform:rotate(90deg)}hr{color:#f39c1280}.status-bar-hidden{display:none}.menu-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.toggle-indicator{background:#ccc;border-radius:10px;width:30px;height:16px;margin-left:10px;transition:background .2s;position:relative}.toggle-indicator:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.menu-toggle.active .toggle-indicator{background:#2b2b2b}.menu-toggle.active .toggle-indicator:after{transform:translate(14px)}.shortcut-overlay{z-index:3000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.shortcut-overlay.open{display:flex}.shortcut-modal{box-sizing:border-box;background:#fff;border-radius:8px;width:500px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:24px;position:relative;overflow:hidden auto;box-shadow:0 8px 30px #00000040}.shortcut-header{margin-bottom:20px;padding-right:40px;position:relative}.shortcut-header h2{margin:0}.shortcut-close{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0;font-size:28px;line-height:32px;position:absolute;top:0;right:0}.shortcut-close:hover{background:#eee;border-radius:4px}.shortcut-section{width:100%;margin-bottom:24px;display:block}.shortcut-section h3{text-transform:uppercase;letter-spacing:.05em;color:#666;margin:0 0 10px;font-size:14px}.shortcut-row{box-sizing:border-box;border-bottom:1px solid #eee;grid-template-columns:1fr auto;align-items:center;gap:20px;width:100%;padding:8px 0;display:grid}.shortcut-row span{min-width:0}.shortcut-row kbd{white-space:nowrap;background:#eee;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px}.left-ad{margin-top:20px}.editor-column{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100vh;min-height:0;display:grid}.editor-top{z-index:100;min-width:0;position:sticky;top:0}.editor-top,#script-editor,#statusBar{box-sizing:border-box;width:100%;min-width:0}.toolbar-dropdown{display:inline-block;position:relative}.toolbar-dropdown-trigger{align-items:center;gap:6px;display:inline-flex}.toolbar-dropdown-content{z-index:1000;background:#fff0d9;border:1px solid #ccc;border-radius:4px;flex-direction:column;min-width:130px;padding:6px 0;display:none;position:fixed;box-shadow:0 4px 12px #00000026}.toolbar-dropdown-content.open{display:flex}.toolbar-dropdown-content .link-button{text-align:left;white-space:nowrap;width:100%;padding:6px 12px}.toolbar-dropdown-content .link-button:hover{background:#00000014}.shortcut-button{position:relative}.floating-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:10000;opacity:0;background:#2b2b2b;border-radius:4px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:12px;transition:opacity .15s;position:fixed}.floating-tooltip.visible{opacity:1}.right-column{min-height:100vh}.right-ad{width:100%}.script-page{box-sizing:border-box;background:#fff;width:8.5in;min-height:11in;margin:0 auto 48px;padding:1in;box-shadow:0 3px 15px #0000002e}.script-page:before{margin-bottom:10px;font-weight:700;display:block}.page-header{margin-bottom:1rem;font-weight:700}.script-panel{background-color:#fbf6ef;margin-bottom:15px;padding:15px}.panel-header{margin-bottom:10px;font-weight:700}.script-element.action{margin-bottom:.75rem}.script-element.character{text-transform:uppercase;margin-left:0;font-weight:700}.script-element.dialogue{margin-bottom:.75rem;margin-left:0;margin-right:0}.script-element.caption{font-style:italic}.script-element.sfx{font-weight:700}.script-element.note{color:#888}.script-element:before{font-weight:700;display:block}.script-element.parenthetical{margin-left:0;font-style:italic}.script-element.character{text-transform:uppercase;align-items:baseline;margin-left:0;font-weight:700;display:flex}.script-element.character[data-speaker-number]:before{content:attr(data-speaker-number) ". ";flex-shrink:0;font-weight:700}.hide-speaker-numbers .script-element.character[data-speaker-number]:before{display:none}.character-autocomplete{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:180px;font-family:inherit;font-size:14px;position:absolute;overflow:hidden;box-shadow:0 4px 12px #00000026}.character-autocomplete-item{cursor:default;padding:6px 10px}.character-autocomplete-item.selected{color:#000}.character-autocomplete-item{padding:5px 10px}.character-autocomplete-item.selected{background:#f39c12}.character-autocomplete{z-index:1000;position:absolute}.script-info-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.script-info-modal{background:#fff;border-radius:8px;width:400px;padding:20px}.script-info-modal label{margin-bottom:12px;display:block}.script-info-modal input,.script-info-modal textarea{width:100%;margin-top:5px}.script-info-buttons{justify-content:flex-end;gap:10px;display:flex}.toolbar.toolbar-hidden{display:none}.toolbar-scroll{background:#fff0d9;border-radius:5px 5px 0 0;width:100%;min-width:0;overflow:auto hidden}.toolbar{box-sizing:border-box;color:#2b2b2b;background:#fff0d9;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;display:flex}.toolbar>button{white-space:nowrap;box-sizing:border-box;color:inherit;line-height:normal;font:inherit;border:1px solid #0000;border-radius:5px;flex:none;padding:10px}.vertical-divider{background:#2b2b2b4f;width:1px;height:24px;margin:0 6px;display:inline-block}.toolbar>button:hover{border-color:#2e4053}.toolbar button.active-node-type{color:#eab561;cursor:default;background-color:#2e4053;border-color:#2e4053;border-radius:5px;padding:10px}.toolbar button.active-node-type:disabled{opacity:1}.toolbar-dropdown{flex:none;position:relative}.toolbar-dropdown-trigger{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.font-select-label{flex:none;display:inline-block;position:relative}#fontSelect{appearance:none;color:#2b2b2b;min-width:150px;height:40px;font-family:Manrope,sans-serif;font-size:14px;font-weight:inherit;cursor:pointer;background:#fff0d9;border:1px solid #0000;border-radius:5px;padding:0 36px 0 12px}#fontSelect:hover{border-color:#2e4053}#fontSelect:focus{border-color:#2e4053;outline:none}#fontSelect option{color:#2b2b2b;background:#fff0d9;font-family:Manrope,sans-serif}.font-select-label:after{content:"▾";color:#2b2b2b;pointer-events:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.stats-bar{color:inherit;background:#fff0d9;align-items:center;padding:12px 18px;display:flex}.stats-bar>*{text-align:center;flex:1}.workspace{flex:1;grid-template-columns:1fr 280px;gap:24px;min-height:0;display:grid;overflow:hidden}#script-editor{min-width:0;min-height:0;font-family:var(--editor-font-family,"Courier New", Courier, monospace);background-color:#787878;padding:40px;overflow:hidden auto}.ProseMirror{background:0 0;outline:none;padding:0}#script-editor.typewriter-active{padding-bottom:55vh}#statusBar{overflow-y:auto}.panel-image{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:12px}.panel-image-preview{cursor:pointer;border-radius:4px;max-width:100%;max-height:240px;display:block}.panel-image-placeholder{color:#888;cursor:pointer;border:2px dashed #ccc;border-radius:4px;justify-content:center;align-items:center;height:100px;font-size:13px;display:flex}.panel-image-file-input{display:none}.panel-image-caption{border:none;border-bottom:1px solid #ddd;width:100%;margin-top:8px;padding:4px 0;font-family:inherit;font-size:13px;font-style:italic;display:block}.panel-image-remove{color:#a33;cursor:pointer;background:0 0;border:1px solid #a33;border-radius:3px;margin-top:8px;padding:2px 8px;font-size:12px}.script-element a{color:#2f80ed;cursor:pointer;text-decoration:underline}.project-header{box-sizing:border-box;text-align:center;height:96px;margin:20px 0 0;padding:16px 0}#projectTitle{font-family:var(--editor-font-family,"Manrope", sans-serif);color:#fff;grid-column:2;justify-self:center}.project-title-row{grid-template-columns:1fr auto 1fr;align-items:baseline;column-gap:12px;display:grid}.project-title-row .editTitleBtn{justify-self:end}.project-title-row .save-status{justify-self:start}.project-header h1{margin:0;font-size:2rem;font-weight:700}.project-header h2{font-size:1.15rem;font-weight:400;font-family:var(--editor-font-family,"Manrope", sans-serif);color:#fff;margin:.4rem 0 0}.save-status{opacity:.8;font-size:14px;font-weight:400;transition:opacity .2s}.save-status.saving{color:#e5e5e5}.save-status.saved{color:#03f703}.layout-screenplay .script-element.action{text-align:left}.layout-screenplay .script-element.character{text-align:center;justify-content:center;width:100%}.layout-screenplay .script-element.dialogue{width:58%;margin-left:auto;margin-right:auto}.layout-screenplay .script-element.parenthetical{text-align:center;width:320px;margin:0 auto;font-style:italic}.layout-screenplay .script-element.caption{text-align:left}.find-replace-panel{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:6px;padding:10px;display:flex;position:fixed;top:60px;right:20px;box-shadow:0 4px 12px #00000026}.find-replace-panel input{border:1px solid #ccc;border-radius:3px;padding:4px 6px}.find-replace-panel .find-count{color:#666;text-align:center;min-width:48px;font-size:12px}.search-match{background-color:#ffe60066}.search-match-active{background-color:#ffa500b3}.word-bank-panel{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:6px;flex-direction:column;gap:10px;width:260px;padding:12px;display:flex;position:fixed;top:60px;right:20px;box-shadow:0 4px 12px #00000026}.word-bank-header{justify-content:space-between;align-items:center;display:flex}.word-bank-rows{flex-direction:column;gap:6px;display:flex}.word-bank-row{align-items:center;gap:6px;display:flex}.word-bank-row .word-bank-word{border:1px solid #ccc;border-radius:3px;flex:1;padding:4px 6px}.word-bank-row .word-bank-color{border:1px solid #ccc;border-radius:3px;width:32px;height:28px;padding:0}.word-bank-actions{gap:6px;display:flex}.about-overlay{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.about-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.about-modal{color:#2b2b2b;background:#fff0d9;border-radius:6px;width:min(620px,100%);max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000040}.about-content{padding:40px}.about-close{color:#2b2b2b;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:28px;line-height:1;position:absolute;top:12px;right:16px}.about-content h2{letter-spacing:.04em;margin:0 0 8px;font-size:28px}.about-intro{margin:0 0 24px;font-size:18px;font-weight:700;line-height:1.4}.about-content p{line-height:1.6}.about-divider{background:#2b2b2b33;height:1px;margin:30px 0}.about-content h3{text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:18px}.about-comics-intro{margin:0 0 20px}.about-comics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.comic-card{color:inherit;text-decoration:none}.comic-cover{aspect-ratio:2/3;background:#ddd;border-radius:3px;margin-bottom:8px;overflow:hidden}.comic-cover img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.comic-card:hover .comic-cover img{transform:scale(1.03)}.comic-card span{font-size:14px;font-weight:700}.about-footer{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.about-credit{margin:8px 0 0;font-size:13px}@media (width<=600px){.about-content{padding:30px 24px}.about-comics{grid-template-columns:repeat(2,1fr)}}.ProseMirror{counter-reset:script-page}.script-page{counter-increment:script-page;position:relative}.script-page:after{content:counter(script-page);color:#555;pointer-events:none;font-family:inherit;font-size:12px;font-weight:700;position:absolute;top:.5in;right:.5in}.privacy-page{box-sizing:border-box;background-color:#182028;justify-content:center;width:100%;height:100vh;padding:48px 20px 96px;font-family:Manrope,sans-serif;display:flex;overflow-y:auto}.privacy-card{box-sizing:border-box;color:#2b2b2b;background:#fff0d9;border-radius:6px;width:min(680px,100%);height:fit-content;padding:40px;position:relative;box-shadow:0 12px 40px #00000040}.privacy-back{color:inherit;margin-bottom:24px;font-size:14px;display:inline-block}.privacy-back:hover{color:#f39c12}.privacy-card h1{letter-spacing:.04em;margin:0 0 8px;font-size:28px}.privacy-updated{color:#2b2b2b;opacity:.65;margin:0 0 24px;font-size:13px}.privacy-card h2{text-transform:uppercase;letter-spacing:.08em;margin:28px 0 6px;font-size:18px}.privacy-card p{margin:0 0 12px;line-height:1.6}.privacy-card code{background:#2b2b2b14;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,Courier New,monospace;font-size:.85em}.privacy-card a{color:#2f80ed;text-decoration:underline}.privacy-card a:hover{color:#f39c12}.privacy-divider{background:#2b2b2b33;height:1px;margin:28px 0}@media (width<=600px){.privacy-card{padding:28px 22px}}.left-column{height:auto}.left-ad,.right-ad{width:100%;min-height:250px}.left-ad ins.adsbygoogle,.right-ad ins.adsbygoogle{width:100%}.hamburger-btn{z-index:2000;cursor:pointer;background:#fff0d9;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #00000040}.hamburger-btn span{background:#2b2b2b;border-radius:1px;width:22px;height:2px;transition:transform .2s,opacity .2s}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.menu-overlay{z-index:1500;background:#00000080;display:none;position:fixed;inset:0}.menu-overlay.open{display:block}.short-label{display:none}@media (width<=768px){.hamburger-btn{display:flex}.app-shell{height:100vh;display:block}.left-column{z-index:1800;box-sizing:border-box;background:#182028;width:78vw;max-width:300px;height:100vh;margin-right:0;padding:0 12px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.left-column.menu-open{transform:translate(0)}.menubar{margin-top:60px}#logo{width:140px;margin:16px auto 12px}.right-column{width:100%;min-height:0}.editor-column{width:100%;height:100vh}.project-header{margin-top:0;padding-top:20px}#projectTitle{font-size:1.4rem}.project-header h2{font-size:1rem}.script-page{width:100%;min-height:auto;margin-bottom:24px;padding:20px 16px}.script-page:after{top:12px;right:12px}#script-editor{padding:16px}.toolbar-scroll{overflow:visible}.toolbar{flex-wrap:wrap;justify-content:center;gap:1px 4px}.toolbar button{padding:6px 8px;font-size:13px}#linkBtn svg{width:14px;height:14px}#pageBtn .full-label,#panelBtn .full-label,.stats-bar .full-label{display:none}#pageBtn .short-label,#panelBtn .short-label,.stats-bar .short-label{display:inline}.font-select-label{flex:none}#fontSelect{min-width:92px;height:36px;padding:0 22px 0 10px;font-size:13px}.font-select-label:after{font-size:12px;right:8px}.toolbar>.vertical-divider:nth-of-type(5){background:0 0;flex-basis:100%;width:0;height:0;margin:0}.vertical-divider{height:20px;margin:0 4px}.stats-bar{flex-wrap:nowrap;gap:0;padding:8px 6px}.stats-bar>*{white-space:nowrap;text-align:center;flex:1 1 0;min-width:0;font-size:11px}}.welcome-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.welcome-modal{background:#fff;border-radius:8px;width:420px;padding:30px;font-family:Courier New,monospace}.welcome-modal h2{margin-top:0}.shortcut-list{margin:20px 0}.shortcut-list div{justify-content:space-between;margin-bottom:12px;display:flex}kbd{background:#eee;border:1px solid #ccc;border-radius:4px;padding:4px 8px}.welcome-start{cursor:pointer;width:100%;padding:10px}