:root{--bg-color: #12100e;--bg-gradient: linear-gradient(180deg, #161412 0%, #12100e 100%);--text-primary: #e8d4a2;--text-secondary: #887a60;--accent: #d4b483;--divider: #2a2620;--font-family: Georgia, "Times New Roman", Times, serif}body{margin:0;padding:0;background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}input,textarea{background:none;border:none;color:inherit;font:inherit;outline:none;resize:none}.text-btn{color:var(--text-secondary);font-size:.85rem}.text-btn:hover{color:var(--text-primary)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.left-panel{width:320px;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--divider);padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.logo{font-weight:500;letter-spacing:.02em}.sections{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:16px}.sidebar-section{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:40px}.sidebar-section.collapsed{flex:0 0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h2{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.section-content{flex:1;overflow-y:auto;padding-right:8px}.section-content::-webkit-scrollbar{width:4px}.section-content::-webkit-scrollbar-thumb{background-color:var(--divider);border-radius:4px}.section-content::-webkit-scrollbar-track{background:transparent}.divider{border:none;border-top:1px solid var(--divider);margin:0;width:100%}.panel-footer{margin-top:24px;padding-top:24px}.main-content{flex:1;display:flex;flex-direction:column;padding:48px;position:relative}.restore-container{position:absolute;top:24px;left:24px}.editor-area{flex:1;display:flex;flex-direction:column;max-width:800px;width:100%;margin:0 auto}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid transparent}.editor-title{color:var(--accent);font-size:1rem}.main-textarea{flex:1;font-size:1.1rem;line-height:1.8;color:var(--text-primary);caret-color:var(--accent);padding:24px 0}.main-textarea::placeholder{color:var(--text-secondary)}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);font-size:1.2rem}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:100}.game-container{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.game-canvas{background:var(--bg-gradient);border:1px solid var(--divider);border-radius:4px}.list-items{display:flex;flex-direction:column;gap:12px;padding:4px 0}.list-item{color:var(--text-primary);cursor:pointer;padding:6px 8px;border-left:2px solid transparent}.list-item:hover{background:#ffffff05}.list-item.active{background:#ffffff0a;border-left:2px solid var(--accent)}.create-inline input{font-size:.95rem;color:var(--text-primary);width:100%;padding:4px 0;border-bottom:1px solid var(--accent)}