.feature-art-space:has(>.csu-demo),.trust-art-space:has(>.csu-demo){max-width:none!important;width:100%;aspect-ratio:auto!important;min-height:0;overflow:visible}.cm-opening:has(.csu-demo),.tm-opening:has(.csu-demo),.trust-access:has(.csu-demo){grid-template-columns:minmax(0,1fr)!important;gap:32px!important}.cm-opening:has(.csu-demo)>header,.tm-opening:has(.csu-demo)>header{max-width:1000px}
.csu-demo{min-width:0;overflow:hidden;border:1px solid var(--ui-demo-line);border-radius:14px;font:14px/1.45 Arial,sans-serif;background:var(--ui-demo-bg);color:var(--ui-demo-text);text-align:left;--csu-primary:var(--live-demo-primary,#22b63b)}.csu-demo *{box-sizing:border-box}.csu-demo [hidden]{display:none!important}.csu-demo :is(h3,h4,p,label,small,strong,span,dt,dd){font-family:Arial,sans-serif;color:inherit;letter-spacing:normal;text-wrap:initial}.csu-demo h3{font-size:19px;line-height:1.35;margin:0}.csu-demo h4{font-size:15px;line-height:1.4;margin:0 0 16px;font-weight:500}.csu-demo p{font-size:13px;line-height:1.5;margin:8px 0 14px;max-width:none;color:var(--ui-demo-muted)}.csu-demo small{display:block;font-size:11px;line-height:1.5;color:var(--ui-demo-muted)}.csu-demo i{color:var(--ui-demo-icons);margin-right:7px}.csu-demo button,.csu-demo input,.csu-demo select,.csu-demo textarea{font:inherit;color:inherit;max-width:100%;min-width:0}.csu-demo button{min-height:38px;padding:9px 14px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius);background:var(--ui-demo-surface);cursor:pointer}.csu-demo button:disabled{opacity:.45;cursor:default}.csu-demo .csu-primary{background:var(--csu-primary);border-color:var(--csu-primary);color:var(--live-demo-ink,#fff)}.csu-demo .csu-primary i{color:inherit}.csu-demo :focus-visible{outline:2px solid var(--csu-primary);outline-offset:3px}.csu-demo input:not([type=radio]):not([type=checkbox]),.csu-demo select,.csu-demo textarea{display:block;width:100%;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius);background:var(--ui-demo-surface);padding:11px 12px;min-height:43px}.csu-demo textarea{min-height:75px;resize:vertical}.csu-demo input:is([type=checkbox],[type=radio]){accent-color:var(--csu-primary);width:18px;height:18px;flex:none}.csu-demo label{display:block;font-size:12px}.csu-demo label>span{display:block;margin-bottom:6px}.csu-frame{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.csu-frame [data-demo-logo]{font-weight:700;color:var(--ui-demo-accent-text)}.csu-frame .ds-logo-image{width:125px;height:28px;object-fit:contain}.csu-frame .csu-head-actions{margin-left:auto;display:flex;gap:8px}.csu-frame .csu-head-actions button{font-size:12px}.csu-body{padding:20px}.csu-plan-label{font-size:13px;margin-bottom:10px}.csu-usage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 auto 18px;max-width:900px}.csu-usage>div{border:1px solid var(--ui-demo-line);border-radius:11px;background:var(--ui-demo-surface);padding:12px}.csu-usage span{font-size:11px}.csu-usage strong{display:block;color:var(--ui-demo-accent-text);font-size:16px;font-weight:500;margin:5px 0}.csu-usage small{font-size:10px}.csu-search{max-width:380px;margin:0 auto 12px}.csu-filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px;font-size:12px}.csu-filters button{font-size:11px;padding:8px 11px}.csu-filters button[aria-pressed=true]{background:var(--csu-primary);border-color:var(--csu-primary);color:var(--live-demo-ink,#fff)}.csu-filters>span:not(:first-child){margin-left:12px}.csu-user{display:flex;align-items:center;gap:14px;padding:18px;margin:0 0 11px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px}.csu-avatar{width:42px;height:42px;border:1px solid var(--ui-demo-line);border-radius:50%;display:grid;place-items:center;flex:none;font-size:13px}.csu-user-main{flex:1;min-width:0}.csu-user-main strong{font-size:15px;font-weight:600}.csu-user-main small{overflow-wrap:anywhere}.csu-user-role{display:flex;align-items:center;gap:8px}.csu-badge{display:inline-block;font-size:10px;color:var(--ui-demo-accent-text)!important;background:var(--ui-demo-tint);border-radius:var(--ui-demo-radius);padding:5px 8px;white-space:nowrap}.csu-status-dot{width:7px;height:7px;display:inline-block;background:var(--csu-primary);border-radius:50%}.csu-status-dot.csu-inactive{background:var(--ui-demo-muted)}.csu-user>.csu-edit{font-size:12px;min-height:31px;padding:6px 10px;color:var(--ui-demo-accent-text)}.csu-card{background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px;padding:18px;margin-bottom:14px}.csu-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.csu-fields .csu-wide{grid-column:1/-1}.csu-fields .csu-postal-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;grid-column:1/-1}.csu-check{display:flex!important;align-items:center;gap:10px;padding:8px 0}.csu-check>span{margin:0!important}.csu-card .csu-static{font-size:13px}.csu-type-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.csu-type-options label{display:flex;align-items:center;gap:9px}.csu-password{display:flex;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius);overflow:hidden}.csu-password input{border:0!important}.csu-password button{border:0;border-radius:0;padding:8px 12px;min-height:40px}.csu-submit{width:100%;margin:8px 0}.csu-editor-footer{display:flex;gap:10px}.csu-editor-footer .csu-submit{flex:1}.csu-editor-footer>button:first-child{margin:8px 0}.csu-section-actions{display:grid;gap:10px}.csu-section-actions button{width:100%}.csu-empty{padding:30px;text-align:center;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px}.csu-feedback{font-size:12px;color:var(--ui-demo-accent-text);margin:14px 0}.csu-note{font-size:11px!important;margin:15px 0 0!important}.csu-pay-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.csu-pay-view strong{display:block;font-size:13px;font-weight:500}.csu-local-summary{font-size:11px;color:var(--ui-demo-muted);margin:15px 0}.csu-demo .csu-field-note{font-size:10px}
@media(max-width:760px){.csu-body{padding:13px}.csu-usage{grid-template-columns:repeat(2,minmax(0,1fr))}.csu-usage>div:last-child{grid-column:1/-1}.csu-frame{flex-wrap:wrap;padding:12px}.csu-frame .csu-head-actions{margin-left:0;flex-basis:100%;flex-wrap:wrap}.csu-user{flex-wrap:wrap;padding:14px;gap:10px}.csu-user-main{flex-basis:calc(100% - 58px)}.csu-user-role{margin-left:52px}.csu-user>.csu-edit{margin-left:auto}.csu-fields{grid-template-columns:1fr}.csu-fields .csu-postal-row{grid-template-columns:1fr 1fr}.csu-postal-row>label:first-child{grid-column:1/-1}.csu-type-options{gap:10px}.csu-filters{gap:6px}.csu-filters>span:not(:first-child){margin-left:3px}.csu-card{padding:14px}.csu-editor-footer{flex-wrap:wrap}.csu-submit{min-width:170px}}