:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-color), .05);--shadow-md: 0 4px 6px -1px rgba(var(--shadow-color), .1), 0 2px 4px -1px rgba(var(--shadow-color), .06);--shadow-lg: 0 10px 15px -3px rgba(var(--shadow-color), .1), 0 4px 6px -2px rgba(var(--shadow-color), .05);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition-speed: .2s;--transition-ease: ease-in-out}html[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--bg-interactive: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--text-accent: #11998E;--text-on-accent: #ffffff;--border-color: #dee2e6;--accent-color: #11998E;--accent-color-hover: #15b3a5;--danger-color: #e03131;--danger-hover: #c92a2a;--success-color: #2f9e44;--warning-color: #f08c00;--shadow-color: 220, 224, 228}html[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-interactive: #4b5563;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-accent: #23c4b6;--text-on-accent: #ffffff;--border-color: #4b5563;--accent-color: #23c4b6;--accent-color-hover: #29e0d0;--danger-color: #f87171;--danger-hover: #ef4444;--success-color: #4ade80;--warning-color: #f59e0b;--shadow-color: 0, 0, 0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed),color var(--transition-speed)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}#root{padding:clamp(1rem,2vw,2rem)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit}.app-container{max-width:80rem;margin-left:auto;margin-right:auto}.card{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);text-align:center;line-height:1;white-space:nowrap;position:relative}.action-btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.action-btn.primary:hover:not(:disabled){background-color:var(--accent-color-hover);border-color:var(--accent-color-hover)}.action-btn.danger{color:var(--danger-color);border-color:var(--danger-color)}.action-btn.danger:hover:not(:disabled){background-color:var(--danger-color);color:var(--bg-secondary)}.action-btn.success{color:var(--success-color);border-color:var(--success-color)}.action-btn.success:hover:not(:disabled){background-color:var(--success-color);color:var(--bg-secondary)}.action-btn.icon-only{padding:.5rem;width:2.25rem;height:2.25rem}.action-btn.loading>*{visibility:hidden}.action-btn.loading:after{content:"";display:block;width:1rem;height:1rem;position:absolute;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite}.full-width{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.main-grid{display:flex;gap:0}.main-grid:not(.single-column)>.controls-column{flex-shrink:0}.main-grid:not(.single-column)>.editor-column{flex-grow:1;min-width:0}.main-grid.single-column{display:grid;grid-template-columns:1fr}.main-grid.single-column>.editor-column{display:none}}.resize-handle-vertical{width:16px;margin:0 -8px;cursor:col-resize;z-index:10;position:relative;flex-shrink:0}.resize-handle-vertical:before{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background-color:transparent;transition:background-color .2s ease-in-out}.resize-handle-vertical:hover:before,.resize-handle-vertical.resizing:before{background-color:var(--accent-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-tertiary),transparent 50%)}.app-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-header .logo-title{display:flex;align-items:center;gap:1rem}.app-header h1{font-size:1.875rem;font-weight:800;color:var(--text-primary)}.app-header .subtitle{margin-top:.25rem;font-size:1rem;color:var(--text-secondary)}.app-header .header-actions{display:flex;align-items:center;gap:1rem}.nav-container{display:flex;padding:.25rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);gap:.5rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-speed);border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer}.nav-button.active{background-color:var(--accent-color);color:var(--text-on-accent);box-shadow:var(--shadow-sm)}.nav-button:not(.active):hover{background-color:var(--bg-secondary);color:var(--text-primary)}.controls-content{display:flex;flex-direction:column;gap:1.5rem}.controls-column-content{flex-grow:1;min-height:0;display:flex;flex-direction:column}.controls-column-scrollable{padding:.5rem;overflow-y:auto;max-height:calc(100vh - 250px)}.data-source-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem}.ai-options-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.data-source-title{font-size:1rem;font-weight:600;color:var(--text-secondary)}.data-processor-card{padding:1rem;background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.excel-mapping-title{font-weight:600;color:var(--text-secondary)}.excel-mapping-grid-compact{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.excel-mapping-item{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-md)}.excel-mapping-item label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.excel-mapping-item input{width:2.5ch;font-family:monospace;font-weight:700;text-align:center;border:none;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);padding:.25rem}.excel-mapping-item input:focus{outline:2px solid var(--accent-color);box-shadow:none}.data-preview-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.data-preview-title{font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.data-preview-list{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:.5rem;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow-y:auto;border:1px solid var(--border-color)}.data-preview-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.data-preview-img{width:3rem;height:3rem;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-tertiary)}.data-preview-img-placeholder{width:3rem;height:3rem;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.data-preview-item-text{display:flex;flex-direction:column;overflow:hidden;gap:.125rem}.data-preview-item-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.data-preview-item-description{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.error-box{margin-top:1rem;padding:.75rem;background-color:color-mix(in srgb,var(--danger-color) 15%,transparent);color:var(--danger-color);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:.5rem;border:1px solid color-mix(in srgb,var(--danger-color) 30%,transparent)}.generate-placeholder{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);padding:2rem 1rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary)}.generate-tab-content{display:flex;flex-direction:column;height:100%}.generate-button{padding:.75rem 1.5rem;font-size:1rem}.template-placeholder-card{background-color:var(--bg-secondary);border:2px dashed var(--border-color);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.template-placeholder-title{margin-top:1rem;font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.template-placeholder-desc{margin-top:.25rem;font-size:.875rem;color:var(--text-tertiary)}.template-preview-container{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--bg-primary)}.template-preview-wrapper{position:relative;line-height:0}.template-preview-img{display:block;max-width:100%;max-height:calc(100vh - 12rem);object-fit:contain;box-shadow:var(--shadow-lg);border-radius:var(--radius-sm)}.generator-preview-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.post-links-section{display:flex;flex-direction:column;height:100%}.post-links-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem;margin:0 -1.5rem -1.5rem;background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.post-link-item{display:flex;flex-direction:column;gap:.25rem}.post-link-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-container{display:flex;list-style:none;padding:0;margin-bottom:1.5rem;align-items:center}.step-item{position:relative;flex:1 1 0%;display:flex;flex-direction:column;align-items:center}.step-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;padding:.5rem}.step-icon-wrapper{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid;transition:all var(--transition-speed)}.step-icon{width:1.25rem;height:1.25rem}.step-name{font-size:.875rem;font-weight:600;text-align:center}.step-item:not(:last-child){width:100%}.step-item:not(:last-child):after{content:"";position:absolute;left:50%;top:1.25rem;transform:translateY(-50%);width:100%;height:2px;background-color:var(--border-color);z-index:-1}.step-link.completed{cursor:pointer}.step-link.completed:hover .step-name{color:var(--accent-color)}.step-link.completed .step-icon-wrapper{border-color:var(--accent-color);background-color:var(--accent-color);color:var(--text-on-accent)}.step-link.completed .step-name{color:var(--text-primary)}.step-item.completed:after{background-color:var(--accent-color)}.step-link.current .step-icon-wrapper{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.step-link.current .step-name{color:var(--accent-color)}.step-link.upcoming .step-icon-wrapper{border-color:var(--border-color);color:var(--text-tertiary)}.step-link.upcoming .step-name{color:var(--text-tertiary)}@font-face{font-family:Gagalin;src:url(https://fontstorage.com/api/file/070f63901b5c46440263f355447b59e4.eot);src:url(https://fontstorage.com/api/file/070f63901b5c46440263f355447b59e4.eot?#iefix) format("embedded-opentype"),url(https://fontstorage.com/api/file/47a220261947e40b3b42c6761556093d.woff2) format("woff2"),url(https://fontstorage.com/api/file/71f6551b6238b9487f54b1f6d729a99f.woff) format("woff"),url(https://fontstorage.com/api/file/d559599525c35b6711c97a829e083c26.ttf) format("truetype");font-weight:400;font-style:normal}.file-input-container{width:100%}.file-input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.file-input-dropzone{margin-top:.25rem;display:flex;justify-content:center;align-items:center;padding:1rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background-color:var(--bg-primary)}.file-input-dropzone:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}.file-input-dropzone.dragging{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);transform:scale(1.02)}.file-input-content{display:flex;align-items:center;gap:.75rem;text-align:left}.file-input-icon{height:1.75rem;width:1.75rem;color:var(--text-tertiary);flex-shrink:0}.file-input-text{font-size:.875rem;color:var(--text-secondary)}.file-input-filename{font-weight:600;color:var(--text-accent);word-break:break-all}.file-input-cta{font-weight:600;color:var(--text-accent);display:block}.results-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.results-title{font-size:1.5rem;font-weight:700;color:var(--text-accent)}.results-subtitle{font-size:.875rem;color:var(--text-secondary);font-family:monospace;margin-top:.25rem}.results-subtitle.success{color:var(--success-color)}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-height:24rem;overflow-y:auto;padding:1rem;background-color:var(--bg-primary);border-radius:var(--radius-md)}.result-item-card{position:relative;aspect-ratio:2 / 3;background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.result-item-img{width:100%;height:100%;object-fit:cover}.result-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed);padding:.5rem}.result-item-card:hover .result-item-overlay{opacity:1}.result-item-overlay-title{color:#fff;font-size:.75rem;text-align:center;word-break:break-word;flex:1}.result-item-overlay-status{display:block;margin-top:.25rem;color:var(--warning-color);text-transform:capitalize}.result-item-actions{display:flex;gap:.5rem;flex-shrink:0;margin-top:.5rem}.result-item-action-btn{padding:.375rem;background-color:#4b5563cc;color:#fff;border-radius:var(--radius-full);border:none;cursor:pointer;transition:background-color var(--transition-speed);display:flex;align-items:center;justify-content:center}.result-item-action-btn:hover{background-color:var(--accent-color)}.result-item-action-btn svg{width:1rem;height:1rem}.result-item-error{width:100%;height:100%;object-fit:cover;background-color:color-mix(in srgb,var(--danger-color) 15%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border:2px solid color-mix(in srgb,var(--danger-color) 30%,transparent)}.result-item-error-text{color:var(--danger-color);font-size:.75rem;font-weight:600;text-align:center}.manifest-code{background-color:var(--bg-primary);padding:1rem;border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);max-height:20rem;overflow:auto;border:1px solid var(--border-color)}.progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--bg-secondary) 90%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.progress-stage{font-size:.875rem;font-weight:600;color:var(--text-accent)}.progress-message{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-item-warning-icon{position:absolute;top:.5rem;left:.5rem;color:var(--warning-color);background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.25rem;border-radius:var(--radius-full);z-index:5;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.result-item-warning-icon svg{width:1.25rem;height:1.25rem}.api-processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#111827e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:#fff;gap:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.api-processing-overlay svg{width:4rem;height:4rem}.api-processing-overlay p{font-size:1.25rem;font-weight:500}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal-content{max-width:400px;width:100%;animation:fade-in .3s ease-out}.login-modal-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .input-group{display:flex;flex-direction:column;gap:.5rem}.login-form .input-group label{font-weight:600;color:var(--text-secondary)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.input-with-icon input{padding-left:2.5rem!important;width:100%;background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important}.login-error-text{color:var(--danger-color);font-size:.875rem}.login-hint-text{font-size:.8rem;color:var(--text-secondary);text-align:center}.dev-access-btn{background:none;border:none;color:var(--text-secondary);text-decoration:underline;cursor:pointer;padding:.5rem;font-size:.875rem;transition:color var(--transition-speed)}.dev-access-btn:hover:not(:disabled){color:var(--text-accent)}.dev-access-btn:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1001}.loading-overlay>svg{width:4rem;height:4rem;color:var(--text-accent)}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.editor-header-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.editor-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-grow:1;gap:1rem;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center}.toolbar-left{gap:1rem}.toolbar-right{gap:.75rem}.editor-main-actions{display:flex;align-items:center;gap:.75rem}.save-button-wrapper{position:relative;display:flex;align-items:center}.save-button-wrapper .save-message{color:var(--success-color);font-weight:600;font-size:.875rem;margin-left:.75rem;animation:fade-in .3s ease}.toolbar-divider{width:1px;height:24px;background-color:var(--border-color)}.editor-title{font-size:1.25rem;font-weight:700;color:var(--text-accent)}.editor-dimensions{font-size:.875rem;font-weight:500;color:var(--text-tertiary);font-family:monospace}.preview-controls{display:flex;align-items:center;gap:.5rem}.preview-toggle{padding:.375rem .75rem;font-size:.875rem}.preview-toggle.active{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.preview-cycle-controls{display:flex;align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.preview-cycle-controls button{padding:.25rem .5rem;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.25rem;line-height:1}.preview-cycle-controls button:hover{background-color:var(--bg-interactive)}.preview-cycle-controls span{padding:0 .5rem;font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-controls label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.zoom-controls input[type=range]{width:100px}.zoom-controls span{font-size:.75rem;font-family:monospace;color:var(--text-secondary);width:3rem;text-align:right}.editor-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;min-height:1.25rem}.editor-canvas-container{flex-grow:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:1rem;border-radius:var(--radius-lg);overflow:auto}.editor-canvas-wrapper{position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0;transform-origin:center;transition:transform .05s ease-out}.editor-template-img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:var(--shadow-lg);border:1px solid #000;border-radius:var(--radius-sm)}.editor-preview-canvas{position:absolute;pointer-events:none;opacity:.8}.editor-layer-container{position:absolute}.layer-box{position:absolute;border-width:5px;border-style:dashed;border-color:color-mix(in srgb,var(--text-tertiary) 50%,transparent);transition:all var(--transition-speed) ease-in-out;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.layer-box.image{background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.layer-box.text{background-color:#2f9e4440}.layer-box.active{border-style:solid;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 25%,transparent),var(--shadow-md);z-index:10;background-color:color-mix(in srgb,var(--accent-color) 20%,transparent)}.image-layer-preview-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary)}.image-layer-preview-img{opacity:.7;filter:grayscale(10%);transition:opacity var(--transition-speed),filter var(--transition-speed);position:absolute;max-width:none}.layer-box.active .image-layer-preview-img{opacity:1;filter:none}.image-layer-crop-overlay{position:absolute;border:1px solid var(--accent-color-hover);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);pointer-events:none;box-shadow:0 0 0 9999px #0006;transition:all var(--transition-speed)}.layer-box-center-text{transform:scale(var(--inverse-zoom, 1));transform-origin:center;color:#fff;background-color:#111827b3;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;pointer-events:none;white-space:nowrap;z-index:1}.layer-box-center-text svg{width:1.25em;height:1.25em;flex-shrink:0}.resize-handle{position:absolute;width:14px;height:14px;background-color:var(--bg-secondary);border:3px solid var(--accent-color);border-radius:var(--radius-full);transform:translate(-50%,-50%);z-index:20;transition:all .1s ease;box-shadow:var(--shadow-sm)}.resize-handle:hover{transform:translate(-50%,-50%) scale(1.2);background-color:var(--bg-secondary);border-color:var(--accent-color-hover);box-shadow:var(--shadow-md)}.resize-handle:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.resize-handle.topLeft{top:0;left:0;cursor:nwse-resize}.resize-handle.topRight{top:0;left:100%;cursor:nesw-resize}.resize-handle.bottomLeft{top:100%;left:0;cursor:nesw-resize}.resize-handle.bottomRight{top:100%;left:100%;cursor:nwse-resize}.resizable-border{position:absolute;z-index:19}.resizable-border.top{top:-7px;left:8px;right:8px;height:14px;cursor:ns-resize}.resizable-border.bottom{bottom:-7px;left:8px;right:8px;height:14px;cursor:ns-resize}.resizable-border.left{left:-7px;top:8px;bottom:8px;width:14px;cursor:ew-resize}.resizable-border.right{right:-7px;top:8px;bottom:8px;width:14px;cursor:ew-resize}.layer-reset-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;z-index:2}.layer-reset-btn:hover{background-color:var(--bg-interactive)}.layer-dimensions{position:absolute;font-size:.75rem;background-color:#111827cc;color:#fff;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:monospace;pointer-events:none;transform:scale(var(--inverse-zoom, 1));transform-origin:bottom right;bottom:calc(.25rem * var(--inverse-zoom, 1));right:calc(.25rem * var(--inverse-zoom, 1));z-index:1}.library-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.library-title{font-size:1.875rem;font-weight:700;color:var(--text-accent)}.library-desc{margin-top:.5rem;color:var(--text-secondary)}.library-empty-state{text-align:center;padding:4rem 0}.library-empty-title{margin-top:1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.library-empty-desc{margin-top:.25rem;font-size:.875rem;color:var(--text-secondary)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.template-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.template-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-card-image-container{position:relative;background-color:var(--bg-primary);background-size:contain;background-position:center;background-repeat:no-repeat;aspect-ratio:2 / 3}.template-card-image{width:100%;height:100%;object-fit:contain;display:block}.template-card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:0;transform:translateY(-10px);transition:all .2s ease-in-out;z-index:10}.template-card:hover .template-card-actions{opacity:1;transform:translateY(0)}.template-card-actions .action-btn{background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)}.template-card-actions .action-btn:hover{background-color:var(--bg-tertiary)}.template-card-footer{padding:.75rem 1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--border-color);gap:.5rem}.template-card-name{font-size:.875rem;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.template-card:hover .template-card-name{color:var(--text-primary)}.template-card-input-group{display:flex;align-items:center;gap:.5rem}.template-card-input-group label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.template-card-input{width:100%;font-size:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.25rem .5rem;background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-speed)}.template-card-input:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-secondary)}.template-config-view{animation:fade-in .3s ease}.template-config-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.template-config-header h2{font-size:1.5rem;color:var(--text-primary)}.editor-title-editable{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.inline-template-name-input{font-size:1.5rem;font-weight:700;color:var(--text-accent);background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-speed)}.inline-template-name-input:hover{background-color:var(--bg-tertiary)}.inline-template-name-input:focus{outline:none;background-color:var(--bg-secondary);border-bottom-color:var(--accent-color);box-shadow:var(--shadow-sm)}@media(min-width:1024px){.template-config-view>.main-grid{height:calc(100vh - 14rem)}.template-config-view .main-grid>.controls-column.card,.template-config-view .main-grid>.editor-column{height:100%;min-height:0}}.action-btn svg,.nav-button svg,.control-tab-button svg,.segmented-control-btn svg,.pending-template-clear svg,.step-icon,.settings-tab-btn svg{width:1.25rem;height:1.25rem;flex-shrink:0}.layer-action-btn svg,.layer-reset-btn svg,.result-item-action-btn svg,.image-modal-action-btn svg{width:1rem;height:1rem}.image-modal-close svg{width:1.5rem;height:1.5rem}.image-modal-nav svg{width:1.5rem;height:1.5rem}.error-box svg{width:1.25rem;height:1.25rem;flex-shrink:0}.config-group-title svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.layer-item-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.data-preview-img-placeholder svg,.result-item-card>svg:first-child{width:2.5rem;height:2.5rem;color:var(--text-tertiary)}.result-item-error svg{width:2rem;height:2rem;color:var(--danger-color);margin-bottom:.5rem}.template-placeholder-card svg{height:4rem;width:4rem;color:var(--text-tertiary)}.progress-overlay>svg{width:2rem;height:2rem;color:var(--text-accent);animation:spin 1s linear infinite;margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-speed)}.history-item-card.expanded{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.history-item-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.history-item-details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.history-item-template{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{font-size:.875rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.status-badge{padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.done{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color)}.status-badge.error{background-color:color-mix(in srgb,var(--danger-color) 20%,transparent);color:var(--danger-color)}.history-item-toggle{color:var(--text-tertiary);transition:transform var(--transition-speed)}.history-item-card.expanded .history-item-toggle{transform:rotate(-180deg)}.history-item-results{padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.history-item-results .card{padding:0;border:none;box-shadow:none}.template-source-chooser{display:flex;background-color:var(--bg-primary);border-radius:var(--radius-md);padding:.25rem;gap:.25rem;border:1px solid var(--border-color);margin-bottom:1rem}.template-source-button{flex:1;padding:.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-speed);border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer}.template-source-button.active{background-color:var(--bg-secondary);color:var(--text-accent);box-shadow:var(--shadow-sm)}.template-source-button:not(.active):hover{background-color:var(--bg-interactive)}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;max-height:20rem;overflow-y:auto;padding:.5rem;background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.template-picker-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-speed);background-color:var(--bg-secondary)}.template-picker-item:hover{background-color:var(--bg-tertiary);border-color:color-mix(in srgb,var(--accent-color) 40%,transparent)}.template-picker-item.active{background-color:var(--accent-color);border-color:var(--accent-color-hover);box-shadow:var(--shadow-sm)}.template-picker-img-container{width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-sm);background-color:var(--bg-primary);background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-picker-img{width:100%;height:100%;object-fit:contain}.template-picker-name{font-size:.75rem;color:var(--text-secondary);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-picker-item.active .template-picker-name{color:#fff}.controls-footer{padding-top:1.5rem;margin-top:auto;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.controls-footer>*:not(:first-child){margin-left:.75rem}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#111827cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:modal-fade-in .3s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);animation:modal-zoom-in .3s ease}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-modal-img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.image-modal-close{position:absolute;top:.5rem;right:.5rem;z-index:110;background-color:#111827b3;border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-full);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed)}.image-modal-close:hover{transform:scale(1.1) rotate(90deg);color:var(--danger-color)}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:110;width:3rem;height:3rem;background-color:#1f293799;color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);border:1px solid var(--border-color)}.image-modal-nav:hover:not(:disabled){background-color:var(--accent-color);transform:translateY(-50%) scale(1.1)}.image-modal-nav:disabled{opacity:.3;cursor:not-allowed;background-color:var(--bg-interactive)}.image-modal-nav.prev{left:.5rem}.image-modal-nav.next{right:.5rem}.image-modal-actions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:110;display:flex;gap:.75rem;background-color:#1f2937cc;padding:.5rem 1rem;border-radius:var(--radius-md)}.image-modal-action-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;line-height:0;display:flex}.image-modal-action-btn:hover{color:var(--text-accent)}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem}.settings-tab-btn{padding:1rem 1.25rem;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-weight:600;border-bottom:3px solid transparent;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-speed)}.settings-tab-btn:hover{color:var(--text-primary)}.settings-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.settings-content{position:relative}.save-message-toast{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background-color:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;animation:fade-in .3s ease;box-shadow:var(--shadow-md)}.config-section{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.config-group{display:flex;flex-direction:column;gap:1rem}.config-divider{padding-top:1.5rem;border-top:1px solid var(--border-color)}.config-group-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.config-group-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:-.75rem}.editing-layer-title{color:var(--text-accent);font-style:italic}.config-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.25rem}.config-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.config-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.config-input-group{display:flex;flex-direction:column;gap:.5rem}.config-input-group .config-label{margin-bottom:0}.config-input-group .config-input{width:100%}.config-input{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .75rem;color:var(--text-primary)}.config-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 20%,transparent)}.config-input[type=number]{-moz-appearance:textfield}.config-input::-webkit-outer-spin-button,.config-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-range-input{width:100%}textarea.config-input{resize:vertical}.toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.toggle-switch-label{font-weight:500}.toggle-switch-button{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-full);transition:all var(--transition-speed);background-color:var(--bg-interactive)}.toggle-switch-button:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 20%,transparent)}.toggle-switch-button.enabled{background-color:var(--accent-color)}.toggle-switch-slider{pointer-events:none;display:inline-block;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background-color:#fff;transform:translate(0);box-shadow:var(--shadow-sm);transition:transform var(--transition-speed)}.toggle-switch-slider.enabled{transform:translate(1.25rem)}.config-group-inset{padding:.75rem;background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.config-group-inset{padding:.75rem;background-color:var(--bg-primary);border-radius:var(--radius-md);margin-top:.5rem}.segmented-control{margin-top:.5rem}.segmented-control-options{display:flex;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.segmented-control-btn{flex:1;padding:.625rem .5rem;background-color:var(--bg-secondary);border:none;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;gap:.5rem;text-transform:capitalize}.segmented-control-btn:not(:last-child){border-right:1px solid var(--border-color)}.segmented-control-btn:hover{background-color:var(--bg-tertiary)}.segmented-control-btn.active{background-color:var(--accent-color);color:var(--text-on-accent)}.config-select{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.config-color-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.config-color-input-wrapper input[type=color]{width:2.5rem;height:2.5rem;border:none;padding:.25rem;background-color:transparent}.config-color-input-wrapper input[type=text]{border:none;border-left:1px solid var(--border-color);border-radius:0}.layer-list{display:flex;flex-direction:column;gap:.5rem}.layer-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-speed)}.layer-item.active{border-color:var(--accent-color);background-color:var(--bg-secondary)}.layer-item-main{display:flex;align-items:center;gap:.75rem;flex-grow:1;min-width:0}.layer-item-icon.image{color:var(--accent-color)}.layer-item-icon.text{color:var(--success-color)}.layer-name-input{background:none;border:none;font-weight:600;color:var(--text-primary);width:100%;padding:.25rem;border-radius:var(--radius-sm)}.layer-name-input:focus{outline:none;background-color:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent-color)}.layer-item-actions{display:flex;align-items:center;gap:.25rem}.layer-action-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-speed);border-radius:var(--radius-sm);padding:.25rem;display:flex;align-items:center;justify-content:center}.layer-action-btn:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.layer-action-btn.danger:hover{background-color:color-mix(in srgb,var(--danger-color) 20%,transparent);color:var(--danger-color)}.layer-add-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.layer-add-buttons button:nth-child(3){grid-column:span 2}.save-config-container{display:flex;align-items:center;gap:1rem}.save-message{color:var(--success-color);font-weight:600;font-size:.875rem}.text-style-editor{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.selection-header{display:flex;justify-content:space-between;align-items:baseline}.selection-info{display:flex;align-items:center;gap:.5rem}.selection-count{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.clear-selection-btn{padding:.25rem .625rem;font-size:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.clear-selection-btn:hover{background-color:var(--bg-interactive);border-color:var(--text-secondary)}.radio-group-vertical{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;cursor:pointer}.radio-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid currentColor;border-radius:50%;transform:translateY(-.075em);display:grid;place-content:center}.radio-label input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--accent-color)}.radio-label input[type=radio]:checked:before{transform:scale(1)}.radio-label input[type=radio]:checked{border-color:var(--accent-color)}@media(max-width:860px){.app-header{flex-direction:column;align-items:stretch;gap:1.5rem}.app-header .header-actions{width:100%;justify-content:space-between}.app-header .nav-container{flex-grow:1;justify-content:center}}@media(max-width:600px){#root{padding:1rem}.app-header .logo-title{flex-direction:column;align-items:flex-start;gap:.5rem}.app-header h1{font-size:1.5rem}.nav-container{flex-wrap:wrap}.nav-button{flex-grow:1}.results-header{flex-direction:column;align-items:stretch;gap:1rem}}@media(max-width:1023px){.resize-handle-vertical{display:none}.controls-column{width:100%!important}.template-config-view .main-grid{display:block}.template-config-view .main-grid>.card:not(:last-child){margin-bottom:1.5rem}}.api-key-display{display:flex;gap:.5rem;align-items:center}.api-key-input{flex-grow:1;font-family:monospace}.settings-content .api-key-input{background-color:var(--bg-primary)}.admin-message{padding:.75rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500}.admin-message.success{background-color:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color);border:1px solid var(--success-color)}.admin-message.error{background-color:color-mix(in srgb,var(--danger-color) 15%,transparent);color:var(--danger-color);border:1px solid var(--danger-color)}.admin-section{padding-top:1.5rem;border-top:1px solid var(--border-color)}.admin-section:first-of-type{border-top:none;padding-top:0}.admin-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.admin-add-user-form{display:flex;gap:.75rem;align-items:center}.admin-add-user-form input{flex-grow:1}.admin-user-list{display:flex;flex-direction:column;gap:1rem}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-primary);border-radius:var(--radius-md);flex-wrap:wrap;gap:1rem}.admin-user-info{display:flex;align-items:center;gap:.75rem;font-weight:600;flex-grow:1;min-width:200px}.admin-user-id{font-family:monospace}.admin-badge{font-size:.75rem;padding:.125rem .625rem;border-radius:var(--radius-full);font-weight:600;text-transform:capitalize}.admin-badge.status-approved{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color)}.admin-badge.status-pending{background-color:color-mix(in srgb,var(--warning-color) 20%,transparent);color:var(--warning-color)}.admin-badge.status-blocked{background-color:color-mix(in srgb,var(--danger-color) 20%,transparent);color:var(--danger-color)}.admin-user-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.admin-key-display{min-width:380px}.admin-key-display .api-key-input{background-color:var(--bg-secondary)}.storage-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.storage-info-item{background-color:var(--bg-primary);padding:1rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border-color)}.storage-info-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-secondary)}.storage-info-value{font-size:1.5rem;font-weight:700;font-family:monospace;color:var(--text-accent)}.storage-info-item .action-btn{margin-top:auto}.admin-section h3 svg,.storage-info-label svg,.admin-user-info svg{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--text-tertiary)}.admin-section>.animate-spin{width:2.5rem;height:2.5rem;color:var(--text-tertiary);margin:2rem auto}