*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#23384d;font:14px/1.5 "Segoe UI",Arial,sans-serif}.fa-header{min-height:64px;padding:12px 24px;background:#fff;border-bottom:1px solid #dce4e9;display:flex;align-items:center;gap:20px}.fa-header>a{color:#168dc6;text-decoration:none}.fa-header h1{margin:0 auto 0 0;font-size:22px}.fa-shell{width:min(1120px,calc(100% - 30px));margin:24px auto 60px}.fa-intro{padding:14px 18px;background:#e8f6fb;border-left:4px solid #17a2b8;border-radius:5px}.fa-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:24px 0;list-style:none}.fa-steps li{position:relative;text-align:center;color:#7b8995}.fa-steps li:not(:last-child):after{content:"";position:absolute;top:16px;left:58%;right:-42%;height:3px;background:#d5dfe5}.fa-steps b{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:0 auto 6px;border-radius:50%;background:#d5dfe5;color:#fff}.fa-steps li.active b,.fa-steps li.done b{background:#17a2b8}.fa-steps li.active{color:#23384d;font-weight:600}.fa-card{background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:24px;box-shadow:0 3px 14px rgba(31,57,76,.06)}.fa-card h2{margin:0 0 18px}.fa-upload{min-height:180px;border:2px dashed #a9bfcc;border-radius:9px;display:grid;place-items:center;cursor:pointer;background:#f8fbfc}.fa-upload input{position:absolute;opacity:0;pointer-events:none}.fa-upload span{padding:12px 20px;background:#17a2b8;color:#fff;border-radius:6px;font-weight:600}.fa-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.fa-actions button,.fa-inline-actions button{border:0;border-radius:6px;padding:10px 16px;background:#e9eef2;color:#294052;cursor:pointer}.fa-actions .primary{background:#188fc6;color:#fff;font-weight:600}.fa-actions button:disabled{opacity:.45;cursor:not-allowed}.fa-canvas-wrap{overflow:auto;max-height:68vh;background:#1c2730;border-radius:8px;text-align:center;touch-action:none}.fa-canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;cursor:crosshair}.fa-inline-actions{display:flex;gap:8px;margin-top:12px}.fa-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.fa-form label{display:grid;gap:6px;font-weight:600}.fa-form input,.fa-form select,.fa-table-wrap input,.fa-table-wrap select{width:100%;padding:10px;border:1px solid #c7d3dc;border-radius:5px;background:#fff}.fa-table-wrap{overflow:auto}.fa-table-wrap table{width:100%;border-collapse:collapse}.fa-table-wrap th,.fa-table-wrap td{padding:10px;border-bottom:1px solid #e2e8ec;text-align:left}.fa-table-wrap th{font-size:12px;text-transform:uppercase;color:#667887}.fa-remove{color:#bd3030;border:0;background:transparent;cursor:pointer}@media(max-width:700px){.fa-header{flex-wrap:wrap;padding:10px 15px}.fa-header h1{font-size:18px}.fa-shell{margin-top:14px}.fa-steps span{display:none}.fa-card{padding:16px}.fa-form{grid-template-columns:1fr}.fa-actions{position:sticky;bottom:0;padding:12px 0;background:#fff}.fa-actions button{flex:1;min-height:46px}}