/* Unified Widget Studio uses one selector and one accurate, responsive preview. */
.bn-unified-studio{display:grid;gap:15px;max-width:1190px;width:100%;min-width:0;margin:0 auto;padding-bottom:30px}
.bn-unified-studio .page-title{margin:-8px 0 -6px}
.bn-unified-studio .page-description{margin:0 0 8px;max-width:720px}
.bn-studio-editor{padding:clamp(16px,2.3vw,25px);border:1px solid #544f43;background:radial-gradient(circle at 100% 0%,#bbaa8720,transparent 45%),#1c2020;border-radius:17px}
.bn-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bn-studio-toolbar h2{font:750 clamp(17px,2vw,23px)/1.3 var(--font-ui,Inter,system-ui,sans-serif);margin:5px 0 0;color:#f1e9dc}
.bn-studio-size-switch{display:flex;gap:6px;padding:4px;background:#171b1b;border:1px solid #4a4d43;border-radius:12px}
.bn-studio-size-switch button{min-width:98px;padding:9px 13px;border:1px solid transparent;border-radius:9px;color:#b8bbb4;background:transparent;font:750 12px var(--font-ui,Inter,system-ui,sans-serif);cursor:pointer}
.bn-studio-size-switch button small{font-size:10px;color:inherit;margin-left:4px;opacity:.7}
.bn-studio-size-switch button.active{color:#edd3a4;background:#39342a;border-color:#9c875f}
.bn-studio-type-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:17px}
.bn-studio-type-list button{min-width:0;padding:10px 7px;border:1px solid #555b51;border-radius:10px;color:#d3d8d0;background:#202424;font:700 12px var(--font-ui,Inter,system-ui,sans-serif);cursor:pointer}
.bn-studio-type-list button.active{border-color:#c6ad7e;background:#37332b;color:#ffdfac}
.bn-studio-type-description{font-size:12px;color:#b7bdb7;margin:12px 0}
.bn-studio-preview-stage{display:flex;justify-content:center;align-items:center;min-height:218px;padding:15px 6px 9px}
.bn-studio-preview{width:380px;min-height:170px;box-sizing:border-box;border:1px solid #918062;border-radius:19px;background:linear-gradient(135deg,#292722,#1a1e1e);box-shadow:0 15px 32px #0005;padding:16px 17px;display:flex;flex-direction:column;gap:12px;color:#eee6d9;transition:width .18s ease,height .18s ease}
.bn-studio-preview.is-small{width:180px;height:180px;min-height:180px;padding:12px;gap:9px}
.bn-studio-preview.is-medium{width:min(100%,400px);height:182px}
.bn-studio-widget-label{font:800 9px var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;color:#d6b781;display:flex;justify-content:space-between;gap:6px;text-transform:uppercase}
.bn-studio-widget-label span{color:#b9c2bb}
.bn-studio-preview.is-small .bn-studio-widget-label{font-size:8px}
.bn-studio-preview .bn-studio-stat{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;justify-content:center}
.bn-studio-skill{font-size:13px;color:#97c2bc;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-studio-stat-large{font-weight:800;font-size:clamp(21px,2.2vw,29px);line-height:1.13;color:#f0e5d3}
.bn-studio-stat-large small{font-weight:600;font-size:11px;color:#b8b7af}
.bn-studio-preview.is-small .bn-studio-stat-large{font-size:21px}
.bn-studio-progress{height:7px;min-height:7px;border-radius:8px;background:#333934;overflow:hidden}
.bn-studio-progress>span{height:100%;display:block;background:linear-gradient(90deg,#b29f7b,#e4c890);border-radius:8px}
.bn-studio-quickstats{display:flex;justify-content:space-between;gap:9px;color:#d7caac;font-size:10px}
.bn-studio-stat>small,.bn-studio-blank small{display:block;color:#b0bab2;font-size:10px;line-height:1.4}
.bn-studio-craft-name{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bn-studio-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:center;flex:1}
.bn-studio-skills>div{display:grid;gap:4px;min-width:0}
.bn-studio-skills>div>span{font-size:10px;color:#aebdb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-studio-skills b{color:#f4e7d1;font-size:14px}
.bn-studio-skills .bn-studio-progress{height:4px;min-height:4px}
.bn-studio-preview.is-small .bn-studio-skills{gap:7px;grid-template-columns:1fr}
.bn-studio-preview.is-small .bn-studio-skills>div:nth-child(n+4){display:none}
.bn-studio-preview.is-small .bn-studio-skills>div{grid-template-columns:1fr auto;align-items:center;gap:2px}
.bn-studio-preview.is-small .bn-studio-skills .bn-studio-progress{grid-column:1/-1}
.bn-studio-blank{display:grid;align-content:center;gap:6px;min-height:80px;flex:1}
.bn-studio-blank strong{color:#f1e3c9;font-size:13px}
.bn-studio-widget-foot{font-size:9px;color:#a6b0a7;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-studio-preview-note{text-align:center;font-size:11px;color:#afb6af;margin:0 0 4px}
.bn-studio-editor-actions{border-top:1px solid #46483f;padding-top:13px;margin-top:11px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.bn-studio-editor-actions>span{font-size:11px;color:#b6bcb4;flex:1;line-height:1.6}
.bn-studio-editor-actions .bn-ios-install-link{flex-shrink:0}
.bn-unified-studio .bn-stream-studio{margin:0}
.bn-unified-studio button:focus-visible{outline:2px solid #e3c286;outline-offset:2px}
@media(max-width:620px){
 .bn-studio-type-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .bn-studio-toolbar{align-items:flex-start}
 .bn-studio-size-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .bn-studio-size-switch button{min-width:0}
 .bn-studio-preview-stage{min-height:203px}
 .bn-studio-editor-actions{align-items:stretch;flex-direction:column}
 .bn-studio-editor-actions .bn-ios-install-link{justify-content:center}
}