:root{--bg: #f3f6f9;--card: #ffffff;--line: #d8e2ea;--ink: #14212b;--muted: #4d6273;--accent: #0f766e;--accent-soft: #ccfbf1;--danger: #b42318}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#e8f5f2,#f3f6f9 36%)}.shell{width:min(1320px,calc(100vw - 24px));margin:12px auto 24px}.header{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px #14212b0f}.header h1{margin:0;font-size:24px}.header p{margin:6px 0 0;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;margin-top:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.panel h2{margin:0 0 10px;font-size:16px;color:#0b4f5d}.drop{border:2px dashed #9ec3d9;border-radius:10px;padding:10px;background:#f8fcff}.drop input{width:100%}.file-list{margin-top:6px;max-height:100px;overflow:auto;font-size:13px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}input,select{border:1px solid #c7d7e4;border-radius:8px;padding:8px;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}button{border:1px solid #0f766e;background:#0f766e;color:#fff;border-radius:9px;padding:8px 12px;font-weight:600;cursor:pointer}button.secondary{background:#fff;color:#0f766e}button:disabled{opacity:.5;cursor:not-allowed}.preview{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;margin-top:10px}.preview-box{background:#0a0f12;border-radius:8px;min-height:220px;display:flex;align-items:center;justify-content:center;color:#9ab4c4;overflow:hidden}.preview-box img{width:100%;height:auto;display:block}.status{margin-top:10px;border-radius:8px;background:var(--accent-soft);color:#0f5132;padding:8px 10px;font-weight:600}.status.error{background:#fee4e2;color:var(--danger)}.logs{margin-top:10px;border-radius:8px;border:1px solid var(--line);background:#fbfdff;padding:10px;height:220px;overflow:auto;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap}.outputs{margin-top:10px}.outputs a{display:block;margin:4px 0;color:#0f4c81}@media (max-width: 980px){.grid-3,.preview,.settings-grid{grid-template-columns:1fr}}