.ai-gen{padding:28px;max-width:1800px;width:100%;margin:0 auto;color:#f4f6f2}.ai-gen-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.ai-gen-head small{color:#9eba8c;letter-spacing:2px}.ai-gen-head h1{font-size:36px;letter-spacing:-1.2px;margin:8px 0}.ai-gen-head p{color:#aaa;max-width:770px;line-height:1.55;margin:0}.ai-free{border:1px solid #466738;background:#14200f;color:#bdf59a;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap}.ai-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px}.ai-panel{background:#121412;border:1px solid #303630;border-radius:16px;padding:18px;max-height:calc(100vh - 185px);overflow:auto}.ai-panel h2{font-size:13px;letter-spacing:1.6px;color:#9ba49b;margin:22px 0 10px;text-transform:uppercase}.ai-panel h2:first-child{margin-top:0}.ai-panel label{display:flex;flex-direction:column;gap:7px;color:#d9ded7;font-size:13px;margin:12px 0}.ai-panel textarea,.ai-panel input,.ai-panel select{width:100%;max-width:none;background:#080a08;color:#fff;border:1px solid #343a34;border-radius:9px;padding:10px}.ai-panel textarea{min-height:98px}.ai-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ai-preset{min-height:42px;border:1px solid #343934;background:#0a0c0a;color:#cbd1ca;border-radius:9px;padding:8px;cursor:pointer}.ai-preset.active{border-color:#8cff52;background:#172410;color:#cfffaf}.ai-stage{min-width:0}.ai-view{height:min(68vh,760px);min-height:430px;border:1px solid #343934;border-radius:16px;overflow:hidden;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 30%,#182116,#090b09 64%)}.ai-view canvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:none}.ai-view.has-image canvas{display:block}.ai-empty{text-align:center;max-width:430px;padding:32px}.ai-empty-mark{width:84px;height:84px;margin:0 auto 20px;border:1px solid #4b6540;border-radius:24px;display:grid;place-items:center;color:#8cff52;font-size:32px;background:linear-gradient(135deg,#1d2b18,#0c0e0b);box-shadow:0 0 55px #68ff3022}.ai-empty h2{font-size:24px;margin:0 0 10px}.ai-empty p{color:#949d93;line-height:1.6}.ai-view.has-image .ai-empty{display:none}.ai-progress{position:absolute;left:18px;right:18px;bottom:18px;background:#080a08e8;border:1px solid #354034;border-radius:12px;padding:12px;backdrop-filter:blur(12px)}.ai-progress[hidden]{display:none}.ai-progress-top{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#d9e8d2}.ai-track{height:5px;border-radius:99px;background:#262b26;overflow:hidden;margin-top:9px}.ai-track span{display:block;height:100%;width:0;background:#8cff52;transition:width .2s}.ai-status{min-height:26px;color:#b9dbab;font-size:13px;line-height:1.5}.ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ai-actions .btn{min-height:42px}.ai-actions [hidden]{display:none}.ai-device{border:1px solid #333a33;border-radius:11px;padding:11px;font-size:12px;line-height:1.5;color:#aab2aa;background:#0a0c0a}.ai-device.good{border-color:#45693a;color:#c2ecb0}.ai-device.bad{border-color:#744646;color:#ffb2b2}.ai-local-note{font-size:12px!important;color:#858f85!important;line-height:1.55}.ai-cache{display:flex;justify-content:space-between;gap:12px;color:#909a90;font-size:11px;margin-top:8px}.ai-gen button:disabled{opacity:.4;cursor:not-allowed}.ai-gen :focus-visible{outline:2px solid #b7ed90;outline-offset:3px}.ai-error{position:absolute;z-index:3;max-width:520px;margin:24px;border:1px solid #8b4c4c;background:#1a0d0ded;color:#ffd4d4;border-radius:14px;padding:18px;display:grid;gap:10px;box-shadow:0 18px 70px #0008}.ai-error[hidden]{display:none}.ai-error strong{font-size:18px}.ai-error span{font-size:14px;line-height:1.55}.ai-error .btn{justify-self:start}
@media(max-width:900px){.ai-grid{grid-template-columns:300px minmax(0,1fr)}.ai-gen{padding:20px}.ai-gen-head{align-items:flex-start}.ai-view{min-height:380px}}
@media(max-width:760px){.ai-gen{padding:18px 14px}.ai-gen-head{display:block}.ai-free{display:inline-block;margin-top:15px}.ai-grid{grid-template-columns:1fr}.ai-panel{max-height:none}.ai-view{height:58vh;min-height:330px}.ai-row{grid-template-columns:1fr 1fr}.ai-actions .btn{flex:1 1 135px}}