:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface-2:#242424;--border:#333;--text:#e8e8e8;--text-muted:#888;--accent:#e53935;--accent-hover:#c62828;--jh-color:#00bfa5;--v-color:#e53935;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0f0f0f;background:var(--bg);color:#e8e8e8;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#1a1a1a;background:var(--surface);border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.app-header h1{font-size:20px;font-weight:800;letter-spacing:-.5px}.app-header h1 span{color:#e53935;color:var(--accent)}.tab-bar{background:#242424;background:var(--surface-2);border-radius:10px;border-radius:var(--radius);display:flex;gap:4px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .15s}.tab-btn.active{background:#e53935;background:var(--accent);color:#fff}.tab-btn:hover:not(.active){color:#e8e8e8;color:var(--text)}.preview-layout{display:flex;flex:1 1;overflow:hidden}.controls-sidebar{background:#1a1a1a;background:var(--surface);border-right:1px solid #333;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:20px;min-width:360px;overflow-y:auto;padding:20px;width:360px}.preview-panel{align-items:center;background:#0f0f0f;background:var(--bg);flex:1 1;justify-content:center;overflow:auto;padding:24px}.control-group,.preview-panel{display:flex;flex-direction:column}.control-group{gap:8px}.control-label{color:#888;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.control-input{background:#242424;background:var(--surface-2);border:1px solid #333;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e8e8e8;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.control-input:focus{border-color:#e53935;border-color:var(--accent)}.control-textarea{min-height:80px;resize:vertical}.template-group-title{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.template-group-title.jh{color:#00bfa5;color:var(--jh-color)}.template-group-title.v{color:#e53935;color:var(--v-color)}.template-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:12px}.template-btn{background:#242424;background:var(--surface-2);border:1px solid #333;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;line-height:1.3;padding:8px 10px;text-align:left;transition:all .15s}.template-btn:hover{border-color:#888;border-color:var(--text-muted);color:#e8e8e8;color:var(--text)}.template-btn.active{background:#e539351f;border-color:#e53935;border-color:var(--accent);color:#e8e8e8;color:var(--text)}.color-row{align-items:center;display:flex;gap:10px}.color-swatch{border:2px solid #333;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:40px;width:40px}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.image-uploader{border:2px dashed #333;border:2px dashed var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .15s}.image-uploader:hover{background:#e539350a;border-color:#e53935;border-color:var(--accent)}.image-uploader.has-image{border-style:solid;padding:0}.image-uploader img{border-radius:10px;border-radius:var(--radius);height:140px;object-fit:cover;width:100%}.upload-placeholder{align-items:center;color:#888;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}.upload-icon{font-size:28px;opacity:.5}.upload-text{font-size:13px;font-weight:600}.image-remove{align-items:center;background:#000000b3;border-radius:50%;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.generate-btn,.image-remove{border:none;color:#fff;cursor:pointer}.generate-btn{background:#e53935;background:var(--accent);border-radius:10px;border-radius:var(--radius);font-size:16px;font-weight:700;padding:14px;transition:background .15s;width:100%}.generate-btn:hover{background:#c62828;background:var(--accent-hover)}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.preview-frame{border-radius:8px;box-shadow:0 8px 40px #00000080;flex-shrink:0;height:720px;overflow:hidden;transform:scale(.55);transform-origin:top center;width:1280px}.preview-info{color:#888;color:var(--text-muted);font-size:13px;margin-top:-260px;text-align:center}.bulk-page{margin:0 auto;max-width:900px;padding:32px 24px}.bulk-page h2{font-size:24px;font-weight:800;margin-bottom:24px}.bulk-section{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:16px;padding:20px}.bulk-section h3{color:#888;color:var(--text-muted);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.template-check-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.template-check{align-items:center;background:#242424;background:var(--surface-2);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.template-check input{accent-color:#e53935;accent-color:var(--accent)}.progress-bar-wrap{background:#242424;background:var(--surface-2);border-radius:4px;height:8px;margin:12px 0;overflow:hidden;width:100%}.progress-bar-fill{background:#e53935;background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.result-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.result-card{background:#242424;background:var(--surface-2);border:1px solid #333;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden}.result-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.result-card-info{align-items:center;color:#888;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;padding:10px 12px}.result-card-info a{color:#e53935;color:var(--accent);font-weight:600;text-decoration:none}.list-input-row{display:flex;gap:6px;margin-bottom:6px}.list-input-row input{flex:1 1}.list-add-btn,.list-remove-btn{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #333;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:32px}.list-add-btn:hover{border-color:#00bfa5;border-color:var(--jh-color);color:#00bfa5;color:var(--jh-color)}.list-remove-btn:hover{border-color:#e53935;border-color:var(--accent);color:#e53935;color:var(--accent)}.metric-row{display:flex;gap:6px;margin-bottom:6px}.metric-row input:first-child{flex:2 1}.metric-row input:last-of-type{flex:1 1}
/*# sourceMappingURL=main.aad61074.css.map*/