:root{--color-primary: #1b2b3a;--color-secondary: #4b0082;--color-accent: #d4af37;--color-bg: #121212;--color-text: #e0e0e0;--font-body: "Inter", sans-serif;--font-heading: "Playfair Display", serif}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading)}.sidebar{background-color:var(--color-primary);width:250px;height:100vh;position:fixed;left:0;top:0}.main-content{margin-left:250px;padding:2rem}.app-container.focus-mode .main-content{margin-left:0}.hero-container{display:flex;justify-content:center;margin-bottom:2rem}.hero-image{max-width:600px;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000080}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:rgba(255,255,255,.03);border-radius:12px;margin-top:2rem}.empty-state-image{max-width:400px;width:100%;height:auto;margin-bottom:1.5rem;opacity:.8}.logo-container-landing{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem}.logo-image-landing{height:240px;width:auto}.sidebar-logo-link{display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:opacity .2s ease;text-decoration:none;color:inherit}.sidebar-logo-link:hover{opacity:.8}.sidebar-logo{height:96px;width:auto}.story-editor{display:flex;height:calc(100vh - 4rem);background-color:var(--color-bg);color:var(--color-text)}.editor-sidebar{width:250px;border-right:1px solid var(--color-secondary);padding:1rem;overflow-y:auto}.scene-list{list-style:none;padding:0}.scene-list li{padding:.75rem;cursor:pointer;border-radius:4px;margin-bottom:.5rem;transition:background .2s}.scene-list li:hover{background:rgba(255,255,255,.05)}.scene-list li.active{background:var(--color-secondary);color:#fff}.editor-main{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.scene-editor-container{display:flex;flex-direction:column;flex:1;gap:1.5rem;overflow:hidden}.editor-tabs{display:flex;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.tab-link{background:none;border:none;color:#ffffff80;padding:.5rem 1.5rem;cursor:pointer;font-family:var(--font-heading);font-size:1.1rem;transition:all .2s;border-bottom:2px solid transparent}.tab-link:hover{color:var(--color-accent)}.tab-link.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.tab-content{flex:1;overflow-y:auto;padding-right:.5rem}.content-area{flex:1;display:flex;flex-direction:column}.scene-content-editor{flex:1;background:#1a1a1a;color:#e0e0e0;border:1px solid #333;padding:2rem;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.6;resize:none;border-radius:8px}.briefing-area,.structure-area{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.context-info{display:flex;gap:1rem}.info-card{background:rgba(27,43,58,.4);padding:1rem;border-radius:8px;border-left:3px solid var(--color-accent);flex:1}.character-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.generate-button{background-color:var(--color-accent);color:var(--color-primary);font-weight:700;padding:1rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s,background-color .2s;font-family:var(--font-heading)}.generate-button:hover:not(:disabled){transform:translateY(-2px);background-color:#f1c40f}.generate-button:disabled{opacity:.5;cursor:not-allowed}.structure-timeline{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:2rem}.structure-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:rgba(212,175,55,.2)}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.planning-field{margin-bottom:1.5rem}.planning-field label{display:block;color:var(--color-accent);font-weight:700;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.planning-field textarea{width:100%;background:#121212;border:1px solid #4b0082;color:#e0e0e0;padding:.75rem;border-radius:4px;min-height:80px;resize:vertical}.character-tagging label{display:block;color:var(--color-accent);font-weight:700;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.character-tags{display:flex;flex-wrap:wrap;gap:.5rem}.character-tag{background:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;border:1px solid var(--color-accent);position:relative}.tooltip-container{cursor:help}.tooltip{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:#fff;text-align:left;padding:.75rem;border-radius:8px;border:1px solid var(--color-accent);z-index:100;width:200px;font-size:.8rem;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 5px 15px #00000080}.tooltip-container:hover .tooltip{visibility:visible;opacity:1}.plotting-board{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.plot-line-lane{background:#1b2b3a;border-left:5px solid var(--color-accent);border-radius:8px;padding:1.25rem;min-height:100px}.plot-line-header{display:flex;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.plot-line-name{font-weight:700;font-size:1.1rem;color:var(--color-accent)}.plot-line-type{font-size:.8rem;background:var(--color-secondary);padding:2px 8px;border-radius:4px;text-transform:uppercase}.narrative-timeline{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.timeline-event{display:flex;gap:1.5rem;background:#1b2b3a;padding:1rem;border-radius:8px;border:1px solid #4b0082;position:relative}.timeline-event.flashback{border-color:#d4af37;background:#2c2415}.event-order{font-weight:700;color:var(--color-accent);min-width:40px}.flashback-badge{font-size:.7rem;color:#d4af37;border:1px solid #d4af37;padding:1px 5px;border-radius:4px;margin-left:.5rem;vertical-align:middle}