html{scrollbar-color:#ffffff38 #ffffff1f;scrollbar-width:thin}.body::-webkit-scrollbar,.details-panel::-webkit-scrollbar,.stories-list-bar::-webkit-scrollbar,body::-webkit-scrollbar{background:#ffffff1f;width:8px}.body::-webkit-scrollbar-thumb,.details-panel::-webkit-scrollbar-thumb,.stories-list-bar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#ffffff38;border:2px solid #ffffff1f;border-radius:8px}.body::-webkit-scrollbar-thumb:hover,.details-panel::-webkit-scrollbar-thumb:hover,.stories-list-bar::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#ffffff52}.body::-webkit-scrollbar-corner,.details-panel::-webkit-scrollbar-corner,.stories-list-bar::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:#ffffff1f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root,.app,body{height:100vh}.app{display:grid;grid-template-columns:70px 250px 1fr 300px;width:100vw}.app>*{height:100%!important;max-height:100vh!important;min-height:0!important}@media (max-width:1024px){.app{grid-template-columns:70px 250px 1fr 250px}}@media (max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}}.navigation-bar{background-color:#1a1a1a;border-right:1px solid #333;height:100vh;justify-content:space-between;padding:0}.nav-header,.navigation-bar{align-items:center;display:flex;flex-direction:column;width:100%}.nav-header{justify-content:flex-start;margin-bottom:0;padding-top:1.2rem}.logo{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:0;padding:6px;width:48px}.logo-img{height:36px;object-fit:contain;width:36px}.nav-menu{flex:1 1;flex-direction:column;gap:1rem;width:100%}.nav-item,.nav-menu{align-items:center;display:flex;justify-content:center}.nav-item{border-radius:12px;cursor:pointer;height:48px;position:relative;transition:all .2s ease;width:48px}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#ffffff26}.nav-item.active:before{background-color:#e53e3e;border-radius:2px;content:"";height:24px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{filter:brightness(.8);height:26px;object-fit:contain;transition:filter .2s ease;width:26px}.nav-item:hover .nav-icon{filter:brightness(1)}.nav-item.active .nav-icon{filter:brightness(1.2)}.nav-footer{margin-bottom:1.2rem;margin-top:0;width:100%}.nav-footer,.profile-section{align-items:center;display:flex;justify-content:center}.profile-section{border-radius:50%;cursor:pointer;height:56px;overflow:hidden;transition:all .2s ease;width:56px}.profile-section:hover{transform:scale(1.05)}.profile-pic{border:none;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.icon{font-size:1.2rem}.nav-title{color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.08em;margin-top:.3rem;opacity:.7;text-align:center}.stories-list-bar{background-color:#db324d;border-right:1px solid #db324d;color:#fff;flex-direction:column;gap:.6rem;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem .7rem}.stories-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1.2rem;padding:0 .5rem}.stories-header h2{font-size:1.5rem;font-weight:600}.add-story-btn{align-items:center;background:#0000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-story-btn:hover{background-color:#fff;color:#e53e3e}.refresh-stories-btn{align-items:center;background:#0000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refresh-stories-btn:hover{background-color:#fff;color:#e53e3e;transform:rotate(90deg)}.search-container{flex-shrink:0;margin-bottom:1.2rem;padding:0 .5rem}.search-input{background-color:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem;width:100%}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background-color:#fff3;outline:none}.stories-empty,.stories-error,.stories-loading{background-color:#ffffff1a;border-radius:8px;color:#fff;font-size:1.1rem;margin-top:2rem;padding:1rem;text-align:center}.stories-error{background-color:#f003}.stories-empty{background-color:#ffffff0d}.story-item{background-color:#ffffff1a;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.story-item:hover{background-color:#fff3;transform:translateY(-1px)}.story-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.story-title{font-size:.95rem;font-weight:500;line-height:1.3;margin:0}.priority{border-radius:12px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority.high{background-color:#fff;color:#e53e3e}.priority.medium{background-color:#ffffff4d;color:#fff}.priority.low{background-color:#ffffff1a;color:#fffc}.story-status{margin-top:.5rem}.status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status.completed{background-color:#48bb7833;border:1px solid #68d391;color:#68d391}.status.in-progress{background-color:#f6ad5533;border:1px solid #f6ad55;color:#f6ad55}.status.pending{background-color:#fff3;border:1px solid #fff;color:#fff}.status.testing{background-color:#9f7aea33;border:1px solid #b794f6;color:#b794f6}.status.planning{background-color:#818cf833;border:1px solid #818cf8;color:#818cf8}.story-card{align-items:stretch;aspect-ratio:16/7;background:#222;border-radius:1px;box-shadow:0 4px 16px #0000002e;cursor:pointer;display:flex;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:transform .18s cubic-bezier(.4,2,.6,1),box-shadow .18s cubic-bezier(.4,2,.6,1);width:100%}.story-card:hover{box-shadow:0 12px 32px #00000047;transform:translateY(-6px) scale(1.04);z-index:2}.story-image{display:block;height:100%;object-fit:cover;width:100%}.story-title-bar{align-items:left;background:#000000b3;bottom:0;display:flex;left:0;padding:.5rem;position:absolute;right:0}.story-title{color:#fff;font-size:.7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #0006;white-space:nowrap}.story-selected-arrow{height:38px;pointer-events:none;position:absolute;right:1px;top:50%;transform:translateY(-50%);width:38px;z-index:3}.body{background-color:#4d4d4d;color:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:2rem}.body-header{margin-bottom:2rem}.story-details-panel{align-items:stretch;background:none;display:flex;flex-direction:row;margin-top:.1rem}.story-details-image{background:#222;border-radius:0;height:180px;max-width:100%;object-fit:cover;width:420px}.story-details-image:hover{box-shadow:0 12px 32px #00000047;transform:translateY(-6px) scale(1.04);z-index:2}.story-details-content{background:#333;color:#fff;display:flex;flex-direction:column;justify-content:center;max-height:180px;max-width:600px;min-width:340px;padding:.2rem .7rem .2rem 1rem}.story-details-synopsis strong{color:#fff;font-size:1.2rem}.story-details-synopsis p{color:#fff;font-size:.8rem;margin:.7rem 0}.story-details-id{color:#888;font-size:.7rem;margin-top:1.2rem}.story-image-container{align-items:flex-end;display:flex;height:100%;position:relative}.story-image-refresh-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;position:absolute;right:12px;transition:background .2s,color .2s,transform .2s;width:32px;z-index:2}.story-image-refresh-btn:hover{background:#db324d;color:#fff;transform:rotate(90deg) scale(1.1)}.story-image-refresh-btn:disabled{background:#00000080;color:#ffffff80;cursor:not-allowed;transform:none}.story-image-refresh-btn.loading{background:#db324dcc}.story-image-refresh-btn.loading:hover{transform:none}.button-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.webhook-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.webhook-loading-content{background:#333;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;padding:2rem;text-align:center}.webhook-loading-content p{font-size:1.1rem;font-weight:500;margin:.5rem 0}.loading-subtext{color:#ffffffb3!important;font-size:.9rem!important;font-weight:400!important}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #db324d33;border-top-color:#db324d;height:40px;margin:0 auto 1rem;width:40px}.fullscreen-image-overlay{align-items:center;background:#000000eb;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.fullscreen-image{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:90vw;object-fit:contain}.fullscreen-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;line-height:1;padding:0 .5rem;position:absolute;right:48px;top:32px;transition:color .2s;z-index:1100}.fullscreen-close-btn:hover{color:#db324d}.details-panel{background-color:#3a3a3a;border-left:1px solid #4a5568;border-right:1px solid #4a5568;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.details-header{background-color:#2d3748;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:1.5rem}.details-header h2{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.details-content{flex:1 1;overflow-y:auto;padding:1rem}.no-selection{align-items:center;color:#fff9;display:flex;height:100%;justify-content:center;text-align:center}.details-placeholder{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1.5rem}.detail-section h3{border-bottom:1px solid #ffffff1a;color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-section p{color:#fffc;font-size:.9rem;line-height:1.5;margin:.5rem 0}.detail-section p:first-of-type{margin-top:0}.detail-section p:last-of-type{margin-bottom:0}.details-content::-webkit-scrollbar{width:6px}.details-content::-webkit-scrollbar-track{background:#ffffff0d}.details-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.details-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.details-panel{height:auto;min-height:300px}.details-content{padding:.8rem}.detail-section{padding:1rem}}.logs-hamburger-float{align-items:center!important;background:#667eea!important;border:none!important;border-radius:8px 0 0 8px!important;box-shadow:-2px 2px 8px #0000004d!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;flex-grow:0!important;flex-shrink:0!important;gap:2px!important;height:24px!important;justify-content:center!important;max-height:24px!important;min-height:24px!important;overflow:hidden!important;padding:4px 6px!important;position:fixed!important;right:-15px!important;top:20px!important;transition:all .3s ease!important;width:30px!important;z-index:1001!important}.logs-hamburger-float:hover{background:#5a67d8!important;right:-10px!important}.logs-hamburger-float span{background:#fff!important;border-radius:1px!important;display:block!important;flex-shrink:0!important;height:1.5px!important;margin:0!important;padding:0!important;transition:all .3s ease!important;width:12px!important}.logs-hamburger-float span.active:first-child{transform:rotate(45deg) translate(3px,3px)!important}.logs-hamburger-float span.active:nth-child(2){opacity:0!important}.logs-hamburger-float span.active:nth-child(3){transform:rotate(-45deg) translate(4px,-3px)!important}.logs-hamburger-float.panel-open{border-radius:8px 0 0 8px!important;right:335px!important}.logs-hamburger-float.panel-open:hover{right:340px!important}.logs-panel{background-color:#2d3748;border-left:1px solid #4a5568;box-shadow:-5px 0 15px #0000004d;color:#fff;display:flex;height:100vh;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:1000}.logs-panel.visible{right:0}.panel-main{display:flex;flex:1 1;flex-direction:column;height:100%}.panel-header{align-items:center;background-color:#1a202c;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:center;padding:1.5rem}.panel-header h2{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.panel-content{flex:1 1;opacity:1;overflow-y:auto;padding:1rem;transition:opacity .3s ease}.logs-panel:not(.visible) .panel-content{opacity:0;pointer-events:none}.logs-error,.no-logs,.no-story-selected{color:#fff9}.logs-error,.logs-loading,.no-logs,.no-story-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:1rem;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:background .2s ease}.retry-btn:hover{background:#5a67d8}.logs-timeline{padding:1rem 0}.timeline-item{display:flex;margin-bottom:1.5rem;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;margin-right:1rem;position:relative}.timeline-dot{background-color:#667eea;border:2px solid #2d3748;border-radius:50%;flex-shrink:0;height:12px;width:12px;z-index:2}.timeline-line{background-color:#ffffff1a;height:100%;margin-top:8px;min-height:40px;width:2px}.timeline-content{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex:1 1;padding:1rem;position:relative;top:-8px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.timeline-date{color:#ffffffb3;font-size:.85rem;font-weight:500}.timeline-status{background-color:#ffffff1a;border-radius:4px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.timeline-message{color:#ffffffe6;font-size:.9rem;line-height:1.5}.timeline-related{border-top:1px solid #ffffff0d;margin-top:.5rem;padding-top:.5rem}.timeline-related small{color:#fff9;font-size:.8rem;font-style:italic}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#ffffff0d}.panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.logs-panel{right:-100vw;width:100vw}.logs-panel.visible{right:0}.logs-hamburger-float{height:22px!important;max-height:22px!important;min-height:22px!important;right:-12px!important;top:15px!important;width:28px!important}.logs-hamburger-float.panel-open{right:calc(100vw - 28px)!important}.logs-hamburger-float.panel-open:hover{right:calc(100vw - 23px)!important}.timeline-content{padding:.8rem}.timeline-header{align-items:flex-start;flex-direction:column;gap:.3rem}}
/*# sourceMappingURL=main.7e34a096.css.map*/