.imgcontainer{display:flex;max-width:1000px;margin:auto;gap:20px;padding:20px;background:var(--card)}.image-list{width:220px;max-height:500px;overflow-y:auto;border-right:2px solid #ddd;color:var(text)}.image-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.image-item:hover,.image-item.active{background:#eee;color:#000}.preview{flex:1;text-align:center;position:relative}.preview img{max-width:90%;border:6px solid #5c6bc0;border-radius:10px;cursor:pointer}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:28px;background:rgba(0,0,0,.5);color:#fff;padding:10px 14px;border-radius:50%;cursor:pointer}.left{left:10px}.right{right:10px}.actions button{padding:10px 15px;margin:5px;border:none;border-radius:8px;background:#5c6bc0;color:#fff;cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.95);justify-content:center;align-items:center}#modalImg{border:6px solid #ffd54b;border-radius:12px;max-width:90%;max-height:80%}.modal .actions{position:absolute;bottom:20px}.modal .nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;background:rgba(0,0,0,.6);padding:12px}.modal .left{left:20px}.modal .right{right:20px}.close{position:absolute;top:20px;right:30px;color:#fff;font-size:30px;cursor:pointer}@media(max-width:768px){.imgcontainer{flex-direction:column}.image-list{width:100%;display:flex;overflow-x:auto;border-right:none;border-bottom:2px solid #ddd}.image-item{min-width:150px;text-align:center}.preview img{max-width:100%}.nav-btn{display:none}}.poster-container{max-width:1000px;margin:auto;padding:15px;font-family:segoe ui,sans-serif}.poster-header{text-align:center;background:linear-gradient(90deg,var(--danger-bg),var(--card));color:var(--text);padding:20px;border-radius:12px}.poster-header h1{font-size:22px;margin-bottom:5px}.subheading{font-size:14px;opacity:.9}.tagline{text-align:center;background:var(--highlight);padding:10px;margin:15px 0;border-radius:8px;font-weight:700}.card{background:var(--card);padding:15px;margin-bottom:15px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,5%)}.card h2{font-size:16px;margin-bottom:10px;color:#3f51b5}.card ul{padding-left:18px}.card li{margin-bottom:6px}.poster-footer{text-align:center;font-size:14px;color:#555}.prompt-section{margin-top:20px}.prompt-card{position:relative;background:var(--promt-card);color:var(--text);border-radius:10px;margin-bottom:15px;overflow:hidden}.prompt-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(transparent,var(--card));pointer-events:none}.prompt-header{display:flex;justify-content:space-between;align-items:center;background:var(--promt-head);padding:10px 15px}.prompt-header h3{font-size:14px}.prompt-header button{background:#4caf50;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}.prompt-header button:hover{background:#43a047}.prompt-card pre{padding:15px;white-space:pre-wrap;font-size:13px;line-height:1.5;max-height:300px;overflow-y:auto;overflow-x:hidden}.prompt-card pre::-webkit-scrollbar{width:6px}.prompt-card pre::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.prompt-card pre::-webkit-scrollbar-thumb:hover{background:#777}