.mutmain-ai-card{position:relative;width:min(1180px,calc(100vw - 52px));min-height:520px;margin:36px auto 120px;padding:18px;border:1px solid rgba(255,214,0,.62);border-radius:26px;background:linear-gradient(135deg,rgba(1,19,51,.88),rgba(2,48,104,.68) 52%,rgba(42,32,0,.66));box-shadow:0 0 34px rgba(0,74,190,.45),inset 0 0 25px rgba(255,210,0,.09);backdrop-filter:blur(12px);overflow:hidden;resize:both;color:#fff;z-index:12}
.mutmain-ai-card:before{content:"";position:absolute;inset:-60%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 40%,rgba(255,217,0,.12),transparent 54% 88%,rgba(0,112,255,.13));animation:mutmainAiAura 14s linear infinite}
@keyframes mutmainAiAura{to{transform:rotate(360deg)}}
.mutmain-ai-head,.mutmain-ai-body,.mutmain-ai-result{position:relative;z-index:1}.mutmain-ai-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.mutmain-ai-head strong{display:block;font:800 24px/1.05 system-ui;letter-spacing:1.8px;color:#ffe564}.mutmain-ai-head small{display:block;margin-top:5px;color:#a8cfff}.mutmain-ai-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#ffe65c,#ffbf00 48%,#074db1 50%,#001b55);color:#061b49;font:900 20px system-ui;box-shadow:0 0 22px #ffd90080}.mutmain-ai-engine{margin-left:auto;padding:8px 12px;border:1px solid #ffc800;border-radius:999px;font:700 10px system-ui;letter-spacing:1px;color:#ffe77e;background:#071b3de8}.mutmain-ai-engine.online{border-color:#38ef91;color:#52ffa1}.mutmain-ai-body{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.25fr);gap:18px}.mutmain-ai-drop{position:relative;display:grid;place-items:center;min-height:370px;border:2px dashed #e9c82e;border-radius:21px;background:radial-gradient(circle at 50% 35%,rgba(17,100,207,.23),rgba(0,12,37,.75));overflow:hidden;cursor:pointer;transition:.25s}.mutmain-ai-drop.drag{transform:scale(1.012);box-shadow:0 0 32px #ffd90070}.mutmain-ai-drop input{display:none}.mutmain-ai-drop img{display:none;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.mutmain-ai-drop.has-image img{display:block}.mutmain-ai-drop.has-image .mutmain-ai-drop-copy{opacity:0}.mutmain-ai-drop-copy{text-align:center}.mutmain-ai-drop-copy:before{content:"＋";display:grid;place-items:center;width:78px;height:78px;margin:0 auto 16px;border:1px solid #ffd600;border-radius:50%;font:300 46px system-ui;color:#ffe354;box-shadow:0 0 24px #005dd5}.mutmain-ai-drop-copy b,.mutmain-ai-drop-copy small{display:block}.mutmain-ai-drop-copy small{margin-top:8px;color:#91afd5}.mutmain-ai-drop #mutmain-ai-clear{display:none;position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #ffdc40;border-radius:50%;background:#071738df;color:#fff;font-size:22px;cursor:pointer}.mutmain-ai-drop.has-image #mutmain-ai-clear{display:block}.mutmain-ai-controls{display:flex;flex-direction:column;gap:11px}.mutmain-ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mutmain-ai-modes button,.mutmain-ai-presets button,.mutmain-ai-actions button{border:1px solid #2969b8;border-radius:12px;background:#051a3c;color:#cce3ff;padding:10px;cursor:pointer}.mutmain-ai-modes button.active{border-color:#ffd500;color:#ffe65a;box-shadow:inset 0 0 18px #ffd50018}.mutmain-ai-controls textarea{min-height:108px;resize:vertical;border:1px solid #336eae;border-radius:14px;padding:14px;background:#02132fdb;color:#fff;font:500 14px/1.5 system-ui;outline:none}.mutmain-ai-controls textarea:focus{border-color:#ffd500;box-shadow:0 0 18px #ffd50025}.mutmain-ai-presets{display:flex;flex-wrap:wrap;gap:7px}.mutmain-ai-presets button{padding:7px 10px;font-size:11px}.mutmain-ai-options{display:grid;grid-template-columns:1fr 170px;gap:13px}.mutmain-ai-options label{display:flex;flex-direction:column;gap:6px;color:#bcd6f6;font:600 11px system-ui}.mutmain-ai-options output{float:right;color:#ffe04c}.mutmain-ai-options select{padding:8px;border:1px solid #356da9;border-radius:9px;background:#041938;color:#fff}.mutmain-ai-actions{display:grid;grid-template-columns:1fr 150px;gap:9px}.mutmain-ai-actions #mutmain-ai-generate{border-color:#ffd200;background:linear-gradient(90deg,#ffca00,#ffe65b);color:#06183a;font-weight:900;letter-spacing:.5px;box-shadow:0 0 20px #ffd00045}.mutmain-ai-progress{height:34px;position:relative;overflow:hidden;border:1px solid #234f84;border-radius:10px;background:#031329;color:#9dbbdf}.mutmain-ai-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#064aaa,#ffd000);transition:width .35s}.mutmain-ai-progress span{position:relative;display:grid;place-items:center;height:100%;font:600 11px system-ui}.mutmain-ai-result{margin-top:14px;padding:14px;border:1px solid #345f90;border-radius:15px;background:#020e25}.mutmain-ai-result.error{border-color:#dd8a1f;color:#ffd27b}.mutmain-ai-result img,.mutmain-ai-result video{display:block;max-width:100%;max-height:520px;margin:auto;border-radius:12px}@media(max-width:850px){.mutmain-ai-body{grid-template-columns:1fr}.mutmain-ai-card{width:calc(100vw - 24px);margin-left:12px}.mutmain-ai-options{grid-template-columns:1fr}.mutmain-ai-drop{min-height:280px}}
.mutmain-ai-output{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,220,35,.7);box-shadow:0 0 24px rgba(20,120,255,.42)}.mutmain-ai-download{display:inline-block;margin-top:12px;padding:10px 18px;border-radius:10px;background:#f6d928;color:#061633!important;font-weight:900;text-decoration:none}
