.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0000001a}.auth-card h1{text-align:center;color:#333;margin-bottom:10px;font-size:28px}.auth-card h2{text-align:center;color:#666;margin-bottom:30px;font-size:20px;font-weight:400}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;position:relative}.btn-primary:disabled:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #fcc}.auth-link{text-align:center;margin-top:20px;color:#666}.auth-link a{color:#667eea;text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.dashboard{min-height:100vh;background-color:#f5f5f5}.dashboard-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px 0}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-content h1{color:#333;font-size:24px}.header-actions{display:flex;align-items:center;gap:15px}.user-name{color:#666}.btn-logout{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-logout:hover{background-color:#d32f2f}.dashboard-main{max-width:1200px;margin:0 auto;padding:40px 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{color:#333;font-size:28px}.btn-create{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-create:hover{transform:translateY(-2px)}.loading{text-align:center;padding:40px;color:#666}.generators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.generator-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.generator-card>div{flex:1}.generator-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.btn-delete{background:#f44;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#c00}.generator-card h3{color:#333;margin-bottom:15px;font-size:20px}.generator-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.badge{padding:4px 12px;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.generator-description{color:#666;font-size:14px;margin-bottom:15px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.generator-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.date{color:#999;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:20px;color:#333}.modal-content .form-group{margin-bottom:20px}.modal-content label{display:block;margin-bottom:8px;color:#333;font-weight:500}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit}.modal-content textarea{resize:vertical}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:#667eea}.btn-cancel{padding:12px 24px;background-color:#f5f5f5;color:#333;border:none;border-radius:6px;cursor:pointer;font-size:16px}.btn-cancel:hover{background-color:#e0e0e0}.modal-content .btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;position:relative;transition:transform .2s,opacity .2s}.modal-content .btn-primary:hover:not(:disabled){transform:translateY(-2px)}.modal-content .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-content .btn-primary:disabled:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.image-carousel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in}.image-carousel-container{position:relative;width:90%;max-width:1200px;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.carousel-swiper{width:100%;height:100%}.carousel-slide{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.carousel-slide-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:0 20px 20px;box-sizing:border-box}.carousel-close{position:absolute;top:20px;right:20px;background:#0009;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10001;padding:0}.carousel-close:hover{background:#000c;transform:rotate(90deg)}.carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0}.carousel-nav-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:20px}.carousel-nav-next{right:20px}.carousel-image-wrapper{width:100%;flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.carousel-loading{color:#fff;font-size:18px;padding:40px}.carousel-image-info{width:100%;max-width:900px;background:#000000b3;border-radius:16px;padding:24px;color:#f8fafc;box-shadow:0 10px 35px #00000073;overflow-y:auto;max-height:35%}.carousel-image-title{font-size:22px;font-weight:600;margin-bottom:12px;text-align:left}.carousel-image-dialogue{font-size:16px;line-height:1.6;opacity:.95;text-align:left}.carousel-counter{position:absolute;top:20px;left:20px;background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;z-index:10001}@media (max-width: 768px){.image-carousel-container{width:100%;height:100vh}.carousel-nav-button{width:50px;height:50px}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.carousel-close{top:10px;right:10px;width:40px;height:40px}.carousel-image-info{padding:16px;max-height:40%}.carousel-image-title{font-size:18px}.carousel-image-dialogue{font-size:14px}.carousel-counter{top:10px;left:10px;padding:6px 12px;font-size:12px}}.generator-page{min-height:100vh;background-color:#f5f5f5}.generator-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px 0}.generator-header .header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px}@media (max-width: 768px){.generator-header .header-content{padding:0 15px;gap:10px;flex-wrap:wrap}.generator-header h1{font-size:20px;min-width:0;flex:1 1 auto}}.btn-back{padding:8px 16px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s;display:flex;align-items:center;gap:6px}.btn-back:hover{background-color:#e0e0e0}.generator-header h1{color:#333;font-size:24px;flex:1}.btn-edit-generator{background:#fff3;color:#333;border:1px solid #ddd;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-edit-generator:hover{background:#e0e0e0;border-color:#bbb}.generator-main{max-width:1200px;margin:0 auto;padding:40px 20px}.generator-info-section{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:40px}@media (max-width: 968px){.generator-info-section{grid-template-columns:1fr}}.info-card,.action-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.info-card,.action-card{padding:20px}}.info-card h2,.action-card h2{color:#333;margin-bottom:20px;font-size:22px}@media (max-width: 768px){.info-card h2,.action-card h2{font-size:18px;margin-bottom:15px}}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media (max-width: 768px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.info-grid{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column}.info-label{color:#666;font-size:12px;text-transform:uppercase;margin-bottom:5px}.info-value{color:#333;font-size:16px;font-weight:600}.info-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.info-section h3{color:#333;margin-bottom:10px;font-size:16px}.hashtags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hashtag-tag{display:inline-block;padding:6px 12px;background-color:#e3f2fd;color:#1976d2;border-radius:16px;font-size:13px;font-weight:500}.description-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.description-section h3{color:#333;margin-bottom:10px;font-size:16px}.description-section p{color:#666;line-height:1.6}.action-card p{color:#666;margin-bottom:20px;line-height:1.6}.btn-generate{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px)}.btn-generate:disabled{opacity:.6;cursor:not-allowed;position:relative}.btn-generate:disabled:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.publications-section{margin-top:40px}.publications-section h2{color:#333;margin-bottom:30px;font-size:24px}@media (max-width: 768px){.publications-section{margin-top:30px}.publications-section h2{font-size:20px;margin-bottom:20px}}.publications-grid{display:grid;gap:30px}@media (max-width: 768px){.publications-grid{gap:20px}}.publication-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.publication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.publication-header h3{color:#333;font-size:20px}.publication-caption{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #4a90e2}.publication-caption h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#333}.caption-content{font-size:13px;line-height:1.6;color:#555;max-height:200px;overflow-y:auto}.caption-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0;font-size:13px}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-processing{background-color:#fff3e0;color:#e65100}.status-failed{background-color:#ffebee;color:#c62828}.publication-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.image-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background-color:#f8fafc;transition:transform .2s,box-shadow .2s;height:100%;box-shadow:0 2px 6px #0f172a14}.image-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0f172a26}.image-container{position:relative;overflow:hidden;background-color:#e5e7eb}.image-container img,.publication-image{width:100%;height:auto;display:block}.publication-images>div{position:relative}.image-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;color:#999}.image-text-info{padding:14px 16px 18px;background:#fff;color:#111827;display:flex;flex-direction:column;gap:8px;border-top:1px solid #e5e7eb}.image-title{font-weight:600;font-size:15px;line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.image-dialogue{font-size:13px;line-height:1.4;color:#4b5563;word-break:break-word;overflow-wrap:anywhere}.processing-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.publication-footer{padding-top:20px;border-top:1px solid #eee}.publication-date{color:#999;font-size:12px}.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.btn-view-interactions{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}.btn-view-interactions:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-delete-small{background:#f44;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-delete-small:hover{background:#c00}.interactions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-in}.interactions-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.interactions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.interactions-modal-header h2{margin:0;color:#333;font-size:24px}.interactions-modal-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.interactions-modal-close:hover{background:#f5f5f5;color:#333}.interactions-modal-body{padding:24px;overflow-y:auto;flex:1}.publication-info{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.publication-info p{margin:5px 0;color:#666}.interactions-list{display:flex;flex-direction:column;gap:20px}.interaction-item{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}.interaction-type{margin:0 0 15px;color:#667eea;font-size:18px;text-transform:capitalize;border-bottom:2px solid #667eea;padding-bottom:8px}.interaction-section{margin-bottom:15px}.interaction-section h4{margin:0 0 8px;color:#555;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.interaction-json{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{margin-bottom:10px}.loading,.error{text-align:center;padding:40px;color:#666}.error{color:#c62828}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-cancel{padding:10px 20px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.filter-btn{padding:8px 16px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{background-color:#e0e0e0;border-color:#bbb}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.form-divider{height:1px;background-color:#e0e0e0;margin:30px 0}.form-row{display:flex;gap:20px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px;margin-bottom:20px}.checkbox-group{display:flex;align-items:center;gap:12px}.checkbox-group label{margin-bottom:0}.btn-posted{background:#f0f0f0;color:#333;border:1px solid #ddd;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:4px}.btn-posted:hover{background:#e0e0e0;border-color:#bbb}.btn-posted.posted{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf50}.btn-load-more{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-load-more:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-expand-images{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-expand-images:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}