.promptmax-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin:1rem 0 1.9rem;background:#1e1e1e;.promptmax-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#2d2d2d;user-select:none;border-bottom:1px solid #404040;min-height:50px}.promptmax-info{flex:1;overflow:hidden;display:flex;align-items:center}.promptmax-single-info{display:flex;align-items:center;gap:.75rem}.promptmax-filename{color:#e5e7eb;font-weight:600;font-size:.875rem}.promptmax-lang{color:#9ca3af;font-size:.75rem;text-transform:uppercase;background:#404040;padding:.125rem .5rem;border-radius:4px}.promptmax-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:.25rem;padding-right:1rem;&::-webkit-scrollbar{display:none}}.promptmax-tab{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:transparent;border:1px solid transparent;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s;white-space:nowrap;&:hover{background:#ffffff0d;color:#e5e7eb}&.active{background:#404040;color:#fff;border-color:#525252}}.tab-name{font-weight:500;font-size:.875rem}.tab-lang{font-size:.625rem;text-transform:uppercase;background:#0003;padding:.125rem .375rem;border-radius:3px;opacity:.8}.promptmax-actions{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.promptmax-edit{width:28px;height:28px;background:transparent;color:#9ca3af;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;&:hover{background:#404040;color:#e5e7eb}:global(svg){width:16px;height:16px}}.promptmax-edit-controls{display:none;align-items:center;gap:.25rem;&[data-visible=true]{display:flex}}.promptmax-edit-save,.promptmax-edit-cancel{width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;:global(svg){width:16px;height:16px}}.promptmax-edit-save{color:#10b981;&:hover{background:#10b98133}}.promptmax-edit-cancel{color:#ef4444;&:hover{background:#ef444433}}&[data-editing=true]{.promptmax-edit{display:none}.promptmax-copy,.promptmax-maximize,.promptmax-toggle,.promptmax-submit-btn,.promptmax-save-key-btn,.promptmax-tab{pointer-events:none;opacity:.4}}.promptmax-edit-area{display:block;width:100%;min-height:100px;padding:1rem;margin:0;background:#1e1e1e;border:none;color:#d4d4d4;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box;overflow:hidden}.promptmax-copy{position:relative;width:28px;height:28px;background:transparent;color:#9ca3af;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;&:hover{background:#404040;color:#e5e7eb}:global(svg){width:16px;height:16px}&.copied .icon-copy{opacity:0;transform:translate(-50%,-50%) scale(.5)}&.copied .icon-check{opacity:1;transform:translate(-50%,-50%) scale(1);color:#10b981}}.icon-copy,.icon-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;transition:all .2s ease}.icon-check{opacity:0;transform:translate(-50%,-50%) scale(.5)}.promptmax-toggle{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative;:global(svg){width:18px;height:18px}.icon-expand,.icon-collapse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.icon-expand{opacity:0;transform:translate(-50%,-50%) scale(.8)}.icon-collapse{opacity:1;transform:translate(-50%,-50%) scale(1)}}&[data-collapsed=true]{.icon-expand{opacity:1;transform:translate(-50%,-50%) scale(1)}.icon-collapse{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.promptmax-content{max-height:var(--promptmax-height, 40vh);overflow:auto;transition:max-height .3s ease,opacity .3s ease;opacity:1;&.collapsed{max-height:0;opacity:0;overflow:hidden}&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:#2d2d2d}&::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px;border:2px solid #2d2d2d}&::-webkit-scrollbar-thumb:hover{background:#6b7280}&::-webkit-scrollbar-corner{background:#2d2d2d}}.promptmax-panels{position:relative;width:fit-content;min-width:100%}.promptmax-panel{display:none;width:fit-content;min-width:100%;&.active{display:block}}.promptmax-pre{margin:0;padding:1rem;overflow:visible;font-size:.875rem;line-height:1.6;background:#1e1e1e;width:fit-content;min-width:100%;min-height:100px;code{font-family:Fira Code,Consolas,Monaco,monospace;color:#d4d4d4;white-space:pre}&.fold-lines code{white-space:pre-wrap;word-break:break-word}&.show-line-numbers{counter-reset:line;code{display:table;border-spacing:0;width:100%}.promptmax-line:before{content:counter(line);counter-increment:line;display:table-cell;padding-right:1.5rem;text-align:right;color:#6c6c6c;user-select:none;white-space:nowrap;width:1%}}&::-webkit-scrollbar{height:8px}&::-webkit-scrollbar-track{background:#2d2d2d}&::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:#6b7280}}.promptmax-line{display:block;min-height:1.6em}.promptmax-maximize{width:28px;height:28px;background:transparent;color:#9ca3af;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;&:hover{background:#404040;color:#e5e7eb}:global(svg){width:16px;height:16px}}.promptmax-images-wrapper{padding:.75rem 1rem;border-top:1px solid #404040;background:#2d2d2d}.promptmax-carousel{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4b5563 #2d2d2d;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-track{background:#2d2d2d}&::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}&::-webkit-scrollbar-thumb:hover{background:#6b7280}}.promptmax-image-label{display:inline-block;margin-bottom:.5rem;color:#9ca3af;font-size:.75rem;text-transform:uppercase;background:#404040;padding:.125rem .5rem;border-radius:4px}.promptmax-carousel-item{position:relative;flex:0 0 auto;height:80px;aspect-ratio:var(--image-ratio, 1 / 1);width:auto;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s;img{width:100%;height:100%;object-fit:cover}.promptmax-image-upload-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#0009;backdrop-filter:blur(4px);border:0;border-radius:4px;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;z-index:10;&:hover{background:#000c;border-color:#fff6;transform:scale(1.1)}:global(svg){width:14px;height:14px}}.promptmax-image-gallery-btn{position:absolute;top:34px;right:6px;width:24px;height:24px;background:#0009;backdrop-filter:blur(4px);border:0;border-radius:4px;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;z-index:10;&:hover{background:#000c;border-color:#fff6;transform:scale(1.1)}:global(svg){width:14px;height:14px}}&:hover .promptmax-image-upload-btn,&:hover .promptmax-image-gallery-btn{opacity:1}}.promptmax-images-wrapper .promptmax-image-upload-btn{width:16px;height:16px;top:4px;right:4px;padding:2px;:global(svg){width:12px;height:12px}}.promptmax-images-wrapper .promptmax-image-gallery-btn{width:16px;height:16px;top:24px;right:4px;padding:2px;:global(svg){width:12px;height:12px}}.promptmax-single-image{position:relative;padding:.75rem 1rem;border-top:1px solid #404040;background:#2d2d2d;.promptmax-carousel-item{width:100%;height:auto;border-radius:6px;overflow:hidden;img{width:100%;height:auto;object-fit:contain}}&.has-ratio .promptmax-carousel-item{aspect-ratio:var(--image-ratio);background:#000;display:flex;align-items:center;justify-content:center;img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}}}.promptmax-form-area{padding:.75rem 1rem;background:#2d2d2d;border-top:1px solid #404040;display:flex;flex-direction:column;gap:.5rem}.promptmax-api-row{display:flex;gap:.5rem;align-items:stretch}.promptmax-api-input{flex:1;min-width:0;padding:.5rem .75rem;background:#1e1e1e;border:1px solid #404040;border-radius:4px;color:#e5e7eb;font-size:.875rem;transition:all .2s;&::placeholder{color:#6b7280}&:focus{outline:none;border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 2px #3b82f633}&:disabled{opacity:.7;cursor:not-allowed;background:#2d2d2d}}.promptmax-save-key-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:1px solid #404040;border-radius:4px;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;.save-key-icon-clear,.save-key-text-clear{display:none}:global(svg){width:14px;height:14px}&:hover{border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}&[data-saved=true]{.save-key-icon,.save-key-text{display:none}.save-key-icon-clear,.save-key-text-clear{display:inline}}}.promptmax-options-row{display:flex;gap:.5rem;align-items:stretch}.promptmax-option-btn{display:flex;align-items:center;justify-content:center;padding:.625rem .5rem;flex:1;background:#1e1e1e;border:1px solid #404040;border-radius:4px;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;&:hover{border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}&:active{transform:scale(.95)}.option-text{font-family:Fira Code,Consolas,monospace}}.promptmax-search-btn svg{width:16px!important;height:16px!important}.promptmax-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1.5rem;background:var(--color-accent, #3b82f6);color:#fff;border:none;border-radius:4px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;position:relative;&:hover{filter:brightness(1.1)}&:active{transform:translateY(1px)}&.loading{opacity:.8;cursor:wait;pointer-events:none;:global(svg){display:block;transform-box:fill-box;transform-origin:center;transform-origin:50% 50%;will-change:transform,opacity;animation:promptmax-spin 1s linear infinite}}:global(svg){width:16px;height:16px}.promptmax-timer{font-family:Fira Code,Consolas,monospace;font-size:.875rem;font-weight:500;min-width:3.5em;text-align:left;&:empty{display:none}}}.promptmax-generated-images{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:#252525;border-top:1px solid #404040;&:empty{display:none}.promptmax-carousel-item{flex:0 0 auto;height:150px;aspect-ratio:var(--image-ratio, 16 / 9);width:auto;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent;&:hover{border-color:var(--color-accent, #3b82f6);transform:scale(1.02)}img{width:100%;height:100%;object-fit:cover}}@media(max-width:640px){.promptmax-carousel-item{height:120px}}}&[data-variant=generator]{&[data-collapsed=true]{.promptmax-edit,.promptmax-copy{display:none}}.promptmax-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#2d2d2d;border-top:1px solid #404040;&[data-no-input=true]{grid-template-columns:1fr;.promptmax-side-left{display:none}.promptmax-side-right .promptmax-carousel{aspect-ratio:2 / 1}}}.promptmax-side-left,.promptmax-side-right{min-height:200px}.promptmax-side-left{position:relative;.promptmax-single-image,.promptmax-images-wrapper{border-top:none;padding:0;background:transparent;height:100%}.promptmax-single-image{.promptmax-carousel-item{height:100%}}.promptmax-drop-overlay{position:absolute;inset:0;background:rgba(var(--color-accent-rgb, 59, 130, 246),.15);border:2px dashed var(--color-accent, #3b82f6);border-radius:8px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:var(--color-accent, #3b82f6);font-weight:500;font-size:.875rem;z-index:20;pointer-events:none;:global(svg){width:32px;height:32px}}&[data-dragging=true] .promptmax-drop-overlay{display:flex}}.promptmax-side-left,.promptmax-side-right{.promptmax-images-wrapper{display:flex;flex-direction:column;height:100%;border-top:none;padding:0;background:transparent;.promptmax-carousel{position:relative;width:100%;aspect-ratio:var(--image-ratio, 1 / 1);overflow:hidden;border-radius:6px;background:#1a1a1a}.promptmax-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none;&.active{opacity:1;pointer-events:auto}img{width:100%;height:100%;object-fit:contain}}.promptmax-carousel-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem}.promptmax-nav-controls{display:flex;align-items:center;gap:.5rem}.promptmax-nav-spacer{flex:1}.promptmax-nav-actions{display:flex;align-items:center;gap:.25rem}.promptmax-nav-action-btn{width:28px;height:28px;background:#ffffff1a;border:1px solid #404040;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;svg{width:16px;height:16px}&:hover:not(:disabled){background:#fff3;color:#e5e7eb}&:disabled{opacity:.3;cursor:not-allowed}:global(svg){width:14px;height:14px}}.promptmax-carousel-prev,.promptmax-carousel-next{width:28px;height:28px;background:#ffffff1a;border:1px solid #404040;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;&:hover{background:#fff3;color:#e5e7eb}&:disabled{opacity:.3;cursor:not-allowed}:global(svg){width:14px;height:14px}}.promptmax-carousel-indicator{height:28px;line-height:28px;border-radius:4px;background:#ffffff1a;font-size:.75rem;color:#9ca3af;min-width:3rem;text-align:center}}}.promptmax-side-right{.promptmax-image-upload-btn,.promptmax-image-gallery-btn{display:none!important}.promptmax-image-download-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#0009;backdrop-filter:blur(4px);border:0;border-radius:4px;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;z-index:10;&:hover{background:#000c;border-color:#fff6;transform:scale(1.1)}:global(svg){width:14px;height:14px}}.promptmax-carousel-item:hover .promptmax-image-download-btn{opacity:1}}.promptmax-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;color:#6b7280;:global(svg){width:32px;height:32px;opacity:.6}span{font-size:.875rem}}.promptmax-carousel-item[data-placeholder]{background:#0003;border:2px dashed #404040;border-radius:6px;cursor:default;&:hover{border-color:#404040;transform:none}}@media(max-width:640px){.promptmax-side-by-side{grid-template-columns:1fr}.promptmax-side-left,.promptmax-side-right{min-height:150px}}}}@keyframes promptmax-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.promptmax-wrapper .promptmax-submit-btn.loading svg{animation:promptmax-spin 1s linear infinite!important}