.home{background:var(--bg);flex-direction:column;height:100vh;display:flex}.home-header{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.home-logo{align-items:baseline;gap:10px;display:flex}.logo-text{color:var(--accent);letter-spacing:-.5px;font-size:20px;font-weight:500}.logo-badge{color:var(--text3);background:var(--bg4);border:1px solid var(--border);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:500}.home-actions{align-items:center;gap:10px;display:flex}.btn-ghost{color:var(--text2);border-radius:var(--radius);border:1px solid var(--border);background:0 0;padding:7px 14px;font-size:13px;transition:all .15s}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.btn-accent{background:var(--accent);color:#1a1410;border-radius:var(--radius);border:none;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.btn-accent:hover{background:var(--accent2)}.btn-accent:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius);border:none;padding:7px 16px;font-size:13px;font-weight:500}.import-error{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);background:#c0614a1f;margin:12px 32px 0;padding:10px 14px;font-size:13px}.home-body{flex:1;padding:32px;overflow-y:auto}.new-project-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);max-width:480px;margin-bottom:28px;padding:24px}.new-project-card h3{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:500}.input-field{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:14px;padding:9px 12px;font-size:14px}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text3)}.format-pick{color:var(--text2);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.format-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:20px;padding:4px 12px;font-size:12px;transition:all .15s}.format-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.new-project-btns{justify-content:flex-end;gap:8px;display:flex}.empty-state{height:340px;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.empty-icon{color:var(--accent);margin-bottom:8px;font-size:32px}.empty-sub{margin-bottom:16px;font-size:13px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:6px;padding:18px 20px;transition:all .15s;display:flex}.project-card:hover{border-color:var(--border2);background:var(--bg3)}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.project-format-tag{color:var(--accent);background:var(--accent-dim);border:1px solid #c8a96e40;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:500}.project-menu{gap:4px;display:flex}.icon-btn{color:var(--text3);background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 7px;font-size:12px;transition:all .1s}.icon-btn:hover{background:var(--bg4);border-color:var(--border);color:var(--text2)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#c0614a26}.project-title{color:var(--text);font-size:15px;font-weight:500;line-height:1.3}.project-meta{color:var(--text3);gap:6px;font-size:12px;display:flex}.project-date{color:var(--text3);margin-top:4px;font-size:11px}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);width:90%;max-width:360px;padding:28px}.modal h3{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:500}.modal p{color:var(--text2);margin-bottom:20px;font-size:13px;line-height:1.6}.modal-btns{justify-content:flex-end;gap:8px;display:flex}.editor{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-topbar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.back-btn{color:var(--text2);border-radius:var(--radius);border:1px solid var(--border);background:0 0;flex-shrink:0;padding:4px 10px;font-size:18px;line-height:1;transition:all .15s}.back-btn:hover{background:var(--bg3);color:var(--text)}.editor-title{color:var(--text);cursor:text;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius);max-width:280px;padding:4px 6px;font-size:15px;font-weight:500;transition:background .1s;overflow:hidden}.editor-title:hover{background:var(--bg3)}.title-input{background:var(--bg3);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);max-width:280px;padding:4px 8px;font-size:15px;font-weight:500}.format-badge{color:var(--accent);background:var(--accent-dim);letter-spacing:.5px;border:1px solid #c8a96e40;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.stat{color:var(--text3);padding:0 4px;font-size:12px}.btn-ghost-sm{color:var(--text2);border-radius:var(--radius);border:1px solid var(--border);background:0 0;padding:5px 12px;font-size:12px;transition:all .15s}.btn-ghost-sm:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.btn-accent-sm{background:var(--accent);color:#1a1410;border-radius:var(--radius);border:none;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.btn-accent-sm:hover{background:var(--accent2)}.editor-body{flex:1;display:flex;overflow:hidden}.scene-sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;display:flex}.sidebar-header{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;padding:14px 14px 8px;font-size:10px;font-weight:500}.scene-list{flex:1;overflow-y:auto}.scene-item{cursor:pointer;border-left:2px solid #0000;padding:10px 14px;transition:all .1s}.scene-item:hover{background:var(--bg3)}.scene-item.active{background:var(--bg3);border-left-color:var(--accent)}.scene-item-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.scene-num{color:var(--text3);font-size:10px;font-family:var(--font-script)}.scene-item-actions{opacity:0;gap:2px;transition:opacity .1s;display:flex}.scene-item:hover .scene-item-actions{opacity:1}.tiny-btn{color:var(--text3);background:0 0;border:1px solid #0000;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1;transition:all .1s}.tiny-btn:hover{background:var(--bg4);border-color:var(--border);color:var(--text2)}.tiny-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#c0614a26}.scene-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-family:var(--font-script);overflow:hidden}.scene-has-note{margin-top:3px;font-size:10px}.sidebar-footer{border-top:1px solid var(--border);padding:12px 14px}.add-scene-btn{width:100%;color:var(--text2);border-radius:var(--radius);border:1px solid var(--border);background:0 0;padding:6px 10px;font-size:12px;transition:all .15s}.add-scene-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.writing-area{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.format-bar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.fmt-btn{background:var(--bg3);color:var(--text2);border-radius:var(--radius);border:1px solid var(--border);white-space:nowrap;padding:5px 12px;font-size:11px;font-weight:500;transition:all .12s}.fmt-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.fmt-btn.active{background:var(--accent);color:#1a1410;border-color:var(--accent);font-weight:600}.page-scroll{background:var(--bg);flex-direction:column;flex:1;align-items:center;gap:0;padding:24px 24px 80px;display:flex;overflow-y:auto}.page{background:var(--page-bg);width:100%;max-width:600px;min-height:640px;box-shadow:var(--shadow);border-radius:10px;padding:64px;overflow:visible}.page[data-format=us]{max-width:580px;padding:56px 72px}.script-el{margin-bottom:6px;display:block;position:relative;overflow:visible}.el-type-label{width:fit-content;color:var(--accent);background:var(--accent-dim);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:9px;font-weight:600;font-family:var(--font-ui);border:1px solid #c8a96e40;border-radius:3px;margin-bottom:2px;margin-left:0;padding:1px 6px;display:block}.el-textarea{width:100%;color:var(--page-text);resize:none;background:0 0;border:none;border-radius:3px;min-height:24px;padding:2px 4px;font-family:DM Mono,monospace;font-size:13px;line-height:1.7;transition:background .1s;display:block;overflow:hidden}.el-textarea:focus{background:#c8a96e0f;outline:none}.el-textarea::placeholder{color:#b0a898}.el-scene_heading .el-textarea{text-transform:uppercase;border-bottom:1px solid #ddd8ce;border-radius:0;margin-top:20px;margin-bottom:4px;padding-bottom:6px;font-weight:500}.el-action .el-textarea{margin:4px 0}.el-character .el-textarea{text-transform:uppercase;width:40%;margin-top:14px;margin-left:30%;font-weight:500}.el-parenthetical .el-textarea{width:50%;color:var(--page-text2);margin-left:22%;font-style:italic}.el-dialogue .el-textarea{width:70%;margin-bottom:4px;margin-left:15%}.el-transition .el-textarea{text-align:right;text-transform:uppercase;color:var(--page-text2);margin-top:12px;margin-bottom:12px;font-weight:500}.el-note .el-textarea{color:#7a6830;background:#fffbea;border:1px dashed #d4b96a;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:12px;font-style:italic}.el-note .el-textarea:focus{background:#fffadf}.note-panel{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.note-panel-header{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:500;display:flex}.note-textarea{color:var(--text);font-family:var(--font-ui);resize:none;background:0 0;border:none;flex:1;padding:14px;font-size:13px;line-height:1.6}.note-textarea:focus{outline:none}.note-textarea::placeholder{color:var(--text3)}.statusbar{background:var(--bg2);border-top:1px solid var(--border);color:var(--text3);flex-shrink:0;align-items:center;gap:8px;padding:5px 20px;font-size:11px;display:flex}.author-badge{color:var(--text3);cursor:pointer;border-radius:var(--radius);border:1px dashed var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:3px 8px;font-size:12px;transition:all .15s;overflow:hidden}.author-badge:hover{color:var(--text2);border-color:var(--border2);background:var(--bg3)}.author-input{background:var(--bg3);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);max-width:200px;padding:3px 8px;font-size:12px}.project-author{color:var(--text3);margin-top:-2px;font-size:11px}.page-wrapper{width:100%;max-width:600px;margin-bottom:32px}.page-number-label{text-align:right;color:var(--text3);font-size:10px;font-family:var(--font-script);letter-spacing:.5px;padding:0 4px 6px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg2:#1a1a1a;--bg3:#242424;--bg4:#2e2e2e;--border:#333;--border2:#444;--text:#e8e4dc;--text2:#9a9690;--text3:#5a5754;--accent:#c8a96e;--accent2:#e8c98e;--accent-dim:#c8a96e1f;--danger:#c0614a;--success:#6a9e6a;--page-bg:#faf8f4;--page-text:#1a1814;--page-text2:#5a5550;--radius:6px;--radius-lg:10px;--font-ui:"DM Sans", sans-serif;--font-script:"DM Mono", monospace;--shadow:0 4px 24px #0006}html,body,#root{height:100%;font-family:var(--font-ui);background:var(--bg);color:var(--text)}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-ui);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}