@font-face{font-family:Kontora;src:url(/assets/Kontora-Bold-DGxdBFK1.otf) format("opentype");font-weight:700}@font-face{font-family:Kontora;src:url(/assets/KontoraExtraBold-CjURJXHO.otf) format("opentype");font-weight:800}*{margin:0;padding:0;box-sizing:border-box}:root{--french-blue: #002395;--french-red: #ED2939;--white: #FFFFFF;--light-gray: #f5f5f5;--dark-gray: #333;--text-color: #000000}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.header{background:var(--white);color:var(--text-color);padding:1rem 2rem}.tricolor-stripe{height:4px;display:flex}.tricolor-stripe .blue{flex:1;background:var(--french-blue)}.tricolor-stripe .white{flex:1;background:var(--light-gray)}.tricolor-stripe .red{flex:1;background:var(--french-red)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-color)}.logo-img{width:50px;height:50px;border-radius:10px;object-fit:contain}.logo h1{font-family:Kontora,sans-serif;font-weight:800;font-size:1.5rem}.logo h1 .french{color:var(--french-blue)}.logo h1 .apps{color:var(--french-red)}.nav a{color:var(--text-color);text-decoration:none;margin-left:2rem;font-weight:500;transition:color .2s}.nav a:hover{color:var(--french-blue)}.footer{background:var(--white);color:var(--dark-gray);text-align:center;padding:2rem;margin-top:auto;border-top:1px solid var(--light-gray)}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:2rem}.footer-donate{color:var(--french-red);text-decoration:none;font-size:.9rem;font-weight:600}.footer-donate:hover{text-decoration:underline}.footer-admin{color:#999;text-decoration:none;font-size:.85rem}.footer-admin:hover{color:var(--french-blue)}.ad-banner{display:block;width:100%;padding:1rem;background:#fff;color:var(--french-blue);text-align:center;text-decoration:none;font-weight:600;font-size:1rem;border:2px solid var(--french-blue);border-radius:10px;margin-bottom:1.5rem;transition:opacity .2s,transform .2s}.ad-banner:hover{opacity:.8;transform:translateY(-2px)}.donate-page{display:flex;justify-content:center;padding:2rem 0}.donate-card{background:#fff;border-radius:15px;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 4px 15px #0000001a;text-align:center}.donate-card h2{color:var(--french-blue);margin-bottom:1rem}.donate-description{color:#666;margin-bottom:2rem;line-height:1.6}.amount-selector{margin-bottom:2rem}.amount-selector>label{display:block;font-weight:600;margin-bottom:1rem;color:var(--dark-gray)}.preset-amounts{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.amount-btn{padding:.75rem 1.5rem;border:2px solid var(--french-blue);background:#fff;color:var(--french-blue);border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.amount-btn:hover{background:var(--light-gray)}.amount-btn.active{background:var(--french-blue);color:#fff}.custom-amount{margin-top:1.5rem}.custom-amount label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.custom-input-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem}.custom-input-wrapper input{width:120px;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1.1rem;text-align:center}.custom-input-wrapper input:focus{outline:none;border-color:var(--french-blue)}.custom-input-wrapper .currency{font-size:1.2rem;font-weight:600;color:var(--dark-gray)}.donate-btn{width:100%;padding:1rem;font-size:1.1rem;margin-top:1rem}.secure-notice{margin-top:1rem;font-size:.85rem;color:#888}.donate-thanks{display:flex;justify-content:center;padding:3rem 0}.thanks-card{background:#fff;border-radius:15px;padding:3rem;max-width:500px;width:100%;box-shadow:0 4px 15px #0000001a;text-align:center}.thanks-icon{font-size:4rem;margin-bottom:1rem}.thanks-card h2{color:var(--french-blue);margin-bottom:1rem}.thanks-card p{color:#666;margin-bottom:2rem;line-height:1.6}@media (max-width: 768px){.preset-amounts{flex-wrap:wrap}.amount-btn{flex:1;min-width:70px}}.hero{text-align:center;padding:3rem 0;background:var(--white);color:var(--text-color);margin-bottom:2rem}.hero h2{font-size:2.5rem;margin-bottom:1rem;color:var(--french-blue)}.hero p{font-size:1.2rem;color:#000}.articles-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--french-blue);border-left:4px solid var(--french-red);padding-left:1rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.article-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.article-card img{width:100%;height:200px;object-fit:cover}.article-card-content{padding:1.5rem}.article-card h4{font-size:1.3rem;margin-bottom:.5rem;color:var(--french-blue)}.article-card p{color:#000;margin-bottom:1rem}.article-card .app-badge{display:inline-block;background:var(--french-red);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;margin-bottom:1rem}.article-card-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.article-date{color:#999}.article-card-stats{display:flex;gap:.75rem}.stat-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666}.stat-item svg{opacity:.7}.article-card .read-more{color:var(--french-blue);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.article-card .read-more:hover{text-decoration:underline}.article-page{max-width:800px;margin:0 auto}.article-page img{width:100%;max-height:400px;object-fit:cover;border-radius:15px;margin-bottom:2rem}.article-page h2{font-size:2.5rem;color:var(--french-blue);margin-bottom:1rem}.article-meta{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.article-meta span{background:var(--light-gray);padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.article-meta .app-link{background:var(--french-red);color:#fff;text-decoration:none;border-radius:20px}.store-badges{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.store-badge{display:inline-block;transition:transform .2s,opacity .2s}.store-badge:hover{transform:scale(1.05);opacity:.9}.store-badge img{height:50px;width:auto;border-radius:8px}.website-badge{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:var(--french-blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,background .2s}.website-badge:hover{transform:scale(1.05);background:#001a6e}.article-content{background:#fff;padding:2rem;border-radius:15px;line-height:1.8;box-shadow:0 4px 15px #0000001a}.article-content p{margin-bottom:1rem}.markdown-content h1{font-size:2rem;color:var(--french-blue);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-gray)}.markdown-content h2{font-size:1.6rem;color:var(--french-blue);margin:1.75rem 0 1rem}.markdown-content h3{font-size:1.3rem;color:var(--french-blue);margin:1.5rem 0 .75rem}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1.1rem;color:var(--dark-gray);margin:1.25rem 0 .5rem}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid var(--french-blue);padding-left:1rem;margin:1.5rem 0;color:#555;font-style:italic;background:var(--light-gray);padding:1rem 1rem 1rem 1.5rem;border-radius:0 8px 8px 0}.markdown-content code{background:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.markdown-content pre code{background:none;padding:0;color:inherit}.markdown-content a{color:var(--french-blue);text-decoration:underline}.markdown-content a:hover{color:var(--french-red)}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.markdown-content hr{border:none;border-top:2px solid var(--light-gray);margin:2rem 0}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.markdown-content th,.markdown-content td{border:1px solid #ddd;padding:.75rem;text-align:left}.markdown-content th{background:var(--french-blue);color:#fff}.markdown-content tr:nth-child(2n){background:var(--light-gray)}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.article-screenshots{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.article-screenshots h3{color:var(--french-blue);margin-bottom:1rem;font-size:1.3rem}.screenshots-gallery{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scrollbar-color:var(--french-blue) #eee}.screenshots-gallery::-webkit-scrollbar{height:8px}.screenshots-gallery::-webkit-scrollbar-track{background:#eee;border-radius:4px}.screenshots-gallery::-webkit-scrollbar-thumb{background:var(--french-blue);border-radius:4px}.screenshots-gallery img{height:400px;width:auto;border-radius:12px;box-shadow:0 4px 15px #00000026;flex-shrink:0;transition:transform .2s}.screenshots-gallery img:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}@media (max-width: 768px){.screenshots-gallery img{height:280px}}.back-link{display:inline-block;margin-bottom:2rem;color:var(--french-blue);text-decoration:none}.back-link:hover{text-decoration:underline}.admin-login{max-width:400px;margin:4rem auto;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.admin-login h2{text-align:center;color:var(--french-blue);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--french-blue)}.form-group textarea{min-height:150px;resize:vertical}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--french-blue);color:#fff}.btn-danger{background:var(--french-red);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.admin-dashboard{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.admin-header h2{color:var(--french-blue)}.article-form{background:var(--light-gray);padding:2rem;border-radius:15px;margin-bottom:2rem}.article-form h3{margin-bottom:1.5rem;color:var(--french-blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.articles-list{margin-top:2rem}.articles-list h3{margin-bottom:1rem;color:var(--french-blue)}.article-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light-gray);border-radius:10px;margin-bottom:.5rem}.article-item-info h4{margin-bottom:.25rem}.article-item-info span{font-size:.85rem;color:#000}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.status-draft{background:#ffc107;color:#000}.article-item-actions{display:flex;gap:.5rem}.article-item-actions button{padding:.5rem 1rem;font-size:.85rem}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1rem}.loading{text-align:center;padding:3rem;color:#000}.no-articles{text-align:center;padding:3rem;color:#000;background:#fff;border-radius:15px}.submit-app-page{max-width:800px;margin:0 auto}.submit-header{text-align:center;margin-bottom:2rem}.submit-header h2{color:var(--french-blue);margin-bottom:.5rem}.submit-header p{color:#666}.progress-bar{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-step:before{content:"";position:absolute;top:15px;left:calc(-50% + 20px);right:calc(50% + 20px);height:2px;background:#ddd}.progress-step:first-child:before{display:none}.progress-step.active:before{background:var(--french-blue)}.progress-step span{width:30px;height:30px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;position:relative;z-index:1}.progress-step.active span{background:var(--french-blue);color:#fff}.progress-step p{font-size:.85rem;margin-top:.5rem;color:#666}.progress-step.active p{color:var(--french-blue);font-weight:600}.submit-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.form-section h3{color:var(--french-blue);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-gray)}.section-description{color:#666;margin-bottom:1.5rem;font-style:italic}.field-hint{font-size:.85rem;color:#888;margin-bottom:.5rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.screenshot-input{margin-bottom:.5rem}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--light-gray)}.form-navigation .btn{min-width:150px}.store-import-section{background:linear-gradient(135deg,#f8f9ff,#fff5f5);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px dashed #ddd}.store-import-section h4{color:var(--french-blue);margin-bottom:.5rem;font-size:1.1rem}.store-import-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.store-input-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem}.store-icon{font-size:1.2rem}.store-input-wrapper{display:flex;gap:.5rem}.store-input-wrapper input{flex:1;padding:.6rem;border:2px solid #ddd;border-radius:8px;font-size:.9rem}.store-input-wrapper input:focus{outline:none;border-color:var(--french-blue)}.btn-fetch{background:var(--french-blue);color:#fff;padding:.6rem 1rem;white-space:nowrap}.btn-fetch:disabled{background:#ccc;cursor:not-allowed}.success-message{background:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;text-align:center}.section-divider{border:none;border-top:2px solid var(--light-gray);margin:1.5rem 0}.imported-media-preview{margin-top:1.5rem;padding:1rem;background:#f0f8ff;border-radius:12px;border:2px solid var(--french-blue)}.imported-media-preview h5{color:var(--french-blue);margin-bottom:1rem;font-size:1rem}.media-preview-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.preview-logo-img{width:70px;height:70px;border-radius:14px;object-fit:cover;box-shadow:0 2px 8px #00000026}.preview-screenshot-img{height:120px;width:auto;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #00000026}.media-full-preview{background:var(--light-gray);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.media-full-preview h4{color:var(--french-blue);margin-bottom:1rem;font-size:1rem}.media-preview-grid{display:flex;flex-wrap:wrap;gap:1rem}.preview-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-item span{font-size:.75rem;color:#666}.preview-item.logo-preview img{width:80px;height:80px;border-radius:16px;object-fit:cover;box-shadow:0 2px 8px #00000026}.preview-item.screenshot-preview img{height:150px;width:auto;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #00000026}.url-preview{margin-top:.5rem}.inline-preview{width:60px;height:60px;border-radius:12px;object-fit:cover}.screenshot-input-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.screenshot-input-row input{flex:1}.inline-screenshot-preview{height:50px;width:auto;border-radius:6px;object-fit:contain;flex-shrink:0}.submit-success{text-align:center;padding:3rem;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-width:600px;margin:2rem auto}.success-icon{width:80px;height:80px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;margin:0 auto 1.5rem}.submit-success h2{color:var(--french-blue);margin-bottom:1rem}.submit-success p{color:#666;margin-bottom:1rem}.submit-success .btn{margin-top:1.5rem}.nav-submit{background:var(--french-red);color:#fff!important;padding:.5rem 1rem;border-radius:8px;transition:background .2s}.nav-submit:hover{background:#c41e2a;color:#fff!important}.admin-submissions{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.submissions-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-top:1.5rem}.submissions-list-panel{border-right:2px solid var(--light-gray);padding-right:1.5rem}.filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-bar label{font-weight:600;white-space:nowrap}.filter-bar select{flex:1;padding:.5rem;border:2px solid #ddd;border-radius:8px}.submissions-list{max-height:70vh;overflow-y:auto}.submission-item{padding:1rem;background:var(--light-gray);border-radius:10px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.submission-item:hover{border-color:var(--french-blue)}.submission-item.selected{border-color:var(--french-blue);background:#e8f0fe}.submission-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.submission-item-header h4{font-size:1rem;color:var(--french-blue)}.submission-excerpt{font-size:.85rem;color:#666;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.submission-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.no-submissions{text-align:center;color:#666;padding:2rem}.status-pending{background:#ffc107;color:#000}.status-approved{background:#17a2b8;color:#fff}.status-rejected{background:#dc3545;color:#fff}.status-published{background:#28a745;color:#fff}.submission-detail-panel{min-height:400px}.submission-detail{padding:0 1rem}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.detail-header h3{color:var(--french-blue);font-size:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h4{color:var(--french-blue);margin-bottom:1rem;font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{margin-bottom:.75rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{display:block;font-weight:600;font-size:.85rem;color:#666;margin-bottom:.25rem}.detail-item a{color:var(--french-blue);word-break:break-all}.detail-item p{color:#333;line-height:1.5}.story-item{margin-bottom:1.5rem;padding:1rem;background:var(--light-gray);border-radius:10px}.story-item label{display:block;font-weight:600;color:var(--french-blue);margin-bottom:.5rem}.story-item p{color:#333;line-height:1.6}.submission-logo{max-width:100px;max-height:100px;border-radius:10px}.screenshots-grid{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.submission-screenshot{max-width:150px;max-height:150px;border-radius:8px;object-fit:cover}.detail-section textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;resize:vertical}.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;border-top:2px solid var(--light-gray)}.btn-success{background:#28a745;color:#fff}.no-selection{display:flex;align-items:center;justify-content:center;height:300px;color:#888;font-style:italic}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav a{margin-left:1rem}.hero h2{font-size:1.8rem}.articles-grid,.form-row{grid-template-columns:1fr}.article-item{flex-direction:column;gap:1rem;text-align:center}.progress-bar{padding:0}.progress-step p{font-size:.7rem}.submissions-layout{grid-template-columns:1fr}.submissions-list-panel{border-right:none;border-bottom:2px solid var(--light-gray);padding-right:0;padding-bottom:1.5rem}.submissions-list{max-height:300px}.detail-grid,.store-import-row{grid-template-columns:1fr}.store-input-wrapper{flex-direction:column}.store-input-wrapper .btn-fetch{width:100%}.media-preview-container{flex-direction:column}.screenshots-row img{height:80px}.preview-item.screenshot-preview img{height:100px}.screenshot-input-row{flex-direction:column;align-items:stretch}.inline-screenshot-preview{height:80px;align-self:flex-start}}.story-generator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.story-generator-modal{background:#fff;border-radius:15px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.story-generator-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--light-gray)}.story-generator-header h3{color:var(--french-blue);margin:0}.story-generator-content{display:flex;padding:1.5rem;gap:2rem;overflow-y:auto}.story-preview-container{width:270px;height:480px;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #0003;flex-shrink:0}.story-canvas{position:relative;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;display:flex;flex-direction:column}.story-photo-section{height:1280px;width:100%;overflow:hidden;background-color:#f0f0f0;background-repeat:no-repeat}.story-no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#002395,#ed2939);color:#fff;font-size:48px}.story-banner{height:640px;width:100%;background:#fff}.story-banner-content{height:100%;padding:50px 60px;display:flex;flex-direction:column}.story-banner-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.story-banner-brand{display:flex;align-items:center;gap:20px}.story-banner-logo{width:35px;height:auto}.story-banner-name{font-family:Kontora,Segoe UI,sans-serif;font-size:42px;font-weight:800}.story-banner-name .brand-french{color:#002395}.story-banner-name .brand-apps{color:#ed2939}.story-app-logo-wrapper{width:140px;height:140px;border-radius:24px;background:#fff;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-app-logo{width:100%;height:100%;object-fit:contain;background:#fff}.story-banner-title{font-size:52px;font-weight:700;color:#000;margin:0;line-height:1.3}.story-banner-excerpt{font-size:32px;color:#666;margin:20px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.photo-upload-section{margin-bottom:1rem}.photo-upload-section label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--french-blue)}.upload-controls{display:flex;gap:.75rem;align-items:center}.file-input{flex:1}.btn-small{padding:.4rem .8rem;font-size:.85rem}.story-options{flex:1;display:flex;flex-direction:column;gap:1.5rem}.screenshot-selector label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--french-blue)}.screenshot-thumbnails{display:flex;gap:.75rem;flex-wrap:wrap}.screenshot-thumb{width:60px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:all .2s}.screenshot-thumb:hover{border-color:#ccc}.screenshot-thumb.selected{border-color:var(--french-blue);box-shadow:0 0 0 2px #00239533}.btn-download{padding:1rem 2rem;font-size:1.1rem;margin-top:auto}.btn-story{background:linear-gradient(135deg,#002395,#ed2939);color:#fff}.btn-story:hover{opacity:.9}@media (max-width: 768px){.story-generator-content{flex-direction:column;align-items:center}.story-preview-container{margin-bottom:1rem}}.article-engagement{margin-top:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.engagement-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.engagement-header h3{color:var(--french-blue);margin:0}.vote-buttons{display:flex;gap:.75rem}.vote-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:2px solid #ddd;border-radius:25px;background:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;color:#666}.vote-btn:hover:not(:disabled){border-color:#bbb;background:var(--light-gray)}.vote-btn:disabled{opacity:.6;cursor:not-allowed}.vote-btn svg{width:20px;height:20px}.vote-btn.upvote.active{border-color:#28a745;background:#d4edda;color:#28a745}.vote-btn.upvote.active svg{fill:#28a745}.vote-btn.downvote.active{border-color:var(--french-red);background:#f8d7da;color:var(--french-red)}.vote-btn.downvote.active svg{fill:var(--french-red)}.comment-section{margin-top:2rem;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.comment-section h3{color:var(--french-blue);margin-bottom:1.5rem}.comment-form{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--light-gray)}.comment-form-row{margin-bottom:1rem}.comment-form-row input,.comment-form-row textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.comment-form-row input:focus,.comment-form-row textarea:focus{outline:none;border-color:var(--french-blue)}.comment-form-row textarea{resize:vertical;min-height:80px}.comment-form-footer{display:flex;justify-content:space-between;align-items:center}.char-count{font-size:.85rem;color:#888}.comment-error{margin-top:.75rem;color:var(--french-red);font-size:.9rem}.comments-loading,.no-comments{text-align:center;color:#666;padding:1.5rem;font-style:italic}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{padding:1rem;background:var(--light-gray);border-radius:10px;position:relative}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.comment-author{font-weight:600;color:var(--french-blue)}.comment-date{font-size:.8rem;color:#888}.comment-content{color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-delete{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#999;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.comment-delete:hover{background:#fee;color:var(--french-red)}@media (max-width: 768px){.engagement-header{flex-direction:column;align-items:flex-start}.vote-buttons{width:100%;justify-content:center}.vote-btn{flex:1;justify-content:center}}