.story-timeline-layout[data-v-9d3f5e01]{display:flex;flex-direction:column;min-height:100vh}.timeline-container[data-v-9d3f5e01]{background:#fff;border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) var(--spacing-md);position:sticky;top:0;z-index:100}.timeline-header[data-v-9d3f5e01]{margin:0 auto;max-width:1200px}.timeline-steps[data-v-9d3f5e01]{gap:var(--spacing-sm);justify-content:center}.timeline-step[data-v-9d3f5e01],.timeline-steps[data-v-9d3f5e01]{align-items:center;display:flex;position:relative}.timeline-step[data-v-9d3f5e01]{border-radius:var(--border-radius-md);cursor:pointer;flex-direction:column;padding:var(--spacing-sm);transition:all .3s ease}.timeline-step[data-v-9d3f5e01]:hover{background:var(--background-hover)}.timeline-step.future[data-v-9d3f5e01]{cursor:not-allowed;opacity:.6}.timeline-circle[data-v-9d3f5e01]{align-items:center;border-radius:50%;display:flex;font-size:var(--text-sm);font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:2}.timeline-step.active .timeline-circle[data-v-9d3f5e01]{background:var(--primary);border:3px solid var(--primary-light);color:#fff}.timeline-step.completed .timeline-circle[data-v-9d3f5e01]{background:var(--success);color:#fff}.timeline-step.future .timeline-circle[data-v-9d3f5e01]{background:var(--background-secondary);border:2px solid var(--border-light);color:var(--text-secondary)}.timeline-line[data-v-9d3f5e01]{height:3px;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:1}.timeline-line-left[data-v-9d3f5e01]{right:calc(50% + 20px)}.timeline-line-right[data-v-9d3f5e01]{left:calc(50% + 20px)}.timeline-line.completed[data-v-9d3f5e01]{background:var(--success)}.timeline-line.active[data-v-9d3f5e01]{background:var(--primary)}.timeline-line.future[data-v-9d3f5e01]{background:var(--border-light)}.timeline-label[data-v-9d3f5e01]{margin-top:var(--spacing-sm);min-width:100px;text-align:center}.step-title[data-v-9d3f5e01]{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.2}.step-subtitle[data-v-9d3f5e01]{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.2;margin-top:2px}.timeline-step.active .step-title[data-v-9d3f5e01]{color:var(--primary)}.timeline-step.completed .step-title[data-v-9d3f5e01]{color:var(--success)}.page-content[data-v-9d3f5e01]{flex:1;margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.auto-save-indicator[data-v-9d3f5e01]{align-items:center;background:#fff;border-radius:var(--border-radius-lg);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:var(--spacing-lg);z-index:200}.auto-save-indicator .mdi-check-circle[data-v-9d3f5e01]{color:var(--success)}.auto-save-indicator .mdi-loading[data-v-9d3f5e01]{color:var(--primary)}@media (max-width:768px){.timeline-container[data-v-9d3f5e01]{padding:var(--spacing-md) var(--spacing-sm)}.timeline-steps[data-v-9d3f5e01]{gap:var(--spacing-xs)}.timeline-circle[data-v-9d3f5e01]{font-size:var(--text-xs);height:32px;width:32px}.timeline-line[data-v-9d3f5e01]{width:40px}.timeline-line-left[data-v-9d3f5e01]{right:calc(50% + 16px)}.timeline-line-right[data-v-9d3f5e01]{left:calc(50% + 16px)}.timeline-label[data-v-9d3f5e01]{min-width:80px}.step-title[data-v-9d3f5e01]{font-size:var(--text-xs)}.step-subtitle[data-v-9d3f5e01]{font-size:10px}.page-content[data-v-9d3f5e01]{padding:var(--spacing-md) var(--spacing-sm)}.auto-save-indicator[data-v-9d3f5e01]{bottom:var(--spacing-md);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);right:var(--spacing-md)}}