.sunburst-studio { color: #efecf5; background: #0c0a12; min-height: 100%; padding: clamp(20px, 4vw, 48px); box-sizing: border-box; font: 15px/1.55 system-ui, sans-serif; }
.sunburst-studio * { box-sizing: border-box; }
.sunburst-studio .sunburst-studio-header { display: block; position: static; inset: auto; z-index: auto; width: 100%; max-width: 820px; min-height: 0; height: auto; padding: 0; margin: 0 0 22px; background: transparent; border: 0; box-shadow: none; }
.sunburst-studio h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.1; margin: 10px 0 18px; letter-spacing: -.04em; }
.sunburst-studio h2 { font-size: 24px; line-height: 1.25; margin: 0 0 20px; }
.sunburst-studio-header > p:not(.sunburst-studio-eyebrow), .sunburst-studio-hint { color: #aaa3b8; }
.sunburst-studio-eyebrow { color: #bba0da; text-transform: uppercase; font-size: 12px; letter-spacing: .14em; }
.sunburst-studio-status { min-height: 26px; color: #bcb0d0; margin: 20px 0; }
.sunburst-studio-status[data-error="true"] { color: #ffbaa9; }
.sunburst-studio button, .sunburst-studio input, .sunburst-studio select, .sunburst-studio textarea { color: inherit; font: inherit; border: 1px solid #393043; border-radius: 12px; background: #18131f; padding: 11px 14px; }
.sunburst-studio input, .sunburst-studio select, .sunburst-studio textarea { width: 100%; min-width: 0; }
.sunburst-studio button { cursor: pointer; }
.sunburst-studio button:hover { background: #272030; border-color: #6e557f; }
.sunburst-studio :focus-visible { outline: 2px solid #caa4ee; outline-offset: 3px; }
.sunburst-studio button:disabled { cursor: default; opacity: .5; }
.sunburst-studio-profile { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding-bottom: 24px; }
.sunburst-studio-profile .sunburst-studio-field { flex: 1 1 230px; margin: 0; }
.sunburst-studio-field { display: grid; gap: 7px; margin: 0 0 18px; }
.sunburst-studio-field > span { font-size: 13px; color: #b9b0c7; }
.sunburst-studio-body { display: grid; grid-template-columns: minmax(190px, 280px) minmax(0, 1fr); gap: clamp(18px, 3vw, 40px); }
.sunburst-studio-bands { display: flex; flex-direction: column; gap: 5px; max-height: 680px; overflow-y: auto; padding: 4px; }
.sunburst-studio-band { display: flex; align-items: center; text-align: left; gap: 12px; width: 100%; min-height: 48px; }
.sunburst-studio-band[aria-pressed="true"] { background: #2c2039; border-color: #a17ec0; }
.sunburst-studio-swatch { display: inline-block; flex: 0 0 15px; height: 15px; width: 15px; border-radius: 50%; }
.sunburst-studio-editor { border: 1px solid #2d2538; border-radius: 22px; padding: clamp(20px, 3vw, 32px); background: #121019; }
.sunburst-studio-editor > button { margin: 8px 8px 0 0; }
.sunburst-studio-hint { font-size: 13px; margin: -6px 0 22px; }
.sunburst-studio-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 26px 0; }
.sunburst-studio button.sunburst-studio-primary { background: #735099; border-color: #9d77be; }
.sunburst-studio-preview { padding: 24px; border: 1px solid #453454; border-radius: 20px; margin-bottom: 24px; }
.sunburst-studio-preview > p { font-weight: 650; }
.sunburst-studio-transfer { padding: 20px; border: 1px solid #30283c; border-radius: 16px; }
.sunburst-studio-transfer > summary { cursor: pointer; font-weight: 650; }
.sunburst-studio-transfer textarea { display: block; margin: 16px 0 12px; font-family: ui-monospace, monospace; font-size: 12px; }
.sunburst-studio-transfer button + button { margin-left: 8px; }
.sunburst-studio-cloud, .sunburst-studio-sharing, .sunburst-studio-history { margin: 0 0 24px; padding: clamp(18px, 3vw, 28px); border: 1px solid #393043; border-radius: 20px; background: #121019; overflow-wrap: anywhere; }
.sunburst-studio-cloud > button, .sunburst-studio-sharing > button, .sunburst-studio-history > button { margin: 0 10px 12px 0; min-height: 44px; }
.sunburst-studio-cloud .sunburst-studio-field, .sunburst-studio-sharing .sunburst-studio-field, .sunburst-studio-history .sunburst-studio-field { max-width: 640px; }
.sunburst-studio-sharing input[type="checkbox"] { width: 24px; height: 24px; }
.sunburst-studio-shared-row { border-top: 1px solid #393043; margin: 18px 0; padding-top: 12px; }
.sunburst-studio-target-warning { color: #ffce94; font-size: 14px; }
/* Borrowed native owners stay inside their authored control panel. Shell-only
   visibility preferences must not hide a deliberately opened control. */
.experience-native-control-overlay { bottom: 270px !important; }
.experience-native-control-overlay .experience-native-control-heading { position: static; inset: auto; z-index: auto; width: auto; min-height: 0; height: auto; padding: 0 0 14px; margin: 0; background: transparent; border: 0; }
.experience-native-control-heading h2 { font: 600 20px/1.25 system-ui, sans-serif; margin: 0; }
#scene-studio.pea-studio[data-native-embedded="true"] { position: relative; inset: auto; z-index: auto; width: 100%; min-width: 0; height: min(760px, calc(100dvh - 220px)); min-height: 320px; border-radius: 18px; overflow: hidden; }
#experience-library[data-native-embedded="true"] { position: relative; inset: auto; z-index: auto; width: 100%; max-width: none; max-height: none; margin: 0; box-sizing: border-box; box-shadow: none; }
#experience-library[data-native-embedded="true"] button { min-width: 44px; min-height: 44px; }
.sunburst-profile-warning { color: #ffbaa9; max-width: 36rem; font-size: 13px; }
body[data-shell-controls="hidden"] #experience-library[data-native-embedded="true"]:not([hidden]) { display: block !important; }
body[data-shell-controls="hidden"] #scene-studio[data-native-embedded="true"] .pea-footer { display: flex !important; }
.entity-space-inspector[data-native-embedded="true"] { position: relative; inset: auto; width: 100%; max-height: none; box-sizing: border-box; }
@media (max-width: 800px) {
  /* The persistent 155px wheel plus its title and bottom inset owns this
     region. A separate scroll viewport keeps every action clear of it. */
  .experience-native-control-overlay { bottom: 205px !important; }
}
@media (max-width: 640px) {
  .sunburst-studio { padding: 18px; }
  .sunburst-studio-body { grid-template-columns: 1fr; }
  .sunburst-studio-bands { display: grid; grid-template-columns: 1fr 1fr; max-height: 240px; }
  .sunburst-studio-band { font-size: 13px; padding: 10px; }
  .sunburst-studio-profile > button { flex: 1; }
  .sunburst-studio-actions button { flex: 1 1 40%; }
}