.db-studio{background:#fffdfa;color:#29163f;border-bottom:1px solid #e4d9e7;font:14px/1.6 Montserrat,Arial,sans-serif}.db-studio *{box-sizing:border-box}.db-studio summary{list-style:none;padding:24px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer}.db-studio summary::-webkit-details-marker{display:none}.db-studio summary small{display:block;color:#7950b4;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:5px}.db-studio summary strong{font-size:clamp(20px,2.3vw,28px);letter-spacing:-.04em}.db-summary-action{font-size:12px;white-space:nowrap}.db-summary-action>span{display:inline-block;font-size:23px;margin-left:10px}.db-studio details[open] .db-summary-action>span{transform:rotate(45deg)}.db-controls{padding:0 clamp(20px,4vw,64px) 24px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.db-intro{grid-column:1/-1;display:flex;gap:50px;align-items:start;border-top:1px solid #e4d9e7;padding-top:18px}.db-intro p{margin:0;flex:1;max-width:700px}.db-studio .db-fine{font:12px/1.7 Montserrat,Arial,sans-serif;color:#71617a}.db-fields{display:grid;gap:14px}.db-fields p{margin:0}.db-studio label{display:grid;gap:7px;font-size:12px;font-weight:600}.db-studio input,.db-studio select,.db-studio button{font:13px/1.4 Montserrat,Arial,sans-serif!important}.db-studio input:not([type=color]),.db-studio select{min-height:44px;width:100%;padding:11px 12px;border:1px solid #d8cbdc;border-radius:8px;background:#fff;color:#29163f}.db-studio :is(button,input,select,summary):focus-visible{outline:3px solid #8051d5;outline-offset:3px}.db-upload{background:#f6f0fb;border:1px dashed #bca4d5;border-radius:12px;padding:20px;align-self:start;min-width:0}.db-upload small{font-size:11px;font-weight:400;color:#71617a}.db-studio input[type=file]{font-size:11px!important;padding:10px 6px!important;margin-top:10px;max-width:100%;overflow:hidden}.db-studio input::file-selector-button{border:0;background:#eee3f8;color:#4b2a70;border-radius:5px;padding:7px;margin-right:8px;cursor:pointer}.db-file-preview{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.db-file-preview img{width:80px;height:65px;object-fit:contain;background:repeating-conic-gradient(#ece8ee 0% 25%,#fff 0% 50%) 0/12px 12px;border-radius:5px}.db-studio button{background:transparent;color:#5b328a;border:1px solid #cdbadf;border-radius:7px;padding:10px 13px;cursor:pointer;min-height:40px}.db-palette{grid-column:1/-1;border-top:1px solid #e4d9e7;padding-top:18px}.db-palette-heading{display:flex;gap:18px;align-items:center;margin-bottom:13px}.db-palette-heading span{font-size:12px;color:#71617a}.db-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.db-color-field>div{display:flex;gap:8px;margin-top:7px}.db-studio input[type=color]{width:44px;min-width:44px;height:44px;padding:3px;background:#fff;border:1px solid #d8cbdc;border-radius:8px;cursor:pointer}.db-detected{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:12px}.db-detected>div{display:flex;gap:7px}.db-detected button{width:32px;min-height:32px;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px #d8cbdc;border-radius:50%}.db-detected label{display:flex;align-items:center;margin-left:auto}.db-detected select{width:auto;min-height:36px;padding:7px 10px}.db-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;align-items:center}.db-bottom p{margin:0;font-size:12px}.db-bottom button{flex-shrink:0}.db-studio [hidden]{display:none!important}.db-demo-identity{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px;overflow-wrap:anywhere}.db-demo-identity strong{font-size:18px;font-family:var(--font-display);line-height:1.2}.sd-experience img[data-brand-logo]{display:block!important;width:auto!important;height:auto!important;max-width:120px!important;max-height:56px!important;object-fit:contain!important;flex-shrink:0}.sd-experience .db-demo-identity img[data-brand-logo]{max-height:40px!important;max-width:100px!important}.sd-experience .sg-sample-header>a,.sd-experience .sg-sample-footer>b{display:flex;align-items:center;gap:14px}.sd-experience .pt-nav-brand{min-width:0}.sg-sample{background:var(--workspace-background)!important;color:var(--workspace-text)!important}
@media(max-width:850px){.db-controls{grid-template-columns:1fr 1fr}.db-fields{grid-column:1/-1;grid-template-columns:1fr 1fr}.db-fields p{grid-column:1/-1}.db-intro{display:block}.db-intro .db-fine{margin-top:10px}.db-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.db-palette-heading{display:block}.db-palette-heading span{display:block;margin-top:3px}.db-detected label{margin-left:0}}
@media(max-width:520px){.db-controls{grid-template-columns:1fr;gap:16px}.db-fields{display:grid;grid-template-columns:1fr}.db-studio summary{gap:12px}.db-summary-action{font-size:0}.db-summary-action>span{font-size:24px}.db-bottom{display:block}.db-bottom button{margin-top:14px}.sd-experience img[data-brand-logo]{max-width:76px!important;max-height:42px!important}.db-studio .db-color-field input[type=text]{padding-inline:8px;font-size:12px!important}}