body{font-family:Arial,sans-serif;margin:0;padding:20px 50px;box-sizing:border-box;color:var(--text-color);min-height:100vh;width:100%}p{color:#000}h1{font-size:3.2em;line-height:1.5;color:#000}h2{font-size:2.2em;line-height:1.5;color:#000}h3{color:#000;font-size:1.1rem}h4{font-size:.6em;line-height:1.5;color:#000}label{font-weight:700;margin-bottom:5px;display:block;color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}select,button[type=submit]{width:100%;padding:10px;border-radius:5px;cursor:pointer}select{margin-top:5px;font-size:1rem;border:1px solid #ccc;background-color:var(--bg-color);color:var(--text-color)}select:hover{background-color:var(--hover-bg)}button[type=submit]{font-size:1.8rem;background-color:red;color:#fff;border:none}button[type=submit]:disabled{background-color:#ddd}button[type=submit]:hover{background-color:green}.reset-button,.save-button{flex:1;height:40px;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;color:#fff}.reset-button{background-color:#f44336}.reset-button:hover{background-color:#e53935}.save-button{background-color:#2196f3}.save-button:hover{background-color:#1976d2}.main-container{display:flex;gap:5px;width:100%;max-width:1200px}.story-form,.generated-content{flex:1}.content-type-selector,.dropdown-group{margin-bottom:20px}.button-container{display:flex;gap:5px;margin-top:20px}.generated-content{border:1px solid var(--output-border-color);padding-left:20px;margin-top:20px;border-radius:5px;word-wrap:break-word;color:#000}.summary-wrapper{display:flex;flex-direction:column;gap:20px}.summary-list{top:10px;padding:50px 0 10px 20px;z-index:10;color:#000}.summary-heading{color:#000}.other-section{flex:2}ul{list-style-type:disc;margin-left:20px;padding:0}ul li{margin-bottom:5px}select option{background-color:#fff;color:#000;padding:10px}.dropdown-group.selected{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234CAF50'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");background-position:right 30px center;background-repeat:no-repeat;background-size:18px;padding-right:30px;background-color:#6b6d6b}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--select-bg: #d3f8d3;--select-border: #4CAF50;--bg-color: #fff;--text-color: #333;--hover-bg: #f1f1f1;--output-bg-color: #f9f9f9;--output-border-color: #ccc}@media (prefers-color-scheme: dark){:root{--select-bg: #555;--select-border: #8f8;--bg-color: #333;--text-color: #f1f1f1;--hover-bg: #444;--output-bg-color: #444;--output-border-color: #666}.dropdown-group select.selected{background-color:#006400}body:not(.dark-mode).summary-list{background-color:#ffffffda;color:#000}body.dark-mode.summary-list{background-color:#000;color:#fff}}@media (max-width: 768px){.story-form{width:100%}select,button{font-size:.9rem}}@media (max-width: 480px){select,button{font-size:.8rem}}.description-indicator{position:sticky;top:10px;background-color:#fff;border:1px solid var(--output-border-color);padding:10px;border-radius:8px;margin-bottom:0;margin-top:0;align-self:flex-start;z-index:10}.description-indicator h2{margin-top:10px;font-size:2rem;color:#000;background-color:#d3d3d3;padding:20px;font-weight:700}.description-indicator h3{margin-top:10px;font-size:1rem;color:#000;background-color:#d3d3d3;padding:10px;font-weight:700}.description-indicator h4{margin:10px 0 5px;font-size:.8rem;color:#000}.description-indicator p{margin:5px 0 10px;font-size:1rem;line-height:1.4;color:#000}.right-side{position:sticky;top:20px;align-self:flex-start}.left-side{position:top;top:0;align-self:flex-start;border:1px solid black;border-radius:10px;padding:0 10px 10px;display:flex;width:100%}.webhook-input{padding:10px;border:1px solid #ccc;border-radius:5px;width:300px}.App{padding:10px}.thinking-animation{display:flex;justify-content:center;margin:10px 0;gap:6px}.thinking-animation span{width:10px;height:10px;background:#333;border-radius:50%;animation:bounce .6s infinite alternate}.thinking-animation span:nth-child(2){animation-delay:.2s}.thinking-animation span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}body,p,h1,h2,h3,h4,label,ul,li,.generated-content,.summary-wrapper,.summary-list,.other-section,.description-indicator,.left-side,.right-side{text-align:left!important}.main-container,.button-container,.summary-wrapper,.left-side,.right-side,.thinking-animation{justify-content:flex-start!important;align-items:flex-start!important}