@font-face{font-family:ProximaNova;src:local("ProximaNova"),url(/static/media/Proxima_Nova_Regular.8181ca4b7c2d1189d78a.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;zoom:.8;font-family:ProximaNova!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Proxima Nova;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}h5{font-weight:700!important}.selectedLayer{background-color:#fffc;border:1px solid #ccc;bottom:20px;left:50%;max-width:512px;position:absolute;transform:translateX(-50%);width:100%;z-index:999}#canvasContainer{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:10px 0 0;width:100%}#canvas,#canvasContainer{overflow:hidden;position:relative}#canvas{aspect-ratio:1/1;background-color:initial;border:1px solid #d3d3d3;height:512px;margin:10px 0;width:512px;z-index:220}.canvas-flex-container{display:flex;flex-direction:column;justify-content:space-between;width:100%}.canvas-overflow-hidden{overflow:hidden!important}#exploration-tree{background-color:#fffc;border-radius:4px;box-shadow:0 2px 5px #0003;max-width:512px;overflow-y:auto;padding:.5em}.tree-node-container{padding-left:10px;position:relative}.tree-node-border,.tree-node-container{border-left:1px solid #ccc}.exploration-tree-stack{height:100%;margin:0 auto}.loading{align-items:center;background-color:#d3d3d3cc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}#layers-panel{background-color:#fffc;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;gap:10px;max-width:512px;overflow:auto;padding:.5em;width:20%}@media screen and (max-width:768px){#canvasContainer{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;padding:20px 0}#canvas{margin:30px 0 120px;position:relative;width:95%}#exploration-tree,#layers-panel{margin:10px auto;max-height:30vh;position:relative}.iconButtonContainer{background-color:#fffc;border-radius:20px;bottom:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;justify-content:center;left:50%;padding:10px;transform:translateX(-50%);z-index:2400}#narrative-timeline,.narrative-timeline,div[class*=timeline],div[id*=timeline]{clear:both;margin-top:30px;position:relative;width:95%;z-index:300}div:has(>#edit-timeline),div:has(>.edit-timeline),div[class*=edit-timeline],div[id*=edit-timeline]{clear:both;margin-top:20px;position:relative;width:100%}}@media screen and (min-width:769px) and (max-width:1200px){#canvas{margin:0 0 20px;max-width:450px;width:80%}#exploration-tree,#layers-panel{max-width:280px;width:30%}#narrative-timeline,.narrative-timeline,div[class*=timeline],div[id*=timeline]{clear:both;margin-top:40px;position:relative}}.prompt-dock-overlay{align-items:flex-end;bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;padding:8px;pointer-events:none;position:absolute;right:0;width:100%;z-index:1000}.prompt-dock-box{animation:slideUp .3s ease-out forwards;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-direction:column;padding:8px;pointer-events:all;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.prompt-dock-box .context-label{align-items:center;background-color:#f5f5f5;border-bottom:2px solid #666;border-radius:4px;display:flex;padding:4px 8px;white-space:nowrap}.prompt-dock-box .context-label-text{color:#333;font-weight:700}.prompt-dock-box .tag-chips-container{display:flex;flex-grow:1;flex-wrap:wrap;gap:4px;overflow-x:auto;padding-bottom:4px}.prompt-dock-box .prompt-textfield{width:100%}.prompt-dock-box .MuiInputBase-root{border-radius:8px}.prompt-dock-box .MuiOutlinedInput-notchedOutline{border-color:#ccc}.prompt-dock-box .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5b244c}.prompt-dock-box .MuiButton-containedSecondary{background-color:#5b244c;color:#fff}.prompt-dock-box .MuiButton-containedSecondary:hover{background-color:#bd7cb0}.segment-component{align-items:center;border:1px solid #d3d3d3;border-radius:8px;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-start;min-height:32px;opacity:1;overflow:hidden;padding:10px 8px 4px;position:relative}.segment-floating-bar{border-radius:3px;height:3px;left:4px;position:absolute;right:4px;top:2px}.segment-floating-bar.border-primary{background-color:#00a9e0}.segment-floating-bar.border-secondary{background-color:#92c911}.segment-floating-bar.border-text{background-color:#e87722}.segment-floating-bar.border-background{background-color:#ce0f69}.segment-floating-bar.border-default{background-color:red}.segment-component.timeline-segment{cursor:pointer}.segment-text{color:#333;font-size:14px;font-weight:400;line-height:1.2;position:relative;top:10px}.segment-text.selected{color:#000;font-weight:700}.segment-text.mobile{font-size:.75rem}.segment-text.desktop{font-size:.875rem}.segment-flairs-container{display:flex;gap:4px;margin-top:8px;opacity:0;transition:opacity .2s ease}.track.expanded .segment-flairs-container{opacity:1}.segment-flair{border-radius:4px!important;box-shadow:0 1px 3px #0000001a!important;font-size:.7rem!important;font-weight:500!important;height:24px!important;line-height:1!important;min-width:0!important;min-width:auto!important;padding:2px 8px!important;text-transform:none!important}.segment-flair-more{border-radius:4px!important;min-width:24px!important;padding:2px!important;width:24px!important}@media (max-width:600px){.segment-flair{font-size:.6rem!important;height:20px!important;padding:1px 6px!important}.segment-flair-more{min-width:20px!important;padding:1px!important;width:20px!important}.segment-flairs-container{gap:2px;margin-top:4px}}.timeline-container{flex-grow:1;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.segment{border:1px solid #000;border-radius:3px}.segment-active{border:3px solid;border-radius:3px;color:#000;font-weight:900!important;position:relative}.segment-active:not(.expanded):after{background-color:currentColor;border-radius:50%;content:"";height:8px;opacity:.8;position:absolute;right:4px;top:4px;width:8px}.ruler{border-bottom:1px solid #000;height:1em;position:relative}.ruler-tick{border-left:1px solid #000;color:#000;font-size:10px;height:100%;position:absolute;text-align:center;transform:translateX(-50%)}.track{background-color:#f9f9f9;border-bottom:1px solid #ddd;height:4em;overflow:hidden;position:relative;transition:height .3s ease-in-out;width:100%}.track.expanded{height:auto;min-height:8em;overflow:visible}.narrative-timeline{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:40%;margin-top:1em;padding:1%;width:100%}.timeline-header{padding-left:1rem;padding-right:1rem}.timeline-header-box{align-items:center;display:flex}.info-modal{left:50%;max-height:90vh;max-width:500px;outline:none;overflow:auto;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.info-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.info-modal-list{margin-bottom:1rem;padding-left:1rem}.info-modal-list-item{margin-bottom:.5rem}.info-modal-footer{display:flex;justify-content:flex-end}.timeline-controls{flex-wrap:wrap;margin-bottom:1rem;margin-top:1rem;padding-left:1rem;padding-right:1rem}.prompt-container{margin-bottom:0;position:relative;width:40%}.context-label{background-color:#f5f5f5;border-radius:4px 4px 0 0;left:0;padding:2px 8px;position:absolute;top:-20px;z-index:1}.context-label.general{border-bottom:2px solid #d3d3d3}.context-label.anchored{background-color:#f1fbfe;border-bottom:2px solid #00a9e0}.context-label-text{color:#666;font-size:.75rem;font-weight:500;text-shadow:0 0 3px #fffc;white-space:nowrap}.context-label.anchored .context-label-text{color:#00a9e0}.context-label.anchored.multi-color{border-bottom:none}.context-label.anchored.multi-color .context-label-text{color:#333;font-weight:600}.prompt-textfield{margin-bottom:0;width:100%}.actions-box{display:flex;flex-grow:1;justify-content:flex-end;margin-top:.5em}.delete-button-stack{margin-bottom:0}.tab-button{background-color:#f3e7f1;margin:.2em;white-space:nowrap}.tab-button,.tab-button:hover{border-color:#5b244c;color:#5b244c}.tab-button:hover{background-color:#bd7cb0}.grid-item-placeholder,.timeline-grid{padding-top:0!important}.grid-item-ruler,.grid-item-track-label{padding-top:0}.track-label{overflow:visible;padding-right:5px;position:relative;top:50%;transform:translateY(-50%);white-space:nowrap}.track-label.has-selected{font-weight:700;position:relative}.track-label.has-selected:after{background-color:#f44336;border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:6px}.grid-item-track{padding-top:0}.segment-container{cursor:pointer;overflow:scroll;position:absolute;transition:height .3s ease-in-out}.segment-container.expanded{height:100%!important}.segment-content{display:flex;padding:4px}.segment-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:scroll;text-overflow:ellipsis;white-space:normal}.segment-text.expanded{-webkit-line-clamp:unset;overflow:scroll;white-space:normal}.segment-edit-container{align-items:center;display:flex;gap:8px;height:100%;justify-content:space-between;padding:4px 8px;width:100%}.segment-edit-field{flex-grow:1;min-width:0}.segment-edit-field .MuiOutlinedInput-root{font-size:.75rem;padding:0}.segment-edit-field .MuiOutlinedInput-input{font-size:.75rem;padding:4px 8px}.segment-edit-button{flex-shrink:0;margin-left:4px;opacity:.7;padding:2px;transition:opacity .2s ease}.segment-edit-button:hover{background-color:#0000000a;opacity:1}.segment-edit-container .segment-text{flex-grow:1;margin-right:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.ruler-tick{font-size:8px}.track{height:3.5em}.prompt-container,.prompt-textfield{margin-bottom:1rem;width:100%}.delete-button-stack{margin-bottom:1rem}.timeline-grid-container{padding:10px}.segment-text{font-size:.7rem}.context-label{padding:1px 6px;top:-50%}.context-label-text{font-size:.7rem}.segment-edit-container{gap:4px;padding:2px 4px}.segment-edit-field .MuiOutlinedInput-input{font-size:.65rem;padding:2px 4px}.segment-edit-button{margin-left:2px;padding:1px}}
/*# sourceMappingURL=main.998c3504.css.map*/