.binaryph-image-generator-container{--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-light-main:#fff;--bg-light-secondary:#f9f9f9;--border-light:#e5e7eb;--text-light:#374151;--input-bg-light:#fff;--bg-dark-main:#212121;--bg-dark-secondary:#171717;--border-dark:#404040;--text-dark:#e5e7eb;--input-bg-dark:#2f2f2f;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-text:#fff;--btn-sec-light-bg:#e5e7eb;--btn-sec-light-text:#374151;--btn-sec-light-hover:#d1d5db;--btn-sec-dark-bg:#404040;--btn-sec-dark-text:#e5e7eb;--btn-sec-dark-hover:#525252;--danger-color:#ef4444;--radius-main:12px;--radius-sm:8px;border:1px solid var(--border-light);border-radius:var(--radius-main);font-family:var(--font-family);background:var(--bg-light-main);color:var(--text-light);box-sizing:border-box;flex-direction:column;max-width:100%;margin:20px auto;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a;height:auto!important;overflow:visible!important}.binaryph-image-generator-container *{box-sizing:border-box}.binaryph-image-generator-dark{background:var(--bg-dark-main);color:var(--text-dark);border-color:var(--border-dark)}.binaryph-image-generator-input{background:var(--bg-light-secondary);border-bottom:1px solid var(--border-light);flex-direction:column;flex-shrink:0;gap:16px;padding:24px;display:flex}.binaryph-image-generator-dark .binaryph-image-generator-input{background:var(--bg-dark-secondary);border-color:var(--border-dark)}.binaryph-controls-top-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px;display:flex}.binaryph-mode-toggle{border-radius:var(--radius-sm);background:#0000000d;gap:16px;padding:4px;display:flex}.binaryph-image-generator-dark .binaryph-mode-toggle{background:#ffffff0d}.binaryph-mode-toggle label{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.binaryph-mode-toggle label:hover{background:#0000000d}.binaryph-image-generator-dark .binaryph-mode-toggle label:hover{background:#ffffff1a}.binaryph-mode-toggle input[type=radio]{accent-color:var(--accent-color)}.binaryph-video-duration-control{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.duration-stepper{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-light-main);align-items:center;display:flex;overflow:hidden}.binaryph-image-generator-dark .duration-stepper{border-color:var(--border-dark);background:var(--input-bg-dark)}.stepper-btn{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:background .2s;display:flex}.stepper-btn:hover{background:#0000000d}.binaryph-image-generator-dark .stepper-btn:hover{background:#ffffff1a}.duration-stepper input{text-align:center;width:40px;color:inherit;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:0 0;border:none;font-family:inherit;font-size:13px}.duration-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.binaryph-aspect-ratio-control{flex-grow:0;min-width:220px;max-width:300px;position:relative}.binaryph-custom-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-light-main);width:100%;color:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;height:36px;font-size:13px;transition:all .2s;display:flex;position:relative}.binaryph-custom-select:hover{border-color:#9ca3af}.binaryph-image-generator-dark .binaryph-custom-select{background:var(--input-bg-dark);border-color:var(--border-dark)}.binaryph-select-selected{justify-content:space-between;align-items:center;width:100%;padding:0 12px;display:flex}.binaryph-select-selected:after{content:"";opacity:.5;border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.binaryph-select-options{z-index:100;background:var(--bg-light-main);border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:200px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.binaryph-custom-select.active .binaryph-select-options{display:block}.binaryph-image-generator-dark .binaryph-select-options{border-color:var(--border-dark);background:#262626;box-shadow:0 10px 15px -3px #00000080}.binaryph-option{cursor:pointer;align-items:center;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.binaryph-option:hover{background:#0000000d}.binaryph-image-generator-dark .binaryph-option:hover{background:#ffffff1a}.binaryph-option.selected{color:var(--accent-color);background:#3b82f61a;font-weight:600}.binaryph-ratio-icon{vertical-align:middle;opacity:.7;border:1.5px solid;margin-right:8px;display:inline-block}.ratio-1-1{width:12px;height:12px}.ratio-4-5{width:10px;height:12px}.ratio-2-3{width:9px;height:13px}.ratio-9-16{width:8px;height:14px}.ratio-16-9{width:14px;height:8px}.ratio-3-2{width:13px;height:9px}.ratio-4-3{width:12px;height:9px}.ratio-21-9{width:16px;height:7px}.image-generator-prompt .wide-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--input-bg-light);width:100%;color:inherit;resize:none;outline:none;padding:14px;font-family:inherit;font-size:15px;line-height:1.5;transition:all .2s}.image-generator-prompt .wide-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.binaryph-image-generator-dark .image-generator-prompt .wide-input{background:var(--input-bg-dark);border-color:#0000;box-shadow:0 1px 2px #0000000d}.binaryph-image-generator-dark .image-generator-prompt .wide-input:focus{background:#3a3a3a;box-shadow:0 0 0 2px #3b82f633}.image-generator-controls{align-items:center;gap:12px;margin-top:4px;display:flex}.binaryph-file-upload-container{flex-grow:1;align-items:center;gap:10px;display:flex;position:relative}.binaryph-file-upload-container input[type=file]{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.binaryph-file-label{border-radius:var(--radius-sm);cursor:pointer;background:var(--btn-sec-light-bg);color:var(--btn-sec-light-text);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.binaryph-file-label:hover{background:var(--btn-sec-light-hover)}.binaryph-image-generator-dark .binaryph-file-label{background:var(--btn-sec-dark-bg);color:var(--btn-sec-dark-text)}.binaryph-image-generator-dark .binaryph-file-label:hover{background:var(--btn-sec-dark-hover)}.uploaded-filename{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;display:none;overflow:hidden}.clear-file-button{color:var(--text-light);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}.binaryph-image-generator-dark .clear-file-button{color:var(--text-dark)}.clear-file-button:hover{opacity:1;color:var(--danger-color);background:#ef44441a}#binaryph-generate-image{background:var(--accent-color);color:var(--accent-text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f633}#binaryph-generate-image:hover{background:var(--accent-hover);box-shadow:0 4px 6px -1px #3b82f666}.binaryph-generated-image{flex-wrap:wrap;justify-content:center;gap:16px;min-height:0;padding:20px;display:flex}.binaryph-image-generator-image{border-radius:var(--radius-sm);background:#000;flex-direction:column;max-width:100%;line-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px -1px #0003}.binaryph-image-generator-image img,.binaryph-image-generator-image video{object-fit:contain;max-width:100%;height:auto;display:block}.binaryph-image-generator-message{opacity:.7;text-align:center;width:100%;margin:10px 0;font-size:14px}.binaryph-image-generator-error{color:var(--danger-color);text-align:center;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;width:100%;margin:10px 0;padding:12px;font-size:14px}.download-image-btn{color:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#262626;border:none;width:100%;padding:15px 20px;font-size:16px;font-weight:700;line-height:1.5;transition:background .2s,transform .1s}.download-image-btn:hover{background:#000}.binaryph-image-generator-dark .download-image-btn{background:#404040}.binaryph-image-generator-dark .download-image-btn:hover{background:#525252}.binaryph-image-loader{justify-content:center;align-items:center;gap:12px;width:100%;margin:18px auto;font-size:14.5px;display:flex}.binaryph-image-generator-container .bph-gen-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bph-gen-spark{width:26px;height:26px;color:var(--accent-color);flex-shrink:0;display:block}.bph-gen-spark svg{width:26px;height:26px;animation:6s linear infinite bphGenTurn;display:block;overflow:visible}.bph-gen-spark line{stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;transform-origin:12px 12px;animation:1.6s ease-in-out infinite bphGenRay}.bph-gen-spark line:nth-child(2){animation-delay:.2s}.bph-gen-spark line:nth-child(3){animation-delay:.4s}.bph-gen-spark line:nth-child(4){animation-delay:.6s}.bph-gen-spark line:nth-child(5){animation-delay:.8s}.bph-gen-spark line:nth-child(6){animation-delay:1s}.bph-gen-spark line:nth-child(7){animation-delay:1.2s}.bph-gen-spark line:nth-child(8){animation-delay:1.4s}@keyframes bphGenTurn{to{transform:rotate(360deg)}}@keyframes bphGenRay{0%,to{opacity:.35;transform:scale(.5)}45%{opacity:1;transform:scale(1.12)}}.bph-gen-status{align-items:baseline;gap:8px;display:inline-flex}.bph-gen-text{opacity:.8;font-weight:500}@supports ((-webkit-background-clip:text) or (background-clip:text)){.bph-gen-text{opacity:1;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#0000008f 0%,#0000008f 35%,#000000f2 50%,#0000008f 65%,#0000008f 100%);background-repeat:no-repeat;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite bphGenShimmer}.binaryph-image-generator-dark .bph-gen-text{background-image:linear-gradient(90deg,#ffffff8c 0%,#ffffff8c 35%,#fff 50%,#ffffff8c 65%,#ffffff8c 100%)}}@keyframes bphGenShimmer{0%{background-position:100% 0}to{background-position:0 0}}.bph-gen-time{opacity:.6;font-variant-numeric:tabular-nums;font-size:12px}#binaryph-generate-image:disabled,#binaryph-generate-image.is-busy{opacity:.65;cursor:default;box-shadow:none}@media (prefers-reduced-motion:reduce){.bph-gen-spark svg,.bph-gen-spark line{animation:none}.bph-gen-spark line{opacity:1;transform:none}.bph-gen-text{color:inherit;-webkit-text-fill-color:currentColor;opacity:.75;background:0 0;animation:none}}@media (max-width:768px){.binaryph-image-generator-container{box-shadow:none;border-left:none;border-right:none;border-radius:0;margin:0;width:100%!important;max-width:100%!important}.binaryph-image-generator-input{padding:16px}.binaryph-controls-top-row{flex-direction:column;align-items:stretch}.binaryph-aspect-ratio-control,.binaryph-video-duration-control{width:100%;max-width:100%}.image-generator-controls{flex-direction:column;gap:10px}.binaryph-file-upload-container{justify-content:flex-start;width:100%}.binaryph-file-label{width:100%}#binaryph-generate-image{width:100%;padding:14px}}@media (hover:none) and (pointer:coarse){.image-generator-prompt .wide-input,.duration-stepper input,.binaryph-image-generator-container input[type=text],.binaryph-image-generator-container textarea{font-size:16px}}.binaryph-select-options{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.binaryph-image-generator-container button,.binaryph-image-generator-container label,.binaryph-image-generator-container .binaryph-option,.binaryph-image-generator-container .binaryph-custom-select{touch-action:manipulation;-webkit-tap-highlight-color:#00000014}@media (hover:none) and (pointer:coarse){.clear-file-button,.stepper-btn{position:relative}.clear-file-button:after,.stepper-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.binaryph-temp-notice{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;margin:0;padding:9px 12px;font-size:13px;line-height:1.45}.binaryph-image-generator-dark .binaryph-temp-notice{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}