:root{--primary:#fff;--secondary:#000;--accent:#000;--accent-gradient:linear-gradient(135deg,#000 0%,#333 100%);--accent-hover:#333;--success:#000;--warning:#ffd60a;--error:#ff0844;--background:#fff;--surface:#f8f9fa;--text:#000;--text-secondary:#4a4a4a;--panel-bg:#fffffffa;--border-color:#0000001a;--hover-bg:#f0f2f5;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 12px 24px #00000026;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--border-radius:12px;--container-padding:1.5rem}.dark-theme{--primary:#18181b;--secondary:#fff;--accent:#fff;--accent-gradient:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);--accent-hover:#e4e4e7;--success:#fff;--warning:#fbbf24;--error:#f87171;--background:#09090b;--surface:#27272a;--text:#f4f4f5;--text-secondary:#a1a1aa;--panel-bg:#18181bfa;--border-color:#ffffff14;--hover-bg:#27272a;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 8px #0009;--shadow-lg:0 8px 16px #000000b3;--shadow-xl:0 12px 24px #000c}.sp-app{background-color:var(--background);flex-direction:column;min-height:100vh;display:flex}.img-page{background:var(--background);min-height:100vh;color:var(--text);font-family:Plus Jakarta Sans,sans-serif}.img-hero{text-align:center;padding:4rem var(--container-padding)2.5rem;max-width:900px;margin:0 auto}.img-hero-badge{color:#8b5cf6;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid #8b5cf633;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.dark-theme .img-hero-badge{color:#a78bfa}.img-hero h1{color:var(--secondary);letter-spacing:-1px;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.15}.img-hero h1 .img-gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.img-hero p{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.img-grid{max-width:1600px;padding:0 var(--container-padding)4rem;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0 auto;display:grid}.img-card{background:var(--primary);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:16px;flex-direction:column;padding:1.75rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.img-card:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.img-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.dark-theme .img-card:hover{box-shadow:0 12px 40px #0000004d}.img-card:hover:before{opacity:1}.img-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.img-card-badge{color:#fff;letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.img-card h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.img-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.25rem;font-size:.84375rem;line-height:1.6}.img-card-cta{color:#8b5cf6;align-items:center;gap:.375rem;margin-top:auto;font-size:.8125rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.dark-theme .img-card-cta{color:#a78bfa}.img-card:hover .img-card-cta{gap:.625rem}.img-stats{max-width:1600px;padding:0 var(--container-padding)4rem;flex-wrap:wrap;justify-content:center;gap:3rem;margin:0 auto;display:flex}.img-stat{text-align:center}.img-stat-value{color:var(--secondary);letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.img-stat-label{color:var(--text);opacity:.5;margin-top:.25rem;font-size:.78125rem}.img-info-section{max-width:1600px;padding:4rem var(--container-padding);border-top:1px solid var(--border-color);margin:0 auto}.img-info-title{text-align:center;color:var(--secondary);margin-bottom:3rem;font-size:1.75rem;font-weight:800}.img-steps-grid,.img-features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.img-step-card,.img-feature-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem}.img-step-num{color:#8b5cf6;opacity:.3;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.img-step-card h3,.img-feature-card h3{color:var(--secondary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.img-step-card p,.img-feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.img-faq-container{max-width:800px;margin:0 auto}.img-faq-item{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--primary);margin-bottom:.75rem;overflow:hidden}.img-faq-question{cursor:pointer;width:100%;color:var(--secondary);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;font-size:.9375rem;font-weight:700;list-style:none;display:flex}.img-faq-question::-webkit-details-marker{display:none}.img-faq-question:after{content:"";color:var(--text-secondary);font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900;transition:transform .3s}.img-faq-item[open] .img-faq-question:after{transform:rotate(180deg)}.img-faq-answer{color:var(--text-secondary);border-top:1px solid var(--border-color);padding:1rem 1.5rem 1.25rem;font-size:.875rem;line-height:1.7}@media (max-width:900px){.img-grid{grid-template-columns:repeat(2,1fr)}.img-steps-grid,.img-features-grid{grid-template-columns:1fr;gap:1rem}.img-hero h1{font-size:2rem}}@media (max-width:600px){.img-grid{grid-template-columns:1fr;gap:1rem}.img-hero{padding:2.5rem var(--container-padding)1.5rem}.img-hero h1{font-size:1.75rem}.img-stats{gap:2rem}.img-info-title{margin-bottom:2rem;font-size:1.5rem}}.sp-skyscraper-left{z-index:100;display:none;position:fixed;top:120px;left:1.5rem}.sp-skyscraper-right{z-index:100;display:none;position:fixed;top:120px;right:1.5rem}@media (min-width:1440px){.sp-skyscraper-left,.sp-skyscraper-right{display:block}}
.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 #ffffff1f;border-radius:12px;flex-direction:column;gap:.25rem;min-width:140px;max-height:260px;padding:.375rem;display:flex;position:absolute;top:auto;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 -10px 30px #0009}.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}