body.brandops-ux-v1 .brand-setup{max-width:1180px;margin:0 auto;padding:22px 28px 40px}
body.brandops-ux-v1 .brand-setup.hidden{display:none}
body.brandops-ux-v1 .brand-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
body.brandops-ux-v1 .brand-setup-head .kicker{display:block;margin-bottom:5px;color:#0072e0;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.05em}
body.brandops-ux-v1 .brand-setup-head h2{margin:0 0 6px;font-size:26px;line-height:34px;font-weight:500;color:#202124}
body.brandops-ux-v1 .brand-setup-head p{max-width:760px;margin:0;color:#606870;font-size:14px;line-height:21px}
body.brandops-ux-v1 .brand-setup-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
body.brandops-ux-v1 .brand-setup-steps{display:flex;flex-direction:column;gap:6px;position:sticky;top:18px}
body.brandops-ux-v1 .brand-setup-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid transparent;border-radius:5px;color:#606870;background:transparent}
body.brandops-ux-v1 .brand-setup-step .number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cfd4da;border-radius:50%;font-size:12px;font-weight:600;background:#fff;color:#606870}
body.brandops-ux-v1 .brand-setup-step b{display:block;color:#454b52;font-size:14px;line-height:20px;font-weight:500}
body.brandops-ux-v1 .brand-setup-step small{display:block;margin-top:1px;font-size:11px;line-height:16px;color:#8a9099}
body.brandops-ux-v1 .brand-setup-step.active{background:#ebf7ff;border-color:#cbeaff}
body.brandops-ux-v1 .brand-setup-step.active .number{border-color:#0090ff;background:#0090ff;color:#fff}
body.brandops-ux-v1 .brand-setup-step.done .number{border-color:#9fc56b;background:#f0f8e5;color:#4e7318}
body.brandops-ux-v1 .brand-setup-card{background:#fff;border:1px solid #dfe3e8;border-radius:6px;box-shadow:0 1px 3px rgba(63,63,68,.07);min-height:430px;padding:22px}
body.brandops-ux-v1 .brand-setup-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #edf0f2}
body.brandops-ux-v1 .brand-setup-title h3{margin:0 0 4px;font-size:20px;line-height:27px;font-weight:500;color:#202124}
body.brandops-ux-v1 .brand-setup-title p{margin:0;color:#606870;font-size:13px;line-height:19px}
body.brandops-ux-v1 .brand-setup-form{display:grid;gap:16px;max-width:760px}
body.brandops-ux-v1 .brand-setup-form label{display:grid;gap:6px}
body.brandops-ux-v1 .brand-setup-form label>span{font-size:13px;line-height:18px;font-weight:500;color:#343a40}
body.brandops-ux-v1 .brand-setup-form label small{font-size:11px;line-height:16px;color:#8a9099}
body.brandops-ux-v1 .brand-setup-form input,
body.brandops-ux-v1 .brand-setup-form textarea,
body.brandops-ux-v1 .brand-material-row select,
body.brandops-ux-v1 .brand-material-row input{width:100%;box-sizing:border-box;border:1px solid #cfd4da;border-radius:4px;background:#fff;color:#282828;font:inherit;padding:9px 10px;min-height:38px}
body.brandops-ux-v1 .brand-setup-form textarea{resize:vertical;min-height:92px}
body.brandops-ux-v1 .brand-setup-form input:focus,
body.brandops-ux-v1 .brand-setup-form textarea:focus,
body.brandops-ux-v1 .brand-material-row select:focus,
body.brandops-ux-v1 .brand-material-row input:focus{outline:none;border-color:#0090ff;box-shadow:0 0 0 2px rgba(0,144,255,.12)}
body.brandops-ux-v1 .brand-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:150px;padding:22px;border:1px dashed #9eb8cc;border-radius:6px;background:#f8fcff;cursor:pointer;transition:border-color .12s ease,background .12s ease}
body.brandops-ux-v1 .brand-dropzone:hover,body.brandops-ux-v1 .brand-dropzone.dragging{border-color:#0090ff;background:#eef9ff}
body.brandops-ux-v1 .brand-dropzone .drop-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5f5ff;color:#0072e0;font-size:23px;line-height:1}
body.brandops-ux-v1 .brand-dropzone b{font-size:15px;line-height:21px;font-weight:500;color:#282828}
body.brandops-ux-v1 .brand-dropzone span{font-size:12px;line-height:18px;color:#606870}
body.brandops-ux-v1 .brand-material-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px}
body.brandops-ux-v1 .brand-material-toolbar b{font-size:14px;font-weight:500}
body.brandops-ux-v1 .brand-material-toolbar span{font-size:12px;color:#606870}
body.brandops-ux-v1 .brand-material-list{display:grid;gap:8px}
body.brandops-ux-v1 .brand-material-empty{padding:24px;border:1px solid #edf0f2;border-radius:5px;text-align:center;color:#7b8289;font-size:13px}
body.brandops-ux-v1 .brand-material-row{display:grid;grid-template-columns:56px minmax(170px,1.35fr) minmax(165px,.85fr) minmax(150px,.85fr) 34px;gap:10px;align-items:center;padding:10px;border:1px solid #e1e5e9;border-radius:5px;background:#fff}
body.brandops-ux-v1 .brand-material-row.invalid{border-color:#efb5b5;background:#fffafa}
body.brandops-ux-v1 .brand-material-preview{width:54px;height:54px;border-radius:4px;overflow:hidden;background:#f3f5f7;display:grid;place-items:center;color:#606870;font-size:10px;font-weight:600;text-transform:uppercase}
body.brandops-ux-v1 .brand-material-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
body.brandops-ux-v1 .brand-material-name{min-width:0}
body.brandops-ux-v1 .brand-material-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:18px;font-weight:500;color:#282828}
body.brandops-ux-v1 .brand-material-name span{display:block;margin-top:3px;font-size:11px;line-height:16px;color:#7b8289}
body.brandops-ux-v1 .brand-material-name .file-error{color:#c0352b}
body.brandops-ux-v1 .brand-material-field{display:grid;gap:4px}
body.brandops-ux-v1 .brand-material-field>span{font-size:10px;line-height:14px;color:#8a9099;text-transform:uppercase;letter-spacing:.04em}
body.brandops-ux-v1 .brand-material-row select,body.brandops-ux-v1 .brand-material-row input{min-height:34px;padding:6px 8px;font-size:12px;line-height:17px}
body.brandops-ux-v1 .brand-material-remove{width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:4px;color:#7b8289;font-size:18px;cursor:pointer}
body.brandops-ux-v1 .brand-material-remove:hover{background:#fff1f1;color:#c0352b}
body.brandops-ux-v1 .brand-review-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
body.brandops-ux-v1 .brand-review-box{border:1px solid #e1e5e9;border-radius:5px;padding:14px;background:#fff}
body.brandops-ux-v1 .brand-review-box h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#454b52;text-transform:uppercase;letter-spacing:.04em}
body.brandops-ux-v1 .brand-review-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:6px 0;font-size:13px;line-height:18px}
body.brandops-ux-v1 .brand-review-line span{color:#7b8289}
body.brandops-ux-v1 .brand-review-line strong{font-weight:500;text-align:right;color:#282828}
body.brandops-ux-v1 .brand-role-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.brandops-ux-v1 .brand-role-chip{padding:4px 8px;border-radius:3px;background:#f3f5f7;color:#4d545a;font-size:11px;line-height:16px}
body.brandops-ux-v1 .brand-create-progress{display:grid;gap:8px;margin-top:16px}
body.brandops-ux-v1 .brand-create-progress-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 10px;border:1px solid #e1e5e9;border-radius:4px;font-size:12px;line-height:17px}
body.brandops-ux-v1 .brand-create-progress-row.success{border-color:#cfe4b5;background:#fbfff7}
body.brandops-ux-v1 .brand-create-progress-row.failed{border-color:#efb5b5;background:#fffafa}
body.brandops-ux-v1 .brand-create-progress-row.uploading{border-color:#b8e7ff;background:#f8fcff}
body.brandops-ux-v1 .brand-create-progress-row small{color:#7b8289}
body.brandops-ux-v1 .brand-setup-warning{margin-top:14px;padding:10px 12px;border-radius:4px;background:#fff8e9;border:1px solid #f1d49e;color:#77500b;font-size:12px;line-height:18px}
body.brandops-ux-v1 .brand-setup-success{padding:18px;border:1px solid #cfe4b5;border-radius:5px;background:#fbfff7}
body.brandops-ux-v1 .brand-setup-success h3{margin:0 0 6px;font-size:18px;font-weight:500;color:#315b0b}
body.brandops-ux-v1 .brand-setup-success p{margin:0;color:#557238;font-size:13px;line-height:19px}
body.brandops-ux-v1 .brand-setup-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #edf0f2}
body.brandops-ux-v1 .brand-setup-actions .right{display:flex;gap:8px;margin-left:auto}
@media(max-width:900px){body.brandops-ux-v1 .brand-setup{padding:18px}body.brandops-ux-v1 .brand-setup-shell{grid-template-columns:1fr}body.brandops-ux-v1 .brand-setup-steps{position:static;display:grid;grid-template-columns:repeat(3,1fr)}body.brandops-ux-v1 .brand-setup-step small{display:none}body.brandops-ux-v1 .brand-material-row{grid-template-columns:46px 1fr}body.brandops-ux-v1 .brand-material-field{grid-column:2}.brand-material-remove{grid-column:1;grid-row:2}body.brandops-ux-v1 .brand-review-grid{grid-template-columns:1fr}}