html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{min-height:100vh}:root{color:#4a3e35;font-synthesis:none;text-rendering:optimizelegibility;background:#efe9df;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#efe9df;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}input,textarea,select{color:#3d332c;background:#fffdf8;border:1px solid #cfc5b9;border-radius:8px;width:100%;padding:10px 12px}textarea{resize:vertical}.page,.workspace{background:#fffdf9;width:min(1440px,100%);min-height:100vh;margin:0 auto}.page{padding:32px}.card{background:#fffdf9;border:1px solid #ded5ca;border-radius:14px;margin-bottom:24px;padding:24px}.loginPage{justify-content:center;align-items:flex-start;padding-top:72px;display:flex}.loginCard{text-align:center;width:min(560px,100%)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8a7463;margin:0 0 5px;font-size:13px}.message,.workspaceMessage{color:#755f4e}.topBar,.workspaceHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.workspaceHeader{text-align:left;border-bottom:1px solid #e0d8ce;padding:24px 32px 18px}.workspaceHeader h1{margin:10px 0 5px}.workspaceNav{background:#f6f1e9;border-bottom:1px solid #e4dbd0;flex-wrap:wrap;gap:6px;padding:12px 32px;display:flex}.workspaceNav button{color:#57483d;background:0 0;border:0;border-radius:8px;padding:9px 13px}.workspaceNav button.active{color:#fff;background:#3f574c}.secondary,.textButton,.tiny{width:auto}.secondary{color:#59493e;background:#f2ece4;border:1px solid #cfc3b6;border-radius:7px;padding:8px 12px}.textButton{color:#715d4d;background:0 0;border:0;padding:4px 0}.tiny{padding:5px 8px;font-size:13px}.projectList{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.projectCard{background:#fffaf3;border:1px solid #ded5ca;border-radius:12px;padding:18px}.projectType{color:#8b7564;font-size:13px}.projectTitleRow,.projectTitleEdit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.projectTitleInput{width:min(520px,100%)}.manuscriptWorkspace{grid-template-columns:250px minmax(0,1fr) 280px;align-items:start;gap:16px;padding:18px 20px 28px;display:grid}.manuscriptStructure,.manuscriptContext,.manuscriptMain{min-width:0}.manuscriptStructure,.manuscriptContext{background:#f8f4ee;border:1px solid #ded5ca;border-radius:12px;padding:14px}.manuscriptMain{background:#fff;border:1px solid #ded5ca;border-radius:12px;overflow:hidden}.sidebarHeader,.contextCardHeader,.manuscriptToolbar,.editorFooter,.characterHeader,.characterActions{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebarHeader h2,.contextCard h3{margin:0}.structureList{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sceneListItem{text-align:left;color:#4c4036;background:#fffdf9;border:1px solid #d8cec2;border-radius:9px;flex-direction:column;align-items:flex-start;width:100%;padding:10px;display:flex}.sceneListItem small{color:#907967;margin-bottom:4px}.sceneListItem span{color:#7b695a;margin-top:5px;font-size:13px;line-height:1.35;display:block}.sceneListItem.selected{background:#eef3ef;border-color:#657e70;box-shadow:inset 3px 0 #4f6b5b}.structureHint{background:#efe9df;border-radius:9px;margin-top:18px;padding:12px;font-size:13px}.structureHint p{margin-bottom:0;line-height:1.4}.manuscriptToolbar{background:#faf7f2;border-bottom:1px solid #e5ddd3;padding:14px 16px}.manuscriptToolbar p{margin:0}.manuscriptToolButtons{flex-wrap:wrap;gap:8px;display:flex}.documentPane{padding:18px}.sceneTitle{margin-bottom:10px;font-size:25px;font-weight:700}.sceneSynopsis{background:#faf7f2;min-height:78px;margin-bottom:12px}.manuscriptEditor{background:#fff;width:100%;min-height:360px;padding:22px;font-size:17px;line-height:1.7}.manuscriptEditorLarge{min-height:560px}.editorFooter{margin-top:12px}.emptyDesk{text-align:center;padding:50px 24px}.contextCard{border-bottom:1px solid #ded5ca;margin-bottom:14px;padding-bottom:14px}.contextCard:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.contextCardHeader{margin-bottom:8px}.contextItem{text-align:left;color:#4a3e35;background:#fffdf9;border:1px solid #ddd3c7;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:6px;padding:8px;display:flex}.contextItem span{color:#806d5e;margin-top:3px;font-size:12px}.corkboard,.characterWorkspace{padding:24px 32px 32px}.corkboardHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.corkboardGrid{background-color:#b9824f;background-image:radial-gradient(#ffffff1f 1px,#0000 1px),radial-gradient(#00000014 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:8px 8px,11px 11px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px;padding:24px;display:grid}.indexCard{cursor:grab;-webkit-user-select:none;user-select:none;background:#fffdf4;border:1px solid #d6c8b5;border-radius:4px;min-height:180px;padding:22px 18px 16px;position:relative;box-shadow:0 5px 12px #50341e2e}.indexCard:active{cursor:grabbing}.indexCard.dragging{opacity:.6;z-index:20;transform:scale(1.03)}.pin{background:#6f5140;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cardControls{align-items:center;gap:8px;margin-top:12px;display:flex}.dragHint{color:#8b7562;flex:1;font-size:12px;font-style:italic}.characterHeader{margin-bottom:16px}.characterLayout{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.characterList{flex-direction:column;gap:8px;display:flex}.characterListCard{text-align:left;background:#fffdf9;border:1px solid #d8cec2;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.characterListCard.selected{background:#eef3ef;border-color:#657e70}.characterThumb,.characterPortraitPlaceholder{object-fit:cover;border-radius:8px;flex:none;width:46px;height:46px}.characterInitial,.characterPortraitPlaceholder{color:#655447;background:#e8dfd2;place-items:center;font-weight:700;display:grid}.characterListCard span{flex-direction:column;min-width:0;display:flex}.characterListCard small{color:#806d5e}.characterEditor{background:#fffdf9;border:1px solid #ded5ca;border-radius:12px;padding:18px}.characterEditor label,.timelineLinkBlock label{margin-bottom:12px;display:block}.characterEditorTop{grid-template-columns:110px minmax(0,1fr);gap:16px;margin-bottom:14px;display:grid}.characterPortrait img,.characterPortraitPlaceholder{object-fit:cover;border-radius:10px;width:110px;height:135px}.characterBasics{gap:8px;display:grid}.characterActions{justify-content:flex-start;margin:12px 0 18px}.customInfoSection{border-top:1px solid #e0d7cd;margin-top:20px;padding-top:18px}.customFieldList{gap:8px;display:grid}.customFieldRow,.addCustomField{grid-template-columns:180px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.addCustomField{grid-template-columns:180px minmax(0,1fr) auto;margin-top:10px}.drawerAddButtons{flex-wrap:wrap;gap:6px;display:flex}.timelineLinkBlock{margin-top:14px}.timelineChecks{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.timelineCheck{background:#fffaf4;border:1px solid #d9cfc3;border-radius:8px;align-items:center;gap:5px;width:auto;padding:6px 8px;margin:0!important;display:inline-flex!important}.timelineCheck input{width:auto}.quiet{color:#806f61}.authTabs{background:#eee6db;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0 18px;padding:5px;display:grid}.authTab{color:#655548;background:0 0}.authTab.active{color:#372d26;background:#fffdf8;box-shadow:0 2px 7px #32231914}.passwordWrap{position:relative}.passwordWrap input{padding-right:52px}.passwordEye{color:#655548;background:0 0;width:38px;height:38px;padding:0;font-size:22px;position:absolute;top:6px;right:8px}.passwordEye:hover:not(:disabled){opacity:1;background:#f1ebe2}.authMainButton{width:100%}.forgotButton{color:#755f4e;background:0 0;margin:13px auto 0;padding:4px 8px;text-decoration:underline;display:block}.forgotButton:hover:not(:disabled){background:0 0}@media (width<=1050px){.manuscriptWorkspace{grid-template-columns:220px minmax(0,1fr)}.manuscriptContext{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contextCard{border-bottom:0;margin:0;padding:0}}@media (width<=760px){.page,.workspaceHeader,.workspaceNav,.corkboard,.characterWorkspace{padding-left:14px;padding-right:14px}.workspaceHeader,.topBar,.corkboardHeader,.characterHeader,.manuscriptToolbar{flex-direction:column}.manuscriptWorkspace,.characterLayout,.characterEditorTop,.manuscriptContext{grid-template-columns:1fr}.manuscriptEditorLarge{min-height:430px}.customFieldRow,.addCustomField{grid-template-columns:1fr}}.dangerZone{background:#fff7f5;border:1px solid #c98f86;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:26px 20px 32px;padding:18px;display:flex}.dangerZone h3{color:#8b3f35;margin:0 0 5px}.dangerZone p{color:#76554f;margin:0}.dangerButton{color:#fff;background:#a54c40;border:1px solid #a54c40;border-radius:8px;flex:none;width:auto;padding:9px 13px}.dangerButton:hover{background:#8f3e34}@media (width<=760px){.dangerZone{flex-direction:column;align-items:flex-start;margin-left:14px;margin-right:14px}}.chapterActionsTop{margin:12px 0}.chapterActionsTop button{width:100%}.chapterBlock{background:#fffaf4;border:1px solid #d8cec2;border-radius:9px;margin-top:12px;overflow:hidden}.chapterHeaderRow{background:#eee7dd;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.chapterToggle{text-align:left;color:#4b4037;background:0 0;border:0;flex:1;padding:3px 0;font-weight:700}.chapterMiniActions{gap:7px;display:flex}.chapterMiniActions .textButton{font-size:11px}.chapterBlock .structureList{margin:0;padding:8px}.chapterEmpty{margin:5px;font-size:12px}.unassignedBlock .chapterHeaderRow{color:#7b695a;background:#f3eee7}.sceneChapterPicker{color:#6f5b4c;margin-bottom:12px;font-size:13px;display:block}.sceneChapterPicker select{margin-top:5px}.sceneSaveControls{align-items:center;gap:10px;display:flex}.sceneSaveStatus{color:#7b695a;white-space:nowrap;font-size:12px}.chapterDropZone{border-radius:10px;transition:background .12s,outline .12s}.chapterDropZone.dropTarget{outline-offset:3px;background:#5c7a6814;outline:2px dashed #6c8878}.manuscriptDragScene{cursor:grab;padding-left:30px;position:relative}.manuscriptDragScene:active{cursor:grabbing}.manuscriptDragScene.dragging{opacity:.5}.sceneDragHandle{color:#9a8573;letter-spacing:-3px;pointer-events:none;font-size:15px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.chapterEmpty{border:1px dashed #c9bcae;border-radius:7px;align-items:center;min-height:42px;padding:8px;display:flex}.screenplayEditor{margin-top:14px}.screenplayEditorHint{color:#75695f;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:.86rem;display:flex}.screenplayEditorHint span{text-align:right}.screenplayPage{background:#fffdf9;border:1px solid #ded4c8;border-radius:8px;min-height:620px;padding:56px 62px 72px 88px;font-family:Courier New,Courier,monospace;box-shadow:0 10px 28px #4b3b2c14}.screenplayBlockRow{grid-template-columns:124px minmax(0,1fr);align-items:start;gap:12px;margin:4px 0;display:grid}.screenplayTypeSelect{color:#665b52;width:124px;font:inherit;background:#f7f2eb;border:1px solid #d8cec2;border-radius:6px;padding:6px 7px;font-family:Georgia,Times New Roman,serif;font-size:.72rem}.screenplayLine{resize:none;color:#211f1d;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;min-height:30px;padding:4px 6px;font-family:Courier New,Courier,monospace;font-size:12pt;line-height:1.35;display:block;overflow:hidden}.screenplayLine:focus{background:#ffffffb8;border-color:#d4c8ba;outline:none}.screenplay-scene_heading{margin-top:18px}.screenplay-scene_heading .screenplayLine,.screenplay-character .screenplayLine,.screenplay-transition .screenplayLine{text-transform:uppercase}.screenplay-character .screenplayLine{width:58%;margin-left:24%}.screenplay-dialogue .screenplayLine{width:72%;margin-left:14%}.screenplay-parenthetical .screenplayLine{width:58%;margin-left:22%}.screenplay-transition .screenplayLine{text-align:right;width:52%;margin-left:auto}@media (width<=900px){.screenplayPage{padding:34px 22px 48px}.screenplayBlockRow{grid-template-columns:1fr;gap:3px}.screenplayTypeSelect{width:150px}.screenplay-character .screenplayLine,.screenplay-dialogue .screenplayLine,.screenplay-parenthetical .screenplayLine,.screenplay-transition .screenplayLine{width:100%;margin-left:0}.screenplayEditorHint{display:block}.screenplayEditorHint span{text-align:left;margin-top:4px;display:block}}.stagePlayEditor{margin-top:14px}.stagePlayEditorHint{color:#75695f;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:.86rem;display:flex}.stagePlayEditorHint span{text-align:right}.stagePlayPage{background:#fffdf9;border:1px solid #ded4c8;border-radius:8px;min-height:620px;padding:56px 62px 72px;font-family:Georgia,Times New Roman,serif;box-shadow:0 10px 28px #4b3b2c14}.stagePlayBlockRow{grid-template-columns:124px minmax(0,1fr);align-items:start;gap:12px;margin:4px 0;display:grid}.stagePlayTypeSelect{color:#665b52;width:124px;font:inherit;background:#f7f2eb;border:1px solid #d8cec2;border-radius:6px;padding:6px 7px;font-size:.72rem}.stagePlayLine{resize:none;color:#211f1d;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;min-height:30px;padding:4px 6px;font-family:Georgia,Times New Roman,serif;font-size:12pt;line-height:1.45;display:block;overflow:hidden}.stagePlayLine:focus{background:#ffffffb8;border-color:#d4c8ba;outline:none}.stageplay-act,.stageplay-scene{margin-top:18px}.stageplay-act .stagePlayLine,.stageplay-scene .stagePlayLine{text-align:center;text-transform:uppercase;font-weight:700}.stageplay-character .stagePlayLine{text-transform:uppercase;width:62%;margin-left:8%;font-weight:700}.stageplay-dialogue .stagePlayLine{width:78%;margin-left:8%}.stageplay-stage_direction .stagePlayLine{width:84%;margin-left:4%;font-style:italic}@media (width<=900px){.stagePlayPage{padding:34px 22px 48px}.stagePlayBlockRow{grid-template-columns:1fr;gap:3px}.stagePlayTypeSelect{width:150px}.stageplay-character .stagePlayLine,.stageplay-dialogue .stagePlayLine,.stageplay-stage_direction .stagePlayLine{width:100%;margin-left:0}.stagePlayEditorHint{display:block}.stagePlayEditorHint span{text-align:left;margin-top:4px;display:block}}