:root{--bg:#f6f7f9;--card:#fff;--text:#16181d;--muted:#6b7280;--line:#e5e7eb;--accent:#171717;--success:#177245;--danger:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:980px;margin:0 auto;padding:48px 20px 72px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-logo{display:block;max-width:190px;max-height:54px;width:auto;height:auto;object-fit:contain}.brand h1{margin:0;font-size:22px}.brand p{margin:3px 0 0;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:1fr 330px;gap:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.04)}h2{font-size:18px;margin:0 0 20px}.field{margin-bottom:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.hint{font-weight:400;color:var(--muted)}input[type=text],select,textarea{width:100%;border:1px solid #d7dbe0;background:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}textarea{min-height:250px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#8c939d;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.drop{border:2px dashed #cfd4da;border-radius:14px;padding:28px;text-align:center;background:#fafafa;cursor:pointer;transition:.15s}.drop:hover,.drop.drag{border-color:#6f7782;background:#f4f5f6}.drop strong{display:block;margin-bottom:5px}.drop span{font-size:13px;color:var(--muted)}#preview{display:none;margin:14px auto 0;max-height:230px;max-width:100%;border-radius:10px}.btn{width:100%;border:0;border-radius:11px;background:var(--accent);color:white;padding:14px 18px;font-weight:800;font-size:15px;cursor:pointer}.btn:hover{opacity:.9}.btn:disabled{opacity:.55;cursor:wait}.small{font-size:12px;color:var(--muted);line-height:1.5}.steps{counter-reset:step;padding:0;margin:0;list-style:none}.steps li{position:relative;padding:0 0 20px 34px;color:#3f4650;font-size:14px;line-height:1.5}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:-2px;width:23px;height:23px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.notice{padding:12px 14px;border-radius:10px;background:#f7f7f7;border:1px solid var(--line);font-size:12px;color:#4b5563;line-height:1.5}.error{background:#fff1f0;border:1px solid #fecaca;color:var(--danger);padding:12px 14px;border-radius:10px;margin-bottom:16px}.loader{display:none;margin-top:16px;text-align:center;color:var(--muted);font-size:13px}.loader.show{display:block}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #ddd;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.grid{grid-template-columns:1fr}.wrap{padding-top:24px}}