/* The 3D editor shares the studio layout; blue identifies the inner 3D space. */
.library-tabs{flex-wrap:nowrap;gap:0;padding-left:10px;padding-right:10px}.library-tabs button{width:24px;flex:0 0 24px}.library-tabs button[data-tab=three]{font:600 10px var(--mono);color:#a1cce6}.library-tabs button[data-tab=three].active{color:#e3f6ff;background:#2b4352;border-color:#739cb4}
.v4-library{min-width:0}.v4-eyebrow{font:8px var(--mono);letter-spacing:1.4px;color:#8cb7d2}.v4-library h2{font:500 25px/1.13 Outfit;letter-spacing:-.6px;color:#dceff9;margin:12px 0}.v4-library>.hint{font-size:10px;line-height:1.6}.v4-primary{color:#d8f1ff;border-color:#527a92;background:linear-gradient(110deg,#2a4353,#253239);font-size:11px}.v4-primary:hover{border-color:#a1cde6;background:#355366}.v4-primary:disabled{opacity:.4;cursor:not-allowed}.v4-space-field{margin-top:18px}.v4-space-field select{max-width:100%}.v4-status{font:8px/1.6 var(--mono);color:#829fb3;margin:8px 0 11px}.v4-primitives{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v4-primitives button{background:#232e36;border:1px solid #3d5261;border-radius:5px;min-width:0;padding:9px 2px 7px;color:#c2e5f8}.v4-primitives button>span{font:25px/1.2 Outfit;display:block;height:30px}.v4-primitives button>small{font-size:8px;display:block;margin-top:5px;white-space:nowrap}.v4-primitives button:hover{background:#324958;border-color:#91bad1}.v4-primitives button:disabled{opacity:.32;cursor:not-allowed}.v4-footnote{font-size:9px;line-height:1.6;color:#839bab;margin:13px 0 19px}.v4-capabilities{display:grid}.v4-capabilities>button{display:flex;gap:9px;align-items:flex-start;padding:13px 0;border-top:1px solid #31414d;text-align:left}.v4-capabilities .v4-index{flex:0 0 17px;color:#729bb5;font:9px var(--mono);padding-top:2px}.v4-capabilities>button>span:nth-child(2){min-width:0;flex:1}.v4-capabilities b{display:block;font-size:11px;color:#d0e3ee;font-weight:500}.v4-capabilities small{display:block;font-size:9px;line-height:1.5;color:#8ea4b1;margin-top:5px}.v4-capabilities em{font-style:normal;color:#83b0cb;font-size:12px}.v4-capabilities>button:hover b{color:#b9e9ff}
.v4-inspector{min-width:0}.v4-space-header{background:linear-gradient(130deg,#2b465540,transparent)}.v4-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.v4-title>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;color:#c5eaff;background:#2a4352;border:1px solid #5b8197;border-radius:6px;font:600 12px var(--mono)}.v4-title strong{display:block;color:#d8ebf6;font-size:12px;font-weight:500}.v4-title small{display:block;color:#8ea8b9;font-size:9px;margin-top:5px}.v4-inline{display:flex;gap:17px;margin-top:13px}.v4-inline .v4-check{margin:0}.v4-check{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;color:#afc6d4;margin-top:13px;margin-bottom:14px;cursor:pointer}.v4-check input{accent-color:#8ccced;flex-shrink:0}.v4-section{background:#2339460c;border-top:1px solid #31434f;border-bottom:0}.v4-section summary{display:flex;justify-content:space-between;gap:8px;align-items:center;list-style:none;cursor:pointer;font-size:11px;font-weight:500;color:#cddfeb}.v4-section summary::-webkit-details-marker{display:none}.v4-section summary small{font:8px var(--mono);color:#7da7c0;white-space:nowrap}.v4-section[open] summary{margin-bottom:17px}.v4-section-body{min-width:0}.v4-inspector .field{min-width:0}.v4-inspector .property-grid{gap:13px 9px}.v4-inspector .field>span{line-height:1.5}.v4-inspector input,.v4-inspector select,.v4-inspector textarea{max-width:100%;min-width:0}.v4-inspector .v4-xyz{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v4-xyz .field input{padding-left:6px;padding-right:3px}.v4-xyz .field>span{font-size:9px}.v4-gap{margin-top:14px}.v4-range>span{display:flex;justify-content:space-between;gap:8px}.v4-range output{color:#add9f2;font:10px var(--mono)}.v4-range input[type=range]{border:0;padding:0;min-height:24px;background:transparent;accent-color:#9bd4ef}.v4-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.v4-actions button{flex:1;min-width:57px;border:1px solid #435f70;border-radius:4px;padding:8px 5px;background:#25333c;color:#b7d5e7;font-size:9px;line-height:1.4}.v4-actions button:hover{background:#334d5c;border-color:#7ca8c0}.v4-actions .danger-text{color:#e0a9ad}.v4-note{font-size:9px!important;line-height:1.6;margin:12px 0 0}.v4-object-add{display:flex;gap:6px;align-items:center;margin-top:15px;border-top:1px solid #31434e;padding-top:14px}.v4-object-add select{flex:1;width:80px;min-width:0;padding:8px 5px;border:1px solid #435b6b;border-radius:4px;background:#1d2931;color:#bbd4e3;font-size:10px}.v4-object-add button{border:1px solid #526e7d;border-radius:4px;padding:9px 7px;font-size:9px;color:#c4e2f3;background:#2b3e49;white-space:nowrap}.v4-key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:150px;overflow:auto;margin-top:10px}.v4-key-list:empty{display:none}.v4-key-list>div{display:flex;align-items:center;border:1px solid #3e5665;border-radius:4px;overflow:hidden;background:#202d36}.v4-key-list button:first-child{flex:1;min-width:0;text-align:left;padding:8px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbd4e5;font:8px var(--mono)}.v4-key-list button:last-child{border-left:1px solid #3e5665;color:#93b6ce;padding:6px 8px}.v4-inspector button:disabled,.v4-inspector input:disabled,.v4-inspector select:disabled,.v4-inspector textarea:disabled{opacity:.38;cursor:not-allowed}.v4-inspector :focus-visible,.v4-library :focus-visible{outline:2px solid #9cdafa;outline-offset:3px}.v4-section .full-button{border-color:#4a6576;color:#b7d7e8;font-size:10px}.clip.type-scene3d{background:#24475b;border-color:#4f809d;color:#c5eaff}.track.selected .clip.type-scene3d{background:#376882;border-color:#b2e1fa;color:#edfaff}
@media(min-width:601px){.v4-library h2{font-size:19px!important;line-height:1.2;margin:7px 0 8px;letter-spacing:-.35px}.v4-library>.hint{font-size:9px;line-height:1.45;margin:7px 0}.v4-library.has-space>.hint{display:none}.v4-primary{padding:8px;margin-top:5px;font-size:10px}.v4-space-field{margin-top:10px}.v4-space-field>span{font-size:8px}.v4-space-field select{padding:6px;font-size:10px}.v4-status{margin:5px 0 8px;font-size:7px}.v4-primitives{gap:5px}.v4-primitives button{padding:5px 2px}.v4-primitives button>span{height:24px;font-size:22px}.v4-primitives button>small{margin-top:3px}.v4-footnote{font-size:8px;line-height:1.5;margin:10px 0 14px}}
@media(min-width:601px){.v4-library.has-space>.v4-eyebrow,.v4-library.has-space .v4-status{display:none}.v4-library.has-space .v4-primary{margin-top:0}.v4-library.has-space .v4-primitives{margin-top:10px}}
@media(min-width:1650px){.library-tabs button{width:27px;flex-basis:27px}}
@media(max-width:1180px){.library-tabs{padding-left:6px;padding-right:6px}.library-tabs button{width:23px;flex-basis:23px}.v4-library h2{font-size:23px}.v4-primitives{gap:4px}.v4-primitives button>small{font-size:7px}.v4-xyz .field>span{font-size:8px}.v4-inspector .v4-xyz{gap:5px}}
@media(min-width:601px) and (max-width:920px){.library-tabs{padding-left:4px;padding-right:4px}.library-tabs button{width:21px;flex-basis:21px}.v4-library h2{font-size:21px}.v4-capabilities{gap:0}.v4-capabilities>button{gap:7px}.v4-capabilities .v4-index{flex-basis:14px}}
@media(max-width:600px){.library-tabs{padding-left:12px;padding-right:12px;gap:7px;justify-content:flex-start}.library-tabs button{width:32px;flex-basis:32px}.v4-library h2{font-size:27px}.v4-primitives{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v4-primitives button{padding:10px 3px}.v4-primitives button>small{font-size:9px}.v4-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.v4-capabilities>button{gap:7px}.v4-capabilities b{font-size:10px}.v4-capabilities small{font-size:9px}.v4-capabilities .v4-index{flex-basis:14px;font-size:8px}.v4-capabilities em{display:none}.v4-inspector .v4-xyz{gap:12px}.v4-xyz .field>span{font-size:10px}.v4-actions button,.v4-key-list button,.v4-object-add button{min-height:36px}.v4-inspector input[type=number]{min-height:36px}.v4-check{min-height:28px}.v4-section summary{min-height:25px}.v4-key-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.library-tabs{gap:3px;padding-left:10px;padding-right:10px}.library-tabs button{width:30px;flex-basis:30px}.v4-capabilities{column-gap:13px}.v4-key-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The side-panel browser must retain the inspector at tablet widths. */
@media(min-width:601px) and (max-width:920px){
  body{overflow-y:auto}
  .studio{height:auto;min-height:calc(100vh - 72px);grid-template-columns:185px minmax(0,1fr);grid-template-rows:clamp(340px,52vh,480px) 210px auto}
  .library{grid-column:1;grid-row:1}
  .composition{grid-column:2;grid-row:1}
  .timeline{grid-column:1/-1;grid-row:2;height:210px}
  .inspector{display:flex;grid-column:1/-1;grid-row:3;min-width:0;max-height:none;border-left:0;border-top:1px solid var(--line)}
  .inspector-tabs{height:48px;position:sticky;top:0;z-index:5;background:var(--panel)}
  #inspector-content{overflow:visible;flex:initial}
  .inspector-foot{display:none}
}