.tool-page-container{max-width:1600px;padding:2.5rem var(--container-padding)4rem;width:100%;margin:0 auto}.tool-header{margin-bottom:2.5rem}.tool-title{color:var(--secondary);letter-spacing:-.75px;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.tool-description{color:var(--text-secondary);max-width:800px;font-size:1.0625rem;line-height:1.6}.tool-workspace{grid-template-columns:340px 1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:900px){.tool-workspace{grid-template-columns:1fr}}.tool-controls-card{background:var(--primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.75rem;font-weight:700}.control-select,.control-input{background:var(--surface);border:1px solid var(--border-color);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.control-select:focus,.control-input:focus{border-color:#8b5cf6}.slider-container{align-items:center;gap:1rem;display:flex}.control-slider{background:var(--border-color);appearance:none;cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.control-slider::-webkit-slider-thumb{appearance:none;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #00000026}.slider-value{color:var(--secondary);text-align:right;min-width:25px;font-size:.875rem;font-weight:700}.color-presets{flex-wrap:wrap;gap:.5rem;display:flex}.color-preset-btn{border:2px solid var(--border-color);cursor:pointer;border-radius:50%;width:32px;height:32px;transition:transform .2s,border-color .2s}.color-preset-btn.active{border-color:#8b5cf6;transform:scale(1.15)}.btn-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex;box-shadow:0 4px 12px #8b5cf640}.btn-action:hover{opacity:.95}.btn-action:active{transform:scale(.98)}.btn-action:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;box-shadow:none;opacity:.6}.tool-main-panel{background:var(--primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;min-height:480px;padding:1.5rem;display:flex}.upload-zone{border:2px dashed var(--border-color);background:var(--surface);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;transition:background-color .2s,border-color .2s;display:flex;position:relative}.upload-zone:hover{background:var(--hover-bg);border-color:#8b5cf6}.upload-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1.25rem;font-size:3rem}.upload-title{color:var(--secondary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.upload-subtitle{color:var(--text-secondary);font-size:.8125rem}.file-input-hidden{display:none}.processing-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:#8b5cf6;border-radius:50%;width:50px;height:50px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-status{color:var(--secondary);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.processing-progress-bg{background:var(--border-color);border-radius:3px;width:240px;height:6px;overflow:hidden}.processing-progress-bar{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:3px;height:100%;transition:width .3s}.editor-view{flex-direction:column;flex:1;gap:1.5rem;display:flex}.preview-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.preview-grid{grid-template-columns:1fr}}.preview-container{border:1px solid var(--border-color);background:var(--surface);border-radius:12px;flex-direction:column;min-height:300px;display:flex;position:relative;overflow:hidden}.preview-label{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.75rem;font-weight:700;display:flex}.preview-content{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.preview-image{object-fit:contain;border-radius:6px;max-width:100%;max-height:340px}.transparent-check-bg{background-image:linear-gradient(45deg,var(--hover-bg)25%,transparent 25%),linear-gradient(-45deg,var(--hover-bg)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--hover-bg)75%),linear-gradient(-45deg,transparent 75%,var(--hover-bg)75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.cropper-wrapper{justify-content:center;align-items:center;width:100%;max-height:400px;display:flex;position:relative}.cropper-canvas{cursor:crosshair;max-width:100%;max-height:400px}.panel-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.btn-secondary{border:1px solid var(--border-color);background:var(--primary);color:var(--text);cursor:pointer;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background:var(--hover-bg)}.btn-download{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex;box-shadow:0 4px 12px #10b98140}.btn-download:hover{opacity:.95}.error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.color-picker-workspace{flex-direction:column;gap:1.5rem;width:100%;display:flex}.picker-container{grid-template-columns:1fr 300px;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.picker-container{grid-template-columns:1fr}}.picker-canvas-card{background:var(--primary);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;min-height:400px;padding:1.5rem;display:flex}.color-panel-card{background:var(--primary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.picked-color-preview{border:2px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;display:flex}.picked-color-values{flex-direction:column;gap:.75rem;display:flex}.color-value-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.color-value-label{color:var(--text-secondary);font-size:.75rem;font-weight:700}.color-value-input-group{flex:1;gap:.375rem;max-width:180px;display:flex}.color-value-input{border:1px solid var(--border-color);background:var(--surface);color:var(--text);text-align:center;border-radius:6px;outline:none;flex:1;padding:.375rem .5rem;font-family:monospace;font-size:.8125rem}.btn-copy-color{background:var(--surface);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:.375rem}.btn-copy-color:hover{background:var(--hover-bg);color:var(--text)}.picked-colors-history{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-top:1.25rem;display:flex}.picked-colors-list{flex-wrap:wrap;gap:.5rem;display:flex}.picked-colors-list-item{border:1.5px solid var(--border-color);cursor:pointer;border-radius:50%;width:28px;height:28px;transition:transform .2s}.picked-colors-list-item:hover{transform:scale(1.15)}.meme-canvas-container{background:#1e1e1e;border-radius:12px;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.meme-canvas{max-width:100%;max-height:450px;box-shadow:0 4px 20px #00000059}@media (max-width:900px){.tool-workspace{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.tool-main-panel,.editor-view,.preview-container,.cropper-workspace>div:first-child{order:1!important;width:100%!important}.tool-controls-card,.cropper-sidebar{margin-top:1rem;order:2!important;width:100%!important}.picker-container{flex-direction:column;gap:1.5rem;display:flex}.picker-canvas-card{order:1;width:100%;height:350px;min-height:300px}.color-panel-card{order:2;width:100%}}@media (max-width:600px){.tool-page-container{padding:1.5rem 1rem 3rem}.tool-title{font-size:1.75rem}.tool-description{font-size:.9375rem}.tool-main-panel{min-height:320px}.picker-canvas-card{height:300px}.meme-canvas-container{padding:1rem}.preview-grid{grid-template-columns:1fr!important;gap:1rem!important}}.engine-tabs-container{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;gap:.5rem;max-width:600px;margin-bottom:2rem;padding:.375rem;display:flex}.engine-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.engine-tab-btn:hover{color:var(--text);background:#ffffff05}.engine-tab-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);box-shadow:0 4px 12px #8b5cf633}.hunyuan-workspace{grid-template-columns:340px 1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:900px){.hunyuan-workspace{grid-template-columns:1fr}}.hunyuan-controls-card{background:var(--primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.hunyuan-section-title{background:linear-gradient(135deg,#a78bfa,#22d3ee);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.5px;-webkit-background-clip:text;margin:0;font-size:1rem;font-weight:800}.hunyuan-upload-zone{border:1px dashed var(--border-color);text-align:center;background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.hunyuan-upload-zone:hover{background:#8b5cf605;border-color:#8b5cf6}.hunyuan-upload-zone i{opacity:.5;color:#8b5cf6;font-size:1.5rem}.hunyuan-upload-zone span{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.hunyuan-ratio-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.hunyuan-ratio-btn{background:var(--surface);border:1px solid var(--border-color);color:var(--text);cursor:pointer;text-align:center;border-radius:6px;padding:.5rem;font-size:.75rem;font-weight:700;transition:all .2s}.hunyuan-ratio-btn:hover{border-color:#8b5cf6}.hunyuan-ratio-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf633}.hunyuan-textarea-sidebar{background:var(--surface);border:1px solid var(--border-color);width:100%;min-height:100px;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:.75rem;font-family:inherit;font-size:.8125rem;line-height:1.5;transition:border-color .2s}.hunyuan-textarea-sidebar:focus{border-color:#8b5cf6}.hunyuan-sidebar-clear-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.75rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.hunyuan-sidebar-clear-btn:hover{color:#ef4444;border-color:#ef4444}.hunyuan-sidebar-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:.375rem;padding:.75rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5cf633}.hunyuan-sidebar-send-btn:hover{opacity:.95;transform:translateY(-1px)}.hunyuan-sidebar-send-btn:active{transform:translateY(0)}.hunyuan-sidebar-send-btn:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.hunyuan-main-panel{background:var(--primary);border:1px solid var(--border-color);min-height:480px;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;padding:1.5rem;display:flex;position:relative}.hunyuan-preview-placeholder{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.hunyuan-placeholder-icon{background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.hunyuan-placeholder-icon i{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.hunyuan-uploaded-previews{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.hunyuan-preview-thumbnail{border:1px solid var(--border-color);border-radius:6px;width:50px;height:50px;position:relative;overflow:hidden}.hunyuan-preview-thumbnail img{object-fit:cover;width:100%;height:100%}.hunyuan-preview-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.5rem;display:flex;position:absolute;top:2px;right:2px}.hunyuan-preview-remove:hover{background:#ef4444}.hunyuan-preview-add-more{transition:border-color .2s,color .2s}.hunyuan-preview-add-more:hover{color:var(--text-primary);border-color:#8b5cf6}.dreamina-container{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.dreamina-breadcrumbs{margin-bottom:2rem}.dreamina-header{text-align:center;margin-bottom:3rem}.dreamina-title{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.dreamina-gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dreamina-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.6}.dreamina-prompt-card{background:#18181b;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1rem;width:100%;max-width:900px;margin:0 auto 2rem;padding:1.25rem;display:flex;box-shadow:0 10px 40px #0000004d}.dreamina-prompt-top-row{align-items:flex-start;gap:1rem;display:flex}.dreamina-plus-upload-card{width:56px;height:56px;color:var(--text-secondary);cursor:pointer;background:#27272a;border:1px dashed #ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.dreamina-plus-upload-card:hover{color:#fff;background:#a78bfa0d;border-color:#a78bfa}.dreamina-upload-previews-list{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.dreamina-upload-preview{border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.dreamina-upload-preview img{object-fit:cover;width:100%;height:100%}.dreamina-preview-remove-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;transition:all .2s;display:flex;position:absolute;top:2px;right:2px}.dreamina-preview-remove-btn:hover{background:#ef4444}.dreamina-textarea{color:#f4f4f5;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:56px;padding-top:4px;font-family:inherit;font-size:.9375rem;line-height:1.6}.dreamina-textarea::placeholder{color:#71717a}.dreamina-prompt-controls-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.dreamina-controls-left{gap:.75rem;display:flex}.dreamina-pill-dropdown{position:relative}.dreamina-pill-btn{color:#d4d4d8;cursor:pointer;background:#27272a;border:1px solid #ffffff0d;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.dreamina-pill-btn:hover{color:#fff;background:#3f3f46}.dreamina-pill-btn i{opacity:.8;font-size:.85rem}.dreamina-dropdown-menu{z-index:100;background:#18181b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.25rem;min-width:180px;padding:.375rem;display:flex;position:absolute;top:110%;left:0;box-shadow:0 10px 30px #00000080}.dreamina-dropdown-menu button{color:#a1a1aa;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s}.dreamina-dropdown-menu button:hover{color:#fff;background:#27272a}.dreamina-dropdown-menu button.active{color:#a78bfa;background:#27272a}.dreamina-submit-btn{color:#71717a;cursor:not-allowed;background:#27272a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:all .2s;display:flex}.dreamina-submit-btn.active{color:#000;cursor:pointer;background:#fff;box-shadow:0 4px 15px #ffffff1a}.dreamina-submit-btn.active:hover{transform:scale(1.05)}.dreamina-promo-container{justify-content:center;margin-bottom:2rem;display:flex}.dreamina-promo-link{color:#fbbf24;background:#fbbf2408;border:1px dashed #fbbf2426;border-radius:30px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dreamina-promo-link:hover{background:#fbbf240f}.dreamina-workspace-card{background:#18181b;border:1px solid #ffffff0d;border-radius:20px;width:100%;max-width:900px;margin:0 auto 3rem;padding:2rem;box-shadow:0 10px 30px #0003}.dreamina-output-view{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.dreamina-output-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:500px;box-shadow:0 10px 40px #00000080}.dreamina-output-actions{gap:1rem;width:100%;max-width:400px;display:flex}.dreamina-action-btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:30px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.dreamina-action-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ffffff26}.dreamina-action-btn-secondary{color:#d4d4d8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:30px;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.dreamina-action-btn-secondary:hover{color:#fff;background:#ffffff08}.dreamina-history-section{width:100%;margin:3rem 0}.dreamina-history-title{color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.dreamina-history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.dreamina-history-card{aspect-ratio:1;cursor:pointer;background:#18181b;border:1px solid #ffffff0d;border-radius:12px;position:relative;overflow:hidden}.dreamina-history-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.dreamina-history-card:hover img{transform:scale(1.03)}.dreamina-history-overlay{opacity:0;background:linear-gradient(#0000 0%,#0003 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:1rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.dreamina-history-card:hover .dreamina-history-overlay{opacity:1}.dreamina-history-prompt{color:#e4e4e7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.dreamina-history-download-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.hunyuan-thinking-box{box-sizing:border-box;background:#8b5cf605;border:1px solid #8b5cf61a;border-radius:12px;width:100%;padding:1.25rem}.hunyuan-thinking-header{margin-bottom:.75rem}.hunyuan-thinking-status{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.hunyuan-thinking-content{color:#c084fc;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;width:100%;max-height:300px;margin:0;font-family:monospace;font-size:.8125rem;line-height:1.5;display:block;overflow-y:auto}