.config-page{flex-direction:column;gap:22px;display:flex}.config-hero{border-radius:26px;grid-template-columns:minmax(280px,1.2fr) minmax(360px,1fr);align-items:center;gap:22px;padding:24px;display:grid}.config-eyebrow{color:var(--qbi-blue);background:#eaf4ffd6;border-radius:999px;align-items:center;margin-bottom:10px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.config-hero h3{color:var(--qbi-blue);margin:0;font-size:28px}.config-hero p{color:var(--qbi-muted);max-width:720px;margin:8px 0 0}.config-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;display:grid}.config-summary-grid article{min-height:92px;color:var(--qbi-blue);box-shadow:var(--qbi-shadow-soft);background:#ffffff94;border:1px solid #b8d3efc2;border-radius:20px;flex-direction:column;justify-content:center;gap:4px;padding:14px;display:flex}.config-summary-grid span{color:var(--qbi-muted);font-size:12px;font-weight:800}.config-summary-grid strong{color:var(--qbi-text);font-size:19px}.config-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.config-card{box-shadow:var(--qbi-shadow);-webkit-backdrop-filter:blur(16px);background:#ffffffa8;border:1px solid #ffffffe0;border-radius:24px;padding:18px}.config-card:first-child,.config-card:nth-child(3),.config-card:nth-child(6){grid-column:1/-1}.config-card-head{border-bottom:1px dashed #b8d3efe0;align-items:flex-start;gap:12px;margin-bottom:15px;padding-bottom:12px;display:flex}.config-card-icon{color:#fff;background:linear-gradient(135deg,#0070d8f5,#38bdf8d6);border-radius:15px;flex:none;place-items:center;width:44px;height:44px;display:grid}.config-card h3{color:var(--qbi-blue);margin:0;font-size:18px}.config-card p{color:var(--qbi-muted);margin:4px 0 0;font-size:13px}.config-grid{align-items:flex-start}.config-color-preview{color:#fff;min-height:46px;box-shadow:var(--qbi-shadow-soft);border-radius:14px;flex:260px;place-items:center;padding:0 14px;font-weight:900;display:grid}.config-technical{border-radius:24px;padding:20px}.config-table{min-width:920px}.config-table td:nth-child(3){white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}@media (width<=1100px){.config-hero,.config-form{grid-template-columns:1fr}.config-card:first-child,.config-card:nth-child(3),.config-card:nth-child(6){grid-column:auto}}@media (width<=680px){.config-summary-grid{grid-template-columns:1fr}.config-hero{padding:18px}.config-card{padding:14px}}