html,body{color:#fff;background-color:#111;margin:0;padding:0;font-family:Verdana}.top-bar{color:#fff;box-sizing:border-box;background-color:#333;justify-content:space-between;align-items:center;height:48px;margin:0;padding:0 12px;display:flex}.top-bar h1{margin:0;padding:0;font-size:18px;line-height:48px}.top-bar .actions{align-items:center;gap:8px;display:flex}.top-bar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:14px}.top-bar button:hover{background:#ffffff1f}.icon-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.text{padding:0 12px}.btn{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;padding:6px 10px;font-size:14px}a{color:#9cf;text-decoration:none}a:hover{background-color:#555}.forummessage{border-radius:5px;width:96%;margin:12px}.forummessagetyping{width:96%;height:200px;margin:12px}.sendbtn{border-radius:25%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:60px;right:12px}.forum-messages{background-color:#444;border-radius:5px;margin:12px;padding:12px;overflow-y:auto}.forum-message{background-color:#555;border-radius:5px;margin:5px;padding:12px}.reply-forum-message{background-color:#994;border-radius:5px;margin:5px;padding:12px}.forumentertext{width:96%;margin:12px}.lbtn{box-shadow:none;background-color:#666;border-radius:5px;outline:none;position:absolute;top:8px;right:8px}.replybtn{box-shadow:none;background-color:#666;border-radius:5px;outline:none;position:absolute;bottom:8px;right:8px}.labtn{box-shadow:none;background-color:#555;outline:none;position:absolute;top:10px;right:45px}.dlbtn{box-shadow:none;background-color:#666;border-radius:5px;outline:none;position:absolute;top:8px;right:96px}.dlabtn{box-shadow:none;background-color:#555;outline:none;position:absolute;top:10px;right:133px}.replytext{margin:12px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-content{color:#fff;background:#222;border-radius:10px;flex-direction:column;gap:10px;width:300px;padding:20px;display:flex}.modal-content input{color:#fff;background:#333;border:none;border-radius:6px;outline:none;padding:10px}.modal-actions{justify-content:space-between;display:flex}#openSignup{margin:12px}#storybuilder{flex:1;grid-template-columns:1.2fr 1fr .8fr;gap:20px;padding:20px;display:grid}.left-panel{background:#181818;border:1px solid #333;border-radius:10px;padding:20px}.story-box{background:#101010;border:1px solid #333;border-radius:8px;height:300px;margin-bottom:20px;padding:15px;overflow-y:auto}.prev-chapters{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chapter-slot{background:#222;border:1px solid #444;border-radius:6px;height:60px}.center-panel{text-align:center;background:#181818;border:1px solid #333;border-radius:10px;padding:20px}.item-slot{background:#222;border:2px dashed #555;border-radius:8px;min-height:60px;margin-bottom:20px;padding:20px}#generateBtn{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:8px;margin-bottom:20px;padding:12px 20px;font-size:18px}#generateBtn:hover{background:#f33}.prompt-box{background:#101010;border:1px solid #333;border-radius:8px;height:200px;padding:15px;overflow-y:auto}.right-panel{background:#181818;border:1px solid #333;border-radius:10px;padding:20px}.item-list{flex-direction:column;gap:10px;display:flex}.item{cursor:grab;background:#222;border:1px solid #444;border-radius:6px;padding:10px}.item:hover{background:#333}