.db-studio,
.db-studio *{box-sizing:border-box}
.db-studio{--studio-navy:#0a2c40;--studio-blue:#1f7891;--studio-blue-dark:#185f78;--studio-soft:#f2f8f8;--studio-cream:#faf8f0;--studio-border:#d8e5e9;--studio-muted:#667085;color:#1f2937;font-size:16px;line-height:1.55;width:100%}
.db-studio button,.db-studio input,.db-studio select,.db-studio textarea{font:inherit}
.db-studio button,.db-studio a{-webkit-tap-highlight-color:transparent}
.db-studio__hero{align-items:flex-start;background:linear-gradient(135deg,var(--studio-navy),#174f66);border-radius:22px;color:#fff;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px;overflow:hidden;padding:clamp(24px,5vw,44px);position:relative}
.db-studio__hero::after{border:1px solid rgba(255,255,255,.15);border-radius:50%;content:"";height:220px;position:absolute;right:-70px;top:-100px;width:220px}
.db-studio__hero>div,.db-studio__hero>a{position:relative;z-index:1}
.db-studio__hero h1{color:#fff;font-size:clamp(31px,5vw,52px);letter-spacing:-.04em;line-height:1.05;margin:5px 0 12px}
.db-studio__hero p{color:#d8e8ed;margin:0;max-width:650px}
.db-studio__eyebrow{color:#247189;font-size:12px;font-weight:850;letter-spacing:.12em;margin:0;text-transform:uppercase}
.db-studio__new{align-items:center;background:#fff;border-radius:12px;color:var(--studio-navy);display:inline-flex;font-weight:800;gap:7px;min-height:48px;padding:10px 16px;text-decoration:none;white-space:nowrap}
.db-studio__new span{font-size:22px;line-height:1}
.db-studio-notice{border:1px solid;border-radius:12px;font-weight:700;margin:16px 0;padding:14px 16px}
.db-studio-notice--success{background:#eaf7ef;border-color:#acd5ba;color:#255b39}.db-studio-notice--warning{background:#fff8dc;border-color:#ead777;color:#735b08}.db-studio-notice--error{background:#fff0ef;border-color:#e7b3ae;color:#8f271f}
.db-studio-steps{background:#fff;border:1px solid var(--studio-border);border-radius:16px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0;padding:7px;position:sticky;top:82px;z-index:20}
.db-studio-steps button{align-items:center;background:transparent;border:0;border-radius:11px;color:#52606d;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;min-height:48px;padding:8px}
.db-studio-steps button span{align-items:center;background:#edf3f5;border-radius:50%;display:flex;height:27px;justify-content:center;width:27px}
.db-studio-steps button.is-active{background:var(--studio-navy);color:#fff}.db-studio-steps button.is-active span{background:rgba(255,255,255,.18)}
.db-studio-form{margin:0}
.db-studio-panel{background:#fff;border:1px solid var(--studio-border);border-radius:20px;margin-bottom:20px;padding:clamp(19px,4vw,34px)}
.db-studio--js .db-studio-panel[hidden]{display:none}
.db-studio-panel__heading{align-items:flex-start;border-bottom:1px solid var(--studio-border);display:flex;gap:14px;margin-bottom:25px;padding-bottom:20px}
.db-studio-panel__heading>span{align-items:center;background:var(--studio-soft);border-radius:12px;color:var(--studio-blue-dark);display:flex;flex:0 0 45px;font-size:21px;font-weight:900;height:45px;justify-content:center}
.db-studio-panel__heading h2{color:var(--studio-navy);font-size:clamp(23px,3vw,30px);line-height:1.15;margin:0 0 6px;outline:0}
.db-studio-panel__heading p{color:var(--studio-muted);font-size:14px;margin:0}
.db-studio-field{display:grid;gap:7px;margin:0 0 19px}.db-studio-field>span,.db-studio-field>strong{color:var(--studio-navy);font-size:13px;font-weight:800}
.db-studio-field input,.db-studio-field select,.db-studio-field textarea,.db-studio-library input{background:#fff;border:1px solid #cbd9de;border-radius:10px;color:#1f2937;min-height:48px;padding:11px 13px;width:100%}
.db-studio-field textarea{min-height:100px;resize:vertical}.db-studio-field--title input{font-size:18px;font-weight:720}
.db-studio-field input:focus,.db-studio-field select:focus,.db-studio-field textarea:focus,.db-studio-library input:focus{border-color:var(--studio-blue);box-shadow:0 0 0 3px rgba(31,120,145,.14);outline:0}
.db-studio-field-grid{display:grid;gap:0 18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.db-studio-input-suffix{align-items:center;border:1px solid #cbd9de;border-radius:10px;display:flex;overflow:hidden}.db-studio-input-suffix input{border:0;border-radius:0;min-width:0}.db-studio-input-suffix small{background:var(--studio-soft);align-self:stretch;display:flex;align-items:center;padding:0 13px;color:#52606d}
.db-studio-check{align-items:flex-start;background:var(--studio-soft);border:1px solid var(--studio-border);border-radius:12px;cursor:pointer;display:flex;gap:11px;margin-bottom:19px;padding:15px}.db-studio-check input{height:20px;margin:2px 0 0;width:20px}.db-studio-check span{display:grid}.db-studio-check small{color:var(--studio-muted);margin-top:2px}
.db-studio .wp-editor-wrap{border:1px solid #cbd9de;border-radius:12px;overflow:hidden}.db-studio .wp-editor-container{border:0}.db-studio .wp-editor-tabs{margin-right:8px}.db-studio .mce-toolbar-grp{overflow-x:auto}.db-studio .mce-toolbar .mce-btn-group{white-space:nowrap}.db-studio .quicktags-toolbar{overflow-x:auto;white-space:nowrap}
.db-studio-featured{align-items:center;background:var(--studio-cream);border:1px solid var(--studio-border);border-radius:15px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 130px auto auto;margin-top:22px;padding:16px}.db-studio-featured p{color:var(--studio-muted);font-size:13px;margin:3px 0 0}.db-studio-featured__preview{align-items:center;background:#fff;border:1px dashed #b7c8ce;border-radius:10px;color:var(--studio-muted);display:flex;height:78px;justify-content:center;overflow:hidden;text-align:center}.db-studio-featured__preview img{height:100%;object-fit:cover;width:100%}
.db-studio-primary,.db-studio-secondary,.db-studio-save,.db-studio-resource-add{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:48px;padding:10px 16px}.db-studio-primary,.db-studio-save{background:var(--studio-blue);border:1px solid var(--studio-blue);color:#fff}.db-studio-primary:hover,.db-studio-save:hover{background:var(--studio-blue-dark)}.db-studio-secondary{background:#fff;border:1px solid #adc4cc;color:var(--studio-navy)}.db-studio-link{background:transparent;border:0;color:#a33a31;cursor:pointer;font-weight:750;padding:8px}.db-studio-link[hidden]{display:none}
.db-studio-panel__nav{align-items:center;border-top:1px solid var(--studio-border);display:flex;gap:10px;justify-content:flex-end;margin-top:26px;padding-top:20px}
.db-studio-resources{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.db-studio-resource{align-items:center;background:#fff;border:1px solid var(--studio-border);border-radius:12px;display:grid;gap:11px;grid-template-columns:52px minmax(0,1fr) 36px;min-width:0;padding:10px}.db-studio-resource>img,.db-studio-resource>span{align-items:center;background:var(--studio-soft);border-radius:8px;display:flex;height:52px;justify-content:center;object-fit:cover;width:52px}.db-studio-resource>span{color:var(--studio-blue-dark);font-size:12px;font-weight:900}.db-studio-resource div{display:grid;min-width:0}.db-studio-resource strong,.db-studio-resource small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-studio-resource small{color:var(--studio-muted);font-size:11px;margin-top:3px}.db-studio-resource button{background:#fff;border:1px solid var(--studio-border);border-radius:8px;color:#8f271f;cursor:pointer;font-size:22px;height:36px;width:36px}
.db-studio-resource-empty{align-items:center;background:var(--studio-soft);border:1px dashed #a9c2cb;border-radius:15px;color:var(--studio-muted);display:flex;flex-direction:column;margin-bottom:14px;padding:32px;text-align:center}.db-studio-resource-empty[hidden]{display:none}.db-studio-resource-empty>span{align-items:center;background:#fff;border-radius:10px;color:var(--studio-blue-dark);display:flex;font-size:13px;font-weight:900;height:50px;justify-content:center;margin-bottom:10px;width:50px}.db-studio-resource-empty strong{color:var(--studio-navy)}.db-studio-resource-empty p{font-size:13px;margin:5px 0 0}.db-studio-resource-add{background:#fff;border:1px dashed var(--studio-blue);color:var(--studio-blue-dark);gap:7px;width:100%}.db-studio-field--compact{margin-top:20px;max-width:420px}
.db-studio-publish-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.db-studio-status{background:#fff;border:1px solid var(--studio-border);border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:17px}.db-studio-status:has(input:checked){background:var(--studio-soft);border-color:var(--studio-blue);box-shadow:0 0 0 2px rgba(31,120,145,.1)}.db-studio-status input{height:20px;margin:2px 0 0;width:20px}.db-studio-status span{display:grid}.db-studio-status small{color:var(--studio-muted);font-size:12px;margin-top:3px}.db-studio-status--publish:has(input:checked){background:#edf8f1;border-color:#6ca681}
.db-studio-final{align-items:center;background:var(--studio-navy);border-radius:15px;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-top:20px;padding:20px}.db-studio-final p{color:#cbdce2;font-size:13px;margin:4px 0 0}.db-studio-save{background:#fff;border-color:#fff;color:var(--studio-navy);min-width:180px}.db-studio-save:hover{background:#eef5f6;color:var(--studio-navy)}.db-studio-save:disabled{cursor:wait;opacity:.7}
.db-studio-library{background:#fff;border:1px solid var(--studio-border);border-radius:20px;margin-top:28px;overflow:hidden}.db-studio-library>header{align-items:flex-end;background:var(--studio-soft);display:flex;gap:20px;justify-content:space-between;padding:22px}.db-studio-library h2{color:var(--studio-navy);font-size:27px;margin:3px 0 0}.db-studio-library form{display:flex;max-width:360px;width:100%}.db-studio-library input{border-radius:10px 0 0 10px;min-width:0}.db-studio-library form button{background:var(--studio-blue);border:0;border-radius:0 10px 10px 0;color:#fff;font-weight:800;padding:0 16px}.db-studio-library__list{display:grid}.db-studio-library__list article{align-items:center;border-top:1px solid var(--studio-border);display:grid;gap:13px;grid-template-columns:46px minmax(0,1fr) auto;padding:15px 20px}.db-studio-library__icon{align-items:center;background:var(--studio-soft);border-radius:10px;color:var(--studio-blue-dark);display:flex;font-weight:900;height:44px;justify-content:center;width:44px}.db-studio-library h3{color:var(--studio-navy);font-size:16px;line-height:1.3;margin:3px 0}.db-studio-library__list p{color:var(--studio-muted);font-size:12px;margin:0}.db-studio-library__status{border-radius:999px;display:inline-flex;font-size:10px;font-weight:850;padding:3px 7px}.db-studio-library__status--publish{background:#e7f5ec;color:#336a47}.db-studio-library__status--draft{background:#eef2f4;color:#52606d}.db-studio-library__status--pending{background:#fff5d5;color:#765b08}.db-studio-library__actions{display:flex;gap:7px}.db-studio-library__actions a{border:1px solid var(--studio-border);border-radius:8px;color:var(--studio-blue-dark);font-size:12px;font-weight:800;padding:8px 10px;text-decoration:none}.db-studio-library__empty{padding:34px;text-align:center}.db-studio-library__empty p{margin-top:5px}
.db-studio-access{background:#fff;border:1px solid #d8e5e9;border-radius:20px;margin-inline:auto;max-width:620px;padding:42px;text-align:center}.db-studio-access>span{align-items:center;background:#f2f8f8;border-radius:50%;color:#185f78;display:flex;font-size:27px;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.db-studio-access h2{color:#0a2c40;margin:0}.db-studio-access a{background:#1f7891;border-radius:10px;color:#fff;display:inline-flex;font-weight:800;margin-top:13px;padding:11px 17px;text-decoration:none}
.db-studio-account-card{align-items:center;background:linear-gradient(135deg,#0a2c40,#1f7891);border-radius:16px;color:#fff;display:flex;gap:18px;justify-content:space-between;margin:20px 0;padding:19px}.db-studio-account-card>div{align-items:center;display:flex;gap:13px}.db-studio-account-card>div>span{align-items:center;background:rgba(255,255,255,.14);border-radius:10px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.db-studio-account-card strong{font-size:18px}.db-studio-account-card p{color:#dbe9ed;font-size:13px;margin:3px 0 0}.db-studio-account-card>a{background:#fff;border-radius:9px;color:#0a2c40;font-size:13px;font-weight:850;padding:10px 13px;text-decoration:none;white-space:nowrap}
@media(max-width:820px){.db-studio-steps{top:70px}.db-studio-featured{grid-template-columns:minmax(0,1fr) 100px auto}.db-studio-featured .db-studio-link{grid-column:3}.db-studio-resources,.db-studio-publish-grid{grid-template-columns:1fr 1fr}.db-studio-library>header{align-items:stretch;display:grid}.db-studio-library form{max-width:none}}
@media(max-width:620px){.db-studio__hero{display:grid}.db-studio__new{width:max-content}.db-studio-steps{gap:3px;overflow-x:auto;padding:5px}.db-studio-steps button{font-size:0;min-width:48px}.db-studio-steps button span{font-size:13px}.db-studio-steps button.is-active{font-size:12px;min-width:100px}.db-studio-field-grid,.db-studio-resources,.db-studio-publish-grid{grid-template-columns:1fr}.db-studio-featured{grid-template-columns:1fr 95px}.db-studio-featured>div:first-child{grid-column:1/-1}.db-studio-featured .db-studio-secondary{grid-column:1}.db-studio-featured .db-studio-link{grid-column:2}.db-studio-panel__nav{align-items:stretch;display:grid;grid-template-columns:1fr}.db-studio-panel__nav .db-studio-secondary{order:2}.db-studio-final{align-items:stretch;display:grid}.db-studio-save{width:100%}.db-studio-library__list article{align-items:start;grid-template-columns:42px minmax(0,1fr)}.db-studio-library__actions{grid-column:1/-1}.db-studio-library__actions a{flex:1;text-align:center}.db-studio-account-card{align-items:stretch;display:grid}.db-studio-account-card>a{text-align:center}.db-studio .mce-toolbar-grp{max-width:calc(100vw - 70px)}}
@media(max-width:390px){.db-studio__hero{border-radius:17px;padding:21px}.db-studio-panel{border-radius:16px;padding:16px}.db-studio-panel__heading>span{display:none}.db-studio-featured{grid-template-columns:1fr}.db-studio-featured__preview{height:130px}.db-studio-featured .db-studio-secondary,.db-studio-featured .db-studio-link{grid-column:auto}.db-studio-library>header{padding:17px}.db-studio-library__list article{padding:14px}.db-studio-access{padding:28px 18px}}
@media(pointer:coarse){.db-studio button,.db-studio a,.db-studio input,.db-studio select{min-height:48px}}
@media(prefers-reduced-motion:reduce){.db-studio *{scroll-behavior:auto!important;transition:none!important}}