:root{--blue: #1b75bb;--green: #7aa080;--green-dark: #5f8566;--dark: #1a1f2c;--gray: #8e9196;--bg: #f4f6f5;--card: #ffffff;--border: #e6e9e8;--radius: 14px;--shadow: 0 1px 2px rgba(26, 31, 44, .04), 0 8px 30px rgba(26, 31, 44, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--dark);line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:1180px;margin:0 auto;padding:22px 20px 24px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar-left{display:flex;align-items:center;gap:16px}.topbar img{height:50px;width:auto}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:3px}.topbar-right .help-link{color:var(--green-dark);font-weight:600;font-size:13.5px;text-decoration:none}.topbar-right .help-link:hover{text-decoration:underline}.topbar-right .use-credit{font-size:11.5px;color:var(--gray)}@media (max-width: 620px){.topbar{flex-direction:column;align-items:center;text-align:center;gap:12px}.topbar-left{flex-direction:column;align-items:center;text-align:center}.topbar-right{align-items:center;text-align:center}}.topbar .titles h1{font-size:20px;margin:0;font-weight:700;letter-spacing:-.2px}.topbar .titles p{margin:2px 0 0;font-size:13.5px;color:var(--gray)}.layout{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:stretch;min-width:0}@media (max-width: 880px){.layout{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;min-width:0;max-width:100%}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--green-dark);margin:0 0 14px;font-weight:600}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--dark)}.field label .req{color:var(--blue)}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=url]{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-family:inherit;color:var(--dark);background:#fbfcfc;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #7aa0802e;background:#fff}.field .hint{font-size:11.5px;color:var(--gray);margin-top:5px}.photo-tabs{display:flex;gap:6px;margin-bottom:10px;background:#eef1f0;padding:4px;border-radius:9px}.photo-tabs button{flex:1;border:none;background:transparent;padding:8px;font-size:13px;font-weight:500;border-radius:7px;cursor:pointer;color:var(--gray);font-family:inherit;transition:all .15s}.photo-tabs button.active{background:#fff;color:var(--dark);box-shadow:0 1px 2px #0000000f}.file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:18px;text-align:center;cursor:pointer;transition:all .15s;background:#fbfcfc}.file-drop:hover{border-color:var(--green);background:#f6faf7}.file-drop input{display:none}.file-drop .icon{font-size:22px}.file-drop p{margin:6px 0 0;font-size:13px;color:var(--gray)}.file-preview{display:flex;align-items:center;gap:12px;margin-top:12px}.file-preview img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--green)}.file-preview button{border:none;background:#fbeaea;color:#b04242;font-size:12px;padding:6px 10px;border-radius:7px;cursor:pointer;font-family:inherit}.hidden{display:none!important}.fixed-block{margin-top:8px;padding:14px 16px;background:#f6faf7;border:1px solid #e3ede5;border-radius:10px}.fixed-block .fx-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--green-dark);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.fixed-block .fx-row{font-size:12.5px;color:var(--gray);padding:2px 0}.fixed-block .fx-row strong{color:var(--dark);font-weight:500}.preview-wrap{min-height:200px}.preview-stage{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;overflow-x:auto}.preview-note{font-size:12px;color:var(--gray);margin:0 0 10px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{border:none;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .08s,filter .15s;display:inline-flex;align-items:center;gap:7px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#eef1f0;color:var(--dark)}.btn-secondary:hover{background:#e4e9e7}.btn.ok{background:var(--blue)!important;color:#fff!important}.instructions{margin-top:14px;font-size:12.5px;color:var(--gray);background:#f9fafa;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.instructions strong{color:var(--dark)}.instructions .video-tip{margin:8px 0 0;font-size:12.5px}.instructions .video-tip a{color:var(--blue);font-weight:600;text-decoration:none}.instructions .video-tip a:hover{text-decoration:underline}.instructions ol{margin:8px 0 0;padding-left:18px}.instructions li{margin-bottom:4px}