.cds-tb .cds-tb-qr{background:#f7f9fc;border:1px solid #e6ebf1;border-radius:18px;padding:clamp(14px,2.5vw,28px);box-shadow:0 10px 32px rgba(15,23,42,.06)}
.cds-tb .cds-tb-qr-head{text-align:center;margin:0 auto 22px;max-width:650px}.cds-tb .cds-tb-qr-head h2{margin:5px 0}.cds-tb .cds-tb-qr-head p{margin:0;color:#526071}
.cds-tb .cds-tb-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--cds-primary)}
.cds-tb .cds-tb-qr-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:18px;align-items:start}
.cds-tb .cds-tb-panel{background:#fff;border:1px solid #e4e9ef;border-radius:15px;padding:clamp(14px,2vw,22px);min-width:0}
.cds-tb .cds-tb-field{margin-bottom:15px;min-width:0}.cds-tb .cds-tb-label{display:block;font-weight:650;font-size:14px;margin-bottom:7px;color:#263445}
.cds-tb .cds-tb-field input:not([type=color]):not([type=range]):not([type=file]),.cds-tb .cds-tb-field select,.cds-tb .cds-tb-field textarea{width:100%;min-height:44px;border:1px solid #ccd5df;border-radius:9px;padding:9px 11px;background:#fff;color:#172333}
.cds-tb .cds-tb-field input[type=range]{width:100%;accent-color:var(--cds-primary)}.cds-tb .cds-tb-field input[type=file]{width:100%;font-size:13px}
.cds-tb .cds-tb-field small{display:block;color:#687587;font-size:12px;margin-top:5px}
.cds-tb .cds-tb-tabs{display:flex;gap:7px;flex-wrap:wrap}
.cds-tb .cds-tb-tab{min-height:40px;border:1px solid #d5dde6;border-radius:999px;padding:6px 13px;background:#fff;color:#334155;cursor:pointer;font-size:13px}
.cds-tb .cds-tb-tab.is-active{background:var(--cds-primary);border-color:var(--cds-primary);color:#fff}
.cds-tb .cds-tb-color-row{display:grid;grid-template-columns:1fr 48px 1fr 48px;gap:9px;align-items:center}
.cds-tb .cds-tb-color-row .cds-tb-label{margin:0}.cds-tb .cds-tb-color-row input{width:44px;height:40px;border:0;padding:2px;background:transparent}
.cds-tb .cds-tb-warning{background:#fff7e6;color:#7a4b00;border-inline-start:3px solid #d58a00;padding:9px 11px;border-radius:7px;font-size:13px}
.cds-tb .cds-tb-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.cds-tb .cds-tb-button{min-height:46px;padding:10px 16px;border:1px solid var(--cds-primary);border-radius:9px;background:var(--cds-primary);color:#fff;font-weight:650;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.cds-tb .cds-tb-button:hover{filter:brightness(.93)}.cds-tb .cds-tb-button:active{transform:translateY(1px)}
.cds-tb .cds-tb-button-outline{background:#fff;color:var(--cds-primary)}.cds-tb .cds-tb-button-secondary{background:#eef2f6;border-color:#dce3ea;color:#263445}
.cds-tb .cds-tb-preview-panel{position:sticky;top:20px;text-align:center}
.cds-tb .cds-tb-preview{width:100%;min-height:310px;aspect-ratio:1/1;max-width:390px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px dashed #d4dde7;border-radius:12px;padding:12px}
.cds-tb .cds-tb-preview canvas,.cds-tb .cds-tb-preview svg{display:block;max-width:100%;height:auto!important}
.cds-tb .cds-tb-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#667487}.cds-tb .cds-tb-placeholder span{font-size:54px;line-height:1;color:#aab7c5}.cds-tb .cds-tb-placeholder strong{color:#344256}
.cds-tb .cds-tb-status{font-size:13px;min-height:24px;margin:12px 0;color:#536273}.cds-tb .cds-tb-privacy{font-size:13px;color:#536273;margin:14px 0 0}
.cds-tb .cds-tb-downloads{justify-content:center}.cds-tb .cds-tb-downloads .cds-tb-button{flex:1 1 42%;max-width:180px}
@media(max-width:767px){.cds-tb .cds-tb-qr-grid{grid-template-columns:1fr}.cds-tb .cds-tb-preview-panel{position:static;grid-row:1}.cds-tb .cds-tb-preview{min-height:260px;max-width:330px}.cds-tb .cds-tb-downloads .cds-tb-button{max-width:none;flex:1 1 calc(50% - 9px)}}
@media(max-width:380px){.cds-tb .cds-tb-color-row{grid-template-columns:1fr 44px}.cds-tb .cds-tb-color-row .cds-tb-label:nth-of-type(2){grid-column:1}.cds-tb .cds-tb-color-row input:nth-of-type(2){grid-column:2;grid-row:2}}