#root,body,html{box-sizing:border-box;height:100%;margin:0;padding:0;width:100%}body{align-items:center;background-color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:center}*{width:100%}#root{align-items:flex-start;display:flex;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}.import-editor-container{background-color:#add8e6;display:flex;flex-direction:column;height:auto;min-height:75vh;overflow-y:auto;padding:25px 30px 30px;width:100%}.editor-columns-wrapper{align-items:stretch;display:flex;gap:5px;max-height:100vh;min-height:50vh;width:100%}.import-editor-left-column,.import-editor-right-column{background-color:#f0f0f0;border:1px solid #ddd;box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:500px;overflow-y:auto;padding:0}.import-editor-left-column{width:auto}.import-editor-right-column{flex-grow:1}.column-header{background-color:#f0f0f0;border-bottom:1px solid #ccc;box-sizing:border-box;flex-shrink:0;font-weight:700;height:auto;margin:0;padding:10px;text-align:center;width:100%}.raw-textarea{overflow-x:hidden;resize:vertical}.preview-pane,.raw-textarea{background-color:#fff;border:1px solid #ccc;box-sizing:border-box;flex-grow:1;min-height:500px;padding:10px;width:100%}.preview-pane{overflow-y:auto}.preview-bit-container{background-color:#6a5acd;border-radius:8px;margin-bottom:15px}.preview-bit-container,.preview-joke-container-raw{box-sizing:border-box;overflow:hidden;padding:10px;width:100%}.preview-joke-container-raw{word-wrap:break-word;background-color:#d8bfd8;border-radius:5px;margin-bottom:10px}.uncategorized-joke-line{background-color:#e0e0e0;border-bottom:1px solid #ddd;font-style:italic;padding:5px}.preview-setup{background-color:#90ee90}.preview-punchline,.preview-setup{border-bottom:1px solid #ddd;color:#000;padding:5px}.preview-punchline{background-color:#f08080;cursor:pointer}.preview-tagline{background-color:#add8e6;border-bottom:1px solid #ddd;color:#000;font-style:italic;padding:5px}.importEditor-editorBits-empty-container{align-items:center;display:flex;height:100%;justify-content:center;margin-top:25px}.importEditor-editorBits-empty-text{background-color:#d9534f;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:1em;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:250px}.helpful-container{background-color:#ffeb3b;border:1px solid #fbc02d;border-radius:4px;color:#333;margin-bottom:20px;margin-top:20px;padding:10px;text-align:center}.helpful-text{font-size:1.2em;font-weight:700}.resize-bar{align-items:center;cursor:col-resize;display:flex;justify-content:center;margin:0;padding:0;position:relative;width:10px;z-index:1}.resize-bar:before{color:#333;content:"⋮";font-size:18px}.standalone-joke{border:2px solid red;border-radius:5px;margin-bottom:10px;padding:10px}.standalone-line{color:red;font-size:1.1em;font-weight:700}.editor-main-div{align-items:center;border-radius:8px;margin-top:2rem;padding:2rem;width:100%}.editor-main-div,.editor-main-page{display:flex;flex-direction:column;height:auto;overflow:visible}.editor-main-page{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;justify-content:center;margin:20px auto;padding:20px;width:95%}.editor-bit-container{background-color:#6a5acd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 10px;padding:15px;width:95%}.editor-joke-container{align-items:center;background-color:#d8bfd8;border-radius:8px;box-shadow:0 3px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px auto;padding:15px;width:95%}.editor-joke-container.focused{border-color:#9370db;border-width:3px}.editor-text-editor{background-color:#fff;border:none;border-left:5px solid #0000;box-sizing:initial;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.2em;margin:0;overflow:hidden;padding:0 0 0 10px;resize:none;width:100%}.editor-setup{border-left-color:green;color:green}.editor-punchline{border-left-color:red;color:red}.editor-tagline-setup{border-left-color:#add8e6;color:purple}.editor-tagline-punchline{border-left-color:blue;color:blue}.editor-joke-content-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.editor-left-column{padding-right:10px;width:90%}.editor-right-column{align-items:center;display:flex;justify-content:center;padding:10px;width:10%}.analyze-button{background-color:#d9534f;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.analyze-button:hover{background-color:#c9302c;transform:translateY(-2px)}.analyze-button:active{background-color:#ac2925;transform:translateY(0)}.joke-analysis-container{align-items:center;border-radius:12px;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:20px auto;max-width:800px;overflow:hidden;text-align:left;transition:height .3s ease,padding .3s ease,background-color .3s ease;width:90%}.joke-analysis-container.expanded{background-color:#e6f7ff;border:1px solid #ddd;box-shadow:0 6px 12px #00000026;height:auto;padding:25px}.joke-analysis-container.collapsed{background-color:initial;height:50px;padding:0 25px;width:400px}.loading-bar-container{border-radius:5px;display:flex;font-family:Arial,sans-serif;height:20px;margin:5px 0;overflow:hidden;position:relative;width:100%}.loading-bar-laughter,.loading-bar-punchline,.loading-bar-setup,.loading-bar-tagline{align-items:center;color:#fff;display:flex;font-size:.8em;font-weight:700;height:100%;justify-content:center;padding:0 5px;position:relative;white-space:nowrap}.loading-bar-setup{background-color:#4caf50}.loading-bar-punchline{background-color:#f44336}.loading-bar-tagline{background-color:#ff9800}.loading-bar-laughter{background-color:#2196f3}.loading-bar-laughter:before,.loading-bar-punchline:before,.loading-bar-setup:before,.loading-bar-tagline:before{background-color:#000;border-radius:5px;bottom:125%;color:#fff;content:attr(title);left:50%;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);visibility:hidden;white-space:nowrap;z-index:1}.loading-bar-laughter:hover:before,.loading-bar-punchline:hover:before,.loading-bar-setup:hover:before,.loading-bar-tagline:hover:before{opacity:1;transition:none;visibility:visible}.loading-bar-laughter:after,.loading-bar-punchline:after,.loading-bar-setup:after,.loading-bar-tagline:after{border:5px solid #0000;border-top-color:#000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%;visibility:hidden}.loading-bar-laughter:hover:after,.loading-bar-punchline:hover:after,.loading-bar-setup:hover:after,.loading-bar-tagline:hover:after{transition:none;visibility:visible}.loading-bar-text{font-size:.8em;overflow:hidden;padding:0 5px;position:absolute;text-align:center;white-space:nowrap;width:100%}@media (max-width:600px){.loading-bar-text{font-size:.6em}}.loading-bar-laughter,.loading-bar-punchline,.loading-bar-setup,.loading-bar-tagline{transition:width .5s ease-in-out}.custom-area-chart .recharts-cartesian-grid{stroke:#f0f0f0}.custom-area-chart .recharts-x-axis .recharts-cartesian-axis-line,.custom-area-chart .recharts-x-axis .recharts-cartesian-axis-tick-line,.custom-area-chart .recharts-y-axis .recharts-cartesian-axis-line,.custom-area-chart .recharts-y-axis .recharts-cartesian-axis-tick-line{stroke:#888}.custom-area-chart .recharts-x-axis .recharts-cartesian-axis-tick-value,.custom-area-chart .recharts-y-axis .recharts-cartesian-axis-tick-value{fill:#666}.custom-area-chart .recharts-area{fill-opacity:.3}.custom-area-chart .recharts-area .recharts-line{stroke-width:4px;stroke:#2196f3}.custom-area-chart .recharts-area .recharts-fill{fill:#2196f3}.custom-area-chart{align-items:center;display:flex;height:100%;margin:0 auto;width:100%}.custom-area-chart,.mini-graph-area{justify-content:center}.custom-tooltip{background-color:#ffffffe6;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;width:auto!important}.joke-analysis-component-container{border-radius:12px;color:#333;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;overflow:hidden;text-align:left;transition:height .3s ease,padding .3s ease,background-color .3s ease;width:90%}.joke-analysis-component-container.expanded{background-color:#e6f7ff;box-shadow:0 6px 12px #00000026;height:auto;padding:25px}.joke-analysis-collapse-button{background-color:#5bc0de;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease;width:auto}.joke-analysis-collapse-button:hover{background-color:#31b0d5;transform:translateY(-2px)}.joke-analysis-collapse-button:active{background-color:#269abc;transform:translateY(0)}.joke-analysis-top{display:flex;justify-content:space-between;margin-bottom:20px}.joke-laugh-analysis,.joke-word-analysis{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;width:48%}.joke-laugh-analysis p,.joke-word-analysis p{font-size:.9em;line-height:1.4em;margin:8px 0}.joke-laugh-analysis strong,.joke-word-analysis strong{color:#333;font-size:1.1em}.record-new-array-btn{color:purple;float:right}.recording-container{background-color:#fafad2;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.create-new-array-main-div{width:100%}.option-buttons{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:20px;margin-top:20px}.option-buttons button{background-color:#f0f0f0;border:2px solid #ccc;border-radius:25px;color:#333;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.option-buttons button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.option-buttons button:active{background-color:#d0d0d0;transform:translateY(0)}.option-buttons button.selected{background-color:#5bc0de;border:2px solid #31b0d5;box-shadow:0 4px 6px #0000001a;color:#fff;transform:translateY(-3px)}.option-buttons button.selected:hover{background-color:#31b0d5;transform:translateY(-5px)}.option-buttons button.selected:active{background-color:#269abc;transform:translateY(0)}.btn-container{align-items:center;display:flex;gap:100px;justify-content:center;padding:20px}.cancel-btn,.save-btn{border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;font-weight:700;min-width:100px;padding:10px;transition:background-color .3s ease,transform .3s ease;width:auto}.save-btn{background-color:green}.save-btn:hover{background-color:#006400}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.save-btn:disabled,.save-btn:disabled:hover{background-color:gray;transform:none}.cancel-btn:disabled{background-color:#a9a9a9;cursor:not-allowed;opacity:.6}.cancel-btn{background-color:red}.cancel-btn:hover{background-color:darkred}.record-button-container{display:flex;justify-content:flex-end;padding:10px 0;width:100%}.record-new-array-btn{background-color:#5bc0de;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease;width:auto}.record-new-array-btn:hover{background-color:#31b0d5;transform:translateY(-2px)}.record-new-array-btn:active{background-color:#269abc;transform:translateY(0)}.formatted-time{color:#3498db;display:inline-block;font-family:Roboto,sans-serif;font-size:2em;font-weight:700;margin:20px 0;text-align:center;text-shadow:1px 1px 2px #0003}.right{align-items:center;flex-direction:column;justify-content:center;padding:10px;width:87.5%}.main-container,.right{background-color:#fff;display:flex}.main-container{border:1px solid #ccc;height:30vh;margin:20px 0;max-height:50vh;width:100%}.slider-component-left-col{align-items:center;background-color:#f0f0f0;border-right:1px solid #000;display:flex;flex-direction:column;justify-content:center;padding:10px;width:12.5%}.slider-component-right-col{width:87.5%}.slider-component-right-col,.slider-container{align-items:center;display:flex;justify-content:center}.slider-container{height:100%;padding:10px}.values-array-container{margin-bottom:20px;margin-top:20px;width:100%;word-break:break-all}.values-array{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style-type:none;margin:0;padding:0}.values-array li{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:0 0 10%;margin:5px;padding:5px;text-align:center}.button-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.slider-graph-box{border-radius:10px;width:100%}.bit-analysis-container{align-items:center;border-radius:12px;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:20px auto;max-width:800px;overflow:hidden;text-align:left;transition:height .3s ease,padding .3s ease,background-color .3s ease;width:90%}.bit-analysis-container.expanded{background-color:#e6f7ff;box-shadow:0 6px 12px #00000026;height:auto;padding:25px}.bit-analysis-container.collapsed{height:50px;padding:0 25px}.collapse-button{background-color:#5bc0de;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .3s ease;width:auto}.collapse-button:hover{background-color:#31b0d5;transform:translateY(-2px)}.collapse-button:active{background-color:#269abc;transform:translateY(0)}.analysis-content{width:90%}.performance-analysis-top{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.performance-analysis-time,.performance-analysis-words{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;width:48%}.performance-analysis-time p,.performance-analysis-words p{font-size:.9em;line-height:1.4em;margin:8px 0}.performance-analysis-time strong,.performance-analysis-words strong{color:#333;font-size:1.1em}.mini-graph-area{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:15px;width:95%}.mini-graph-container{height:200px;margin-top:20px;width:100%}.file-controls-container{gap:10px;margin:20px auto;max-width:1200px;padding:10px;width:100%}.file-controls-button,.file-controls-container{align-items:center;display:flex;height:45px;justify-content:center}.file-controls-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;min-width:120px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.file-controls-button:hover{background-color:#45a049;transform:translateY(-2px)}.file-controls-button:active{background-color:#397d3f;transform:translateY(0)}.tutorial-button{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1em;height:45px;justify-content:center;min-width:120px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.tutorial-button:hover{background-color:#45a049;transform:translateY(-2px)}.tutorial-button:active{background-color:#397d3f;transform:translateY(0)}.tutorial-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.tutorial-modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:80%}.tutorial-modal-content h1,.tutorial-modal-content h2{font-size:22px;margin-bottom:15px}.tutorial-modal-content ol,.tutorial-modal-content p{margin-bottom:15px}.close-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px auto;padding:10px 20px}.close-button:hover{background-color:#d32f2f}.tutorial-example-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin:20px 0;padding:20px}.tutorial-title{color:#2c3e50;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:15px;position:relative;text-align:center}.tutorial-title:after{background-color:#ccc;content:"";display:block;height:2px;margin:10px auto 0;width:50%}.tutorial-text{color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.tutorial-example-container p{margin-bottom:10px}.feedback-button,.feedback-component-container{text-align:center}.feedback-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:45px;margin:4px 2px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.feedback-button:hover{background-color:#45a049}.preferences-modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.preferences-modal{background:#fff;border-radius:8px;max-width:90vw;padding:20px;width:400px}.preferences-modal h2{margin-top:0}.preferences-modal input[type=checkbox],.preferences-modal select{margin:8px 0}button{margin-right:10px}.app-container{display:flex;flex-direction:column;min-height:100vh}.beta-banner{background-color:#007bff;border-radius:4px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:20px;padding:10px;text-align:center;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;width:100%}.editor-page-main-div{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;width:100%}footer{background-color:#f1f1f1;color:#333;font-size:14px;margin-top:auto;padding:15px;text-align:center;width:100%}.App{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}
/*# sourceMappingURL=main.512da534.css.map*/