@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--primary-color: #2c3e50;--secondary-color: #fca12e;--accent-color: #e74c3c;--success-color: #27ae60;--background-color: #ecf0f1;--container-bg: #ffffff;--text-color: #2c3e50;--border-color: #bdc3c7;--hover-color: #e39429;--subtitle-bg: #f9f9f9;--download-bg: #2c3e50;--download-hover: #fca12e;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}body{font-family:Montserrat,sans-serif;font-weight:var(--font-regular);line-height:1.6;margin:0;padding:20px;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.dark-mode{--primary-color: #fca12e;--secondary-color: #fca12e;--accent-color: #f28b82;--success-color: #81c995;--background-color: #202124;--container-bg: #2a2a2a;--text-color: #e8eaed;--border-color: #5f6368;--hover-color: #e39429;--subtitle-bg: #333333;--download-bg: #fca12e;--download-hover: #e39429}.container{max-width:800px;margin:0 auto;background-color:var(--container-bg);padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}h1{text-align:center;color:var(--primary-color);margin-bottom:30px;font-size:2.2em;font-weight:var(--font-bold);letter-spacing:-.5px}h2{color:var(--primary-color);font-size:1.5em;margin-bottom:20px;font-weight:var(--font-semibold);letter-spacing:-.3px}.form-group{margin-bottom:25px}.subtitle-styling .form-group{margin-bottom:4px}label{display:block;margin-bottom:8px;font-weight:var(--font-medium);color:var(--primary-color);letter-spacing:.2px}select{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;font-family:Montserrat,sans-serif;font-weight:var(--font-regular);transition:border-color .3s ease;background-color:var(--container-bg);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem;box-sizing:border-box}select:focus{border-color:var(--secondary-color);outline:none}button{background-color:var(--secondary-color);color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;width:100%;font-size:16px;font-weight:var(--font-semibold);font-family:Montserrat,sans-serif;letter-spacing:.3px;transition:background-color .3s ease,transform .2s ease}button:hover:not(:disabled){background-color:var(--hover-color);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.progress-bar{height:8px;background-color:var(--background-color);border-radius:4px;overflow:hidden;margin:20px 0}.progress-fill{height:100%;background-color:var(--success-color);width:0%;animation:progress 2s infinite linear;border-radius:4px}@keyframes progress{0%{width:0%}to{width:100%}}.status-text{text-align:center;color:var(--primary-color);font-weight:var(--font-medium);margin-top:10px;letter-spacing:.2px}.download-links{display:flex;flex-direction:column;gap:12px;margin-top:25px}.download-button{display:block;background-color:var(--download-bg);color:#fff;text-decoration:none;padding:14px 24px;border-radius:6px;text-align:center;font-weight:var(--font-semibold);letter-spacing:.3px;transition:all .3s ease;margin:20px;width:auto}.download-button:hover{background-color:var(--download-hover);transform:translateY(-1px)}.tabs{margin-bottom:30px;border-bottom:2px solid var(--border-color);display:flex;gap:5px}.tab-button{padding:12px 24px;margin-bottom:-2px;border:none;background:none;cursor:pointer;font-size:16px;font-weight:var(--font-medium);color:var(--text-color);font-family:Montserrat,sans-serif;letter-spacing:.2px;transition:all .3s ease;border-bottom:2px solid transparent;width:auto}.tab-button:hover{color:var(--secondary-color);background-color:transparent;transform:none}.tab-button.active{border-bottom:2px solid var(--secondary-color);color:var(--secondary-color);font-weight:var(--font-semibold)}.tab-content{padding:25px 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input[type=file]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}input[type=file]+label{display:inline-block;padding:12px 24px;background-color:var(--secondary-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:var(--font-semibold);font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-align:center;width:100%;box-sizing:border-box}input[type=file]+label:hover{background-color:var(--hover-color);transform:translateY(-1px)}input[type=file]+label:active{transform:translateY(0)}.file-info{margin-top:8px;font-size:14px;color:var(--primary-color);font-family:Montserrat,sans-serif;font-weight:var(--font-regular)}.subtitle-styling{border:1px solid var(--border-color);padding:12px;margin-bottom:20px;border-radius:8px;background-color:var(--subtitle-bg)}.subtitle-styling h3{margin-top:0;margin-bottom:10px;color:var(--primary-color);font-size:1em;font-weight:var(--font-medium);letter-spacing:-.2px}.form-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.form-group.half{width:calc(50% - 8px)}.subtitle-styling input[type=number],.subtitle-styling select{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;font-family:Montserrat,sans-serif;font-weight:var(--font-regular);transition:border-color .3s ease;box-sizing:border-box;height:32px;background-color:var(--container-bg);color:var(--text-color)}.subtitle-styling input[type=number]:focus,.subtitle-styling select:focus{border-color:var(--secondary-color);outline:none}.subtitle-styling label{font-size:13px;margin-bottom:4px}.signin-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#111214;display:flex;align-items:center;justify-content:center;z-index:2000}.signin-card{background-color:#1a1b1e;border-radius:16px;padding:48px 56px;text-align:center;max-width:420px;width:90%;box-shadow:0 24px 64px #0009}.signin-card__title{font-size:2.4em;font-weight:var(--font-bold);color:#fca12e;margin:0 0 10px;letter-spacing:-.5px}.signin-card__subtitle{font-size:.95em;font-weight:var(--font-regular);color:#a0a4ab;margin:0 0 28px;letter-spacing:.1px}.signin-card__prompt{font-size:1em;font-weight:var(--font-medium);color:#e8eaed;margin:0 0 32px;line-height:1.6}.signin-card__btn{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#fca12e;color:#111214;border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:var(--font-semibold);font-family:Montserrat,sans-serif;letter-spacing:.2px;cursor:pointer;width:100%;transition:background-color .2s ease,transform .2s ease}.signin-card__btn:hover{background-color:#e39429;transform:translateY(-2px)}.signin-card__btn:active{transform:translateY(0)}.auth-bar{position:fixed;top:16px;left:20px;z-index:1000;display:flex;align-items:center;gap:12px;background-color:var(--container-bg);border-radius:8px;padding:8px 14px;box-shadow:0 2px 6px #00000026}.auth-bar__welcome{font-size:13px;font-weight:var(--font-medium);color:var(--text-color)}.auth-bar__signout{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:var(--font-medium);font-family:Montserrat,sans-serif;cursor:pointer;width:auto;transition:background-color .2s ease}.auth-bar__signout:hover{background-color:#c0392b;transform:none}.dark-mode-toggle{position:fixed;top:70px;right:20px;z-index:1000;height:40px;border-radius:50%;background-color:var(--secondary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;color:#fff;transition:background-color .3s ease;padding:0;overflow:hidden;width:40px}.dark-mode-toggle:hover{background-color:var(--hover-color);transform:none}@media (max-width: 600px){.container{padding:20px}h1{font-size:1.8em}.tab-button{padding:10px 15px;font-size:14px}.form-row{flex-direction:column;gap:10px}.form-group.half{width:100%}.subtitle-styling{padding:10px}.subtitle-styling input[type=number],.subtitle-styling select{padding:6px}.dark-mode-toggle{top:60px;right:10px;width:36px;height:36px}.signin-card{padding:36px 28px}.signin-card__title{font-size:2em}.auth-bar{top:10px;left:10px;padding:6px 10px}}.preview-panel{margin-top:24px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--subtitle-bg);animation:fadeIn .3s ease}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:var(--primary-color);color:#fff;font-size:13px;font-weight:var(--font-medium);gap:10px}.preview-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0 4px;width:auto;line-height:1;opacity:.8;transition:opacity .2s;flex-shrink:0}.preview-close:hover{opacity:1;background:none;transform:none}.preview-image{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background-color:#000}.help-faq{padding-bottom:10px}.help-intro{color:var(--text-color);font-size:14px;font-weight:var(--font-regular);margin-top:0;margin-bottom:28px;line-height:1.7}.faq-section{margin-bottom:32px}.faq-section-title{font-size:1em;font-weight:var(--font-semibold);color:var(--secondary-color);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--secondary-color)}.faq-item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:6px;overflow:hidden;transition:border-color .2s ease}.faq-item--open{border-color:var(--secondary-color)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--subtitle-bg);border:none;padding:12px 14px;text-align:left;font-size:14px;font-weight:var(--font-medium);color:var(--text-color);cursor:pointer;gap:12px;transform:none;border-radius:0;letter-spacing:.1px;line-height:1.5}.faq-question:hover{background-color:var(--border-color);transform:none}.faq-question span{flex:1}.faq-chevron{width:16px;height:16px;flex-shrink:0;color:var(--secondary-color);transition:transform .25s ease}.faq-item--open .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:14px 16px;font-size:14px;color:var(--text-color);line-height:1.7;background-color:var(--container-bg);animation:fadeIn .2s ease}.faq-answer p,.faq-answer ol,.faq-answer ul{margin:0 0 10px}.faq-answer p:last-child,.faq-answer ol:last-child,.faq-answer ul:last-child{margin-bottom:0}.faq-answer ol,.faq-answer ul{padding-left:20px}.faq-answer li{margin-bottom:6px}.faq-answer strong{font-weight:var(--font-semibold);color:var(--primary-color)}.help-footer{margin-top:36px;padding:14px 16px;border-radius:6px;background-color:var(--subtitle-bg);border:1px solid var(--border-color);font-size:13px;color:var(--text-color);line-height:1.6}.help-footer p{margin:0}.help-footer a{color:var(--secondary-color);text-decoration:none;font-weight:var(--font-medium)}.help-footer a:hover{text-decoration:underline}
