body.image-generator-body{min-width:0;overflow-x:hidden}.image-generator-header{justify-content:space-between;min-width:0}.image-generator-main{width:min(1180px,94%);padding-top:34px}.image-generator-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.image-generator-heading p{max-width:720px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.generation-status{max-width:320px;color:var(--muted);text-align:right;font-size:13px}.generation-status.success{color:var(--primary-text)}.generation-status.error{color:var(--error-text)}.prompt-panel{margin-bottom:22px}.prompt-panel .field-label:first-child{margin-top:0}.autocomplete-row{grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-bottom:16px;display:grid}.autocomplete-row .text-input{box-sizing:border-box;width:100%}.autocomplete-row button{width:100%}#image-model{width:100%;display:block}.generation-options{grid-template-columns:minmax(190px,300px) 200px;align-items:end;gap:10px;max-width:510px;display:grid}.generation-model .field-label{margin-top:0}.model-api-key{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:200px;min-height:42px;padding:5px 9px;display:flex}.model-api-key span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:700}.model-api-key button{min-width:0;max-width:100%;color:var(--primary-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;font:700 12px monospace;overflow:hidden}.model-api-key button:not(:disabled){cursor:pointer;text-underline-offset:3px;text-decoration:underline}.model-api-key button:disabled{opacity:1}.api-key-input-label{color:var(--foreground);margin:18px 0 7px;font-size:13px;font-weight:700;display:block}.api-key-credit-option{color:var(--foreground);cursor:pointer;align-items:center;gap:9px;margin-top:18px;font-size:13px;font-weight:700;display:flex}.api-key-credit-option input{width:17px;height:17px;accent-color:var(--primary)}.image-history-dialog{width:min(1040px,100vw - 48px)}.image-history-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.image-history-heading p{color:var(--muted);margin-top:5px;font-size:12px}.image-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:68vh;margin-top:18px;display:grid;overflow-y:auto}.image-history-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:10px;display:grid}.image-history-card>img{aspect-ratio:16/9;object-fit:contain;background:#050608;border-radius:7px;width:180px}.image-history-card-info{flex-direction:column;gap:6px;min-width:0;display:flex}.image-history-card-info small{color:var(--muted);font-size:11px}.image-history-card-info p{color:var(--foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.image-history-card-actions{gap:8px;margin-top:auto;display:flex}.image-history-card-actions button{border:1px solid var(--primary);color:var(--primary-text);font:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700}@media (width<=800px){.image-history-list{grid-template-columns:1fr}}.reset-dialog #api-key-input{box-sizing:border-box;width:100%;font-family:monospace}#image-prompt{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;height:112px;color:var(--foreground);font:inherit;border-radius:10px;padding:14px;font-size:14px;line-height:1.7;display:block}#image-prompt::placeholder{color:var(--muted)}#image-prompt:focus{border-color:var(--primary);outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent)}.prompt-actions{grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:20px;margin-top:14px;display:grid}.generate-action{justify-items:end;display:grid}.enhance-option{width:fit-content;color:var(--foreground);cursor:pointer;align-items:center;gap:10px;margin-top:12px;display:flex}.enhance-option input{width:18px;height:18px;accent-color:var(--primary);margin:0}.enhance-option span{gap:2px;display:grid}.enhance-option strong{font-size:14px}.enhance-option small{color:var(--muted);font-size:12px}.generation-settings-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:11px;margin-top:18px;padding:15px}.generation-settings-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.generation-settings-heading h2{color:var(--foreground);margin:0;font-size:16px}.generation-settings-heading strong{color:var(--primary-text);font:700 13px monospace}.generation-settings-grid{grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);align-items:end;gap:12px;margin-top:13px;display:grid}.generation-settings-grid label{display:block}.generation-settings-grid .field-label{margin:0 0 7px}.generation-settings-grid .setting-select{width:100%}.generation-size-note{color:var(--muted);margin:9px 0 0;font-size:11px}.generation-size-note.error{color:var(--error-text)}.image-generation-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 4px;display:grid}.image-generation-summary>span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:9px;gap:3px;padding:10px 12px;font-size:10px;display:grid}.image-generation-summary strong{overflow-wrap:anywhere;color:var(--foreground);font-size:13px}.image-generation-estimated-fee{align-items:baseline;gap:4px;font-size:13px;display:flex}.image-generation-estimated-fee strong{color:var(--primary-text);font-size:14px;font-weight:900}#confirm-image-generation-dialog{width:700px;max-width:none}.prompt-actions .export-button{width:210px}.generation-error{border:1px solid var(--error);background:var(--error-surface);color:var(--error-text);border-radius:8px;margin:13px 0 0;padding:11px 13px;font-size:13px;line-height:1.6}.result-panel{padding:20px}.result-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.result-heading small{color:var(--muted);font-size:12px}.generated-image-frame{aspect-ratio:16/9;border:1px solid var(--border);cursor:zoom-in;background:#090b0d;border-radius:11px;width:100%;position:relative;overflow:hidden}.generated-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.generated-image-frame:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.result-fullscreen-hint{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#000000ad;border:1px solid #ffffff3d;border-radius:7px;padding:6px 9px;font-size:11px;transition:opacity .15s;position:absolute;bottom:10px;right:10px}.generated-image-frame:hover .result-fullscreen-hint,.generated-image-frame:focus-visible .result-fullscreen-hint,.generated-image-frame.is-fullscreen .result-fullscreen-hint{opacity:1}.generated-image-frame:fullscreen,.generated-image-frame:-webkit-full-screen,.generated-image-frame.fullscreen-fallback{aspect-ratio:auto;cursor:zoom-out;background:#000;border:0;border-radius:0;width:100vw;height:100dvh}.generated-image-frame:fullscreen,.generated-image-frame:fullscreen,.generated-image-frame.fullscreen-fallback{aspect-ratio:auto;cursor:zoom-out;background:#000;border:0;border-radius:0;width:100vw;height:100dvh}.generated-image-frame.fullscreen-fallback{z-index:2000;position:fixed;inset:0}.image-generator-body.result-fullscreen-open{overflow:hidden}.empty-result{color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.empty-result>span{color:var(--primary);font-size:30px;animation:2.2s ease-in-out infinite idle-glow}.empty-result strong{color:var(--foreground);font-size:15px;font-weight:600}.empty-result small{font-size:12px}.result-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.result-actions button{height:44px}.result-storage-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.6}.generation-lock{z-index:1000;background:color-mix(in srgb, var(--background) 90%, transparent);backdrop-filter:blur(5px);color:var(--foreground);text-align:center;cursor:wait;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.generation-lock[hidden]{display:none}.generation-lock strong{margin-top:20px;font-size:21px}.generation-lock p{color:var(--muted);margin:9px 0 0;font-size:14px}.generation-loader{width:74px;height:74px;animation:1.8s linear infinite loader-spin;position:relative}.generation-loader span{background:var(--primary);width:16px;height:16px;box-shadow:0 0 22px color-mix(in srgb, var(--primary) 65%, transparent);border-radius:50%;position:absolute;top:29px;left:29px}.generation-loader span:nth-child(2){transform:translateY(-27px)scale(.7)}.generation-loader span:nth-child(3){transform:translateY(27px)scale(.45)}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes idle-glow{50%{opacity:.4;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.generation-loader,.empty-result>span{animation:none}}@media (width<=800px){.image-generator-header{flex-wrap:wrap;gap:12px 18px;height:auto;min-height:82px;padding:14px 20px}.image-generator-header .brand{flex-shrink:0}.image-generator-main{width:calc(100% - 32px);padding:24px 0 20px}.image-generator-heading{flex-direction:column;align-items:start;gap:12px;margin-bottom:18px}.image-generator-heading h1{font-size:30px}.generation-status{text-align:left;max-width:none}.prompt-panel,.result-panel{padding:18px}.prompt-actions{grid-template-columns:1fr;gap:12px}.generation-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#confirm-image-generation-dialog{width:min(700px,100vw - 32px)}.generate-action{justify-items:stretch}.prompt-actions .export-button{width:100%}}@media (width<=560px){.image-generator-header{padding-inline:16px}.image-generator-header .brand{font-size:21px}.image-generator-header .brand-icon{width:34px;height:34px}.image-generator-header .brand-sub{display:none}.image-generator-header .coffee-link img{height:32px}.image-generator-main{width:calc(100% - 24px);padding-top:20px}.image-generator-heading h1{font-size:27px}.image-generator-heading p{font-size:13px}.prompt-panel,.result-panel{border-radius:11px;padding:15px}.autocomplete-row{grid-template-columns:1fr}.autocomplete-row button{min-height:44px}#image-prompt{height:150px}.enhance-option{align-items:flex-start}.generation-options{grid-template-columns:1fr;max-width:none}.generation-settings-grid,.image-generation-summary{grid-template-columns:1fr}.model-api-key{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px 12px}.model-api-key button{text-align:right}.result-heading{align-items:flex-start}.result-actions{grid-template-columns:1fr;gap:10px}.empty-result{padding:14px}.empty-result>span{font-size:25px}.empty-result strong{font-size:13px}.empty-result small{font-size:11px}.generation-lock{padding:24px}.generated-image-frame:fullscreen,.generated-image-frame:-webkit-full-screen,.generated-image-frame.fullscreen-fallback{transform-origin:50%;width:100dvh;height:100vw;animation:.38s cubic-bezier(.2,.75,.25,1) both mobile-result-fullscreen-in;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.generated-image-frame:fullscreen,.generated-image-frame:fullscreen,.generated-image-frame.fullscreen-fallback{transform-origin:50%;width:100dvh;height:100vw;animation:.38s cubic-bezier(.2,.75,.25,1) both mobile-result-fullscreen-in;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}@media (hover:none){.result-fullscreen-hint{opacity:.82}}@keyframes mobile-result-fullscreen-in{0%{opacity:.25;transform:translate(-50%,-50%)rotate(78deg)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)rotate(90deg)scale(1)}}@media (prefers-reduced-motion:reduce){.generated-image-frame:fullscreen,.generated-image-frame:-webkit-full-screen,.generated-image-frame.fullscreen-fallback{animation:none}.generated-image-frame:fullscreen,.generated-image-frame:fullscreen,.generated-image-frame.fullscreen-fallback{animation:none}}