.portal-content.portal-content-studio{height:calc(100dvh - 66px);min-height:0;padding:0;overflow:hidden;background:#202126}.studio-projects{height:100%;overflow:auto;padding:28px;background:#202126}.studio-list-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-list-header h1{font-size:25px;margin:4px 0 8px}.studio-list-header p{color:#969ba7;margin:0;font-size:13px}.studio-list-tools{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid #3b3d44}.studio-search{display:flex;align-items:center;gap:9px;width:420px;max-width:100%;color:#969ba7}.studio-search input{flex:1 1;min-width:0;background:transparent;border:0;color:#e5e7ec;outline:none;padding:8px 0}.studio-project-row{width:100%;display:flex;text-align:left;align-items:center;gap:14px;border:0;border-bottom:1px solid #35373e;background:none;color:#e5e7ec;padding:18px 8px;cursor:pointer}.studio-project-row:hover{background:#292b31}.studio-project-row>svg:first-child{color:#70bfa3}.studio-project-row>span{display:grid;gap:6px;flex:1 1;min-width:0}.studio-project-row strong{font-size:14px;overflow-wrap:anywhere}.studio-project-row small,.studio-project-row time{font-size:12px;color:#969ba7}.studio-project-row time{flex-shrink:0}.studio{--studio-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;display:flex;flex-direction:column;height:100%;min-height:0;color:#d8dae1;font-size:13px;background:#202126}.studio :is(button,input,select){font:inherit}.studio :is(button,a,input,select):focus-visible,.studio-dialog :is(button,input):focus-visible,.studio-projects :is(button,a,input):focus-visible{outline:2px solid #83bcf3;outline-offset:-2px}.studio-icon{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#a6abb7;cursor:pointer;padding:0;text-decoration:none}.studio-icon:hover:not(:disabled){background:#3b3d44;color:#fff}.studio-icon:disabled{opacity:.4;cursor:default}.studio-toolbar{display:flex;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid #3b3d44;background:#2b2d33;flex-shrink:0}.studio-project-name{min-width:90px;width:220px;max-width:30%;border:1px solid transparent;border-radius:4px;padding:7px;color:#e9eaf0;background:transparent;text-overflow:ellipsis}.studio-project-name:focus,.studio-project-name:hover{border-color:#50525a;outline:none}.studio-toolbar-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.studio-save-state{display:flex;align-items:center;gap:6px;color:#9aa0ac;font-size:11px;white-space:nowrap}.studio-save-state.saved svg{color:#70bfa3}.studio-save-state.conflict,.studio-save-state.error{color:#f3a69a}.studio-workarea{display:grid;grid-template-columns:215px minmax(0,1fr);flex:1 1;min-height:0;overflow:hidden}.studio-files{display:flex;flex-direction:column;min-height:0;border-right:1px solid #3b3d44;background:#292b30;overflow:hidden}.studio-files>header{align-items:center;padding:5px 8px 5px 14px;font-size:12px;color:#a6abb7}.studio-files>footer,.studio-files>header{display:flex;justify-content:space-between}.studio-files>footer{padding:10px 12px;font-size:10px;border-top:1px solid #3b3d44;color:#969ba7}.studio-file-tree{flex:1 1;min-height:0;overflow:auto;padding:0 5px 12px}.studio-file-tree button{display:flex;align-items:center;text-align:left;width:100%;gap:7px;min-height:30px;padding-right:8px;border:0;border-radius:3px;background:transparent;color:#bfc3cf;cursor:pointer;white-space:nowrap}.studio-file-tree button:hover{background:#34363d}.studio-file-tree button.active{background:#314a60;color:#eff5ff}.studio-file-tree button>span{overflow:hidden;text-overflow:ellipsis}.studio-file-tree svg{flex-shrink:0;color:#aaadba}.studio-file-error{width:5px;height:5px;border-radius:50%;background:#ef867d;margin-left:auto;flex-shrink:0}.studio-tree-hidden{grid-template-columns:minmax(0,1fr)}.studio-tree-hidden .studio-files{display:none}.studio-editor-area{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.studio-tabs{flex-shrink:0;height:40px;display:flex;align-items:stretch;overflow-x:auto;background:#27292e;border-bottom:1px solid #3b3d44}.studio-tabs>.studio-icon{align-self:center}.studio-tab{display:flex;align-items:center;border-right:1px solid #3b3d44;border-bottom:2px solid transparent;flex-shrink:0;max-width:240px}.studio-tab.active{background:#202126;border-bottom-color:#72b3ec}.studio-tab>button[role=tab]{display:flex;align-items:center;gap:7px;border:0;color:#b5bbc8;background:none;cursor:pointer;padding:0 12px;height:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-tab.active>button{color:#edf0f6}.studio-tab .studio-icon{width:24px;flex-basis:24px;height:24px;margin-right:4px}.studio-filebar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:2px 12px;min-height:33px;border-bottom:1px solid #303238;color:#858c9b;font-size:11px}.studio-filebar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-filebar>div{display:flex;margin-left:6px}.studio-filebar .studio-icon{height:26px;width:27px;flex-basis:27px}.studio-code{flex:1 1;min-height:0;overflow:hidden}.studio-loading{min-height:100px;display:grid;place-items:center;color:#83bcf3;flex:1 1}.studio-inspection{flex-shrink:0;border-top:1px solid #3b3d44;background:#24262b;max-height:30%;display:flex;flex-direction:column}.studio-inspection-title{display:flex;align-items:center;gap:7px;border:0;color:#b9bfcc;padding:9px 12px;background:transparent;cursor:pointer;text-align:left;flex-shrink:0}.studio-inspection-title span{font-size:10px;border-radius:3px;padding:1px 5px;background:#3a3d45}.studio-issues{overflow:auto;min-height:0;padding:0 12px 10px;font-size:12px}.studio-issues p{display:flex;gap:8px;color:#8faa9f;margin:0;padding:5px 0}.studio-issues button{display:flex;align-items:flex-start;gap:8px;background:none;border:0;color:#e5aa9b;padding:6px 0;cursor:pointer;width:100%;text-align:left}.studio-issues button.warning{color:#dfc18b}.studio-issues button>span{overflow-wrap:anywhere;flex:1 1}.studio-issues button svg{flex-shrink:0;margin-top:2px}.studio-issues code{color:#929aa9;font-size:10px;max-width:35%;overflow-wrap:anywhere}.studio-statusbar{display:flex;align-items:center;gap:18px;min-height:28px;padding:2px 12px;font-size:10px;color:#9ba5b7;border-top:1px solid #3b3d44;flex-shrink:0;background:#292b30}.studio-statusbar label,.studio-statusbar span{display:flex;align-items:center;gap:7px}.studio-statusbar label{margin-left:auto}.studio-statusbar .select-trigger{border:0;width:58px;min-height:24px;padding:3px}@media (max-width:500px){.studio-statusbar .studio-encoding{display:none}}.studio-notice{display:flex;align-items:center;gap:10px;background:#442f2f;color:#f0b9ad;font-size:12px;padding:9px 14px;flex-shrink:0}.studio-notice>span{flex:1 1;overflow-wrap:anywhere}.studio-notice>svg{flex-shrink:0}.studio-notice>button:not(.studio-icon){color:#fff;padding:4px 8px;border:1px solid #806059;background:none;border-radius:4px;cursor:pointer;flex-shrink:0}.studio-error{color:#efaaa0;font-size:13px;overflow-wrap:anywhere}.studio-dialog{width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #484b55;border-radius:6px;background:#292b30;color:#e3e7ee;margin:auto}.studio-dialog::backdrop{background:rgb(0 0 0/65%)}.studio-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.studio-dialog h2{font-size:18px;margin:0}.studio-dialog form>label{display:grid;gap:7px;font-size:12px;color:#b5bbc8;margin-bottom:16px}.studio-dialog input:not([type=radio]){width:100%;min-width:0;padding:10px;border:1px solid #535663;border-radius:4px;background:#202126;color:#e3e7ee}.studio-dialog fieldset{padding:0;border:0;margin:0}.studio-dialog legend{font-size:12px;color:#b5bbc8;padding:0;margin-bottom:9px}.studio-template{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #3b3d44;cursor:pointer}.studio-template input{margin-top:3px;accent-color:#76b4f2}.studio-template span{display:grid;gap:6px;font-size:13px}.studio-template small{color:#969ba7;line-height:1.5}.studio-dialog footer{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.studio-delete-name{overflow-wrap:anywhere}.studio-builds{flex-shrink:0;min-height:0;max-height:40%;display:flex;flex-direction:column;border-top:1px solid #3b3d44;background:#24262b}.studio-build-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 7px;flex-shrink:0;min-height:38px}.studio-build-toolbar>button{flex-shrink:0}.studio-build-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 8px;border:0;border-radius:4px;color:#c7d4d0;background:transparent;cursor:pointer}.studio-build-action:hover:not(:disabled){background:#35403e}.studio-build-action:disabled{opacity:.45;cursor:default}.studio-build-summary{display:flex;flex:1 1 100px;align-items:center;gap:6px;font-size:11px;color:#a6adba;margin-left:auto;min-width:0;overflow-wrap:anywhere}.studio-build-summary svg{flex-shrink:0}.studio-build-results{min-height:0;overflow:auto;padding:0 12px 8px}.studio-build-selection{display:flex;align-items:center;gap:8px;min-height:35px}.studio-build-selection .select-trigger{flex:1 1;min-width:0;min-height:28px;max-width:420px;padding:4px;font-size:11px}.studio-build-state{font-size:11px;color:#abb3c0}.studio-build-state.succeeded{color:#7cd4aa}.studio-build-error,.studio-build-state.failed{color:#efaaa0}.studio-build-error{font-size:12px;padding:0 12px 6px;margin:0;overflow-wrap:anywhere}.studio-build-results pre{font:11px/1.6 var(--studio-mono);margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#c8ccd7}.studio-build-stale{font-size:11px;color:#dfc18b;margin:3px 0 8px}.studio-build-hash{font-size:10px;overflow-wrap:anywhere;color:#9099a9}@media (max-width:700px){.studio-build-action span{display:none}.studio-build-action{width:30px;padding:4px}.studio-build-summary{font-size:10px}.studio-build-state{display:none}}@media (max-width:1050px){.studio-workarea{grid-template-columns:170px minmax(0,1fr)}.studio-tree-hidden{grid-template-columns:1fr}.studio-save-state>span{display:none}}@media (max-width:700px){.portal-content.portal-content-studio{height:calc(100dvh - 66px - 65px)}.studio-projects{padding:18px 14px}.studio-list-header{align-items:flex-start;flex-direction:column}.studio-list-header h1{font-size:22px}.studio-project-row time{display:none}.studio-toolbar{flex-wrap:wrap;padding:5px 7px;gap:3px}.studio-project-name{flex:1 1;max-width:none;width:100px}.studio-toolbar-actions{margin-left:0}.studio-workarea{grid-template-columns:135px minmax(0,1fr)}.studio-tree-hidden{grid-template-columns:1fr}.studio-file-tree{padding-left:0}.studio-file-tree button{font-size:11px;gap:4px}.studio-files>footer{flex-wrap:wrap;gap:5px;font-size:9px;padding:7px}.studio-statusbar{gap:10px;padding:3px 8px}.studio-notice{flex-wrap:wrap;gap:6px;padding:8px}.studio-issues code{display:none}}.studio-view-modes{display:flex;flex-shrink:0;align-items:stretch;gap:3px;min-height:39px;padding:0 12px;border-bottom:1px solid #3b3d44;background:#26282d}.studio-view-modes button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:0;border-bottom:2px solid transparent;color:#aeb4bf;background:transparent;cursor:pointer;font-size:12px}.studio-view-modes button[aria-selected=true]{color:#91d8ba;border-bottom-color:#91d8ba;background:#2c3431}.studio-design-panel,.studio-designer{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.studio-designer{font-size:12px}.studio-design-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-height:40px;padding:4px 10px;border-bottom:1px solid #3b3d44;background:#292b30;flex-shrink:0}.studio-design-divider{align-self:stretch;width:1px;margin:5px 7px;background:#474951}.studio-design-devices{display:flex;background:#202126;border-radius:4px}.studio-design-devices button[aria-pressed=true]{background:#46534d;color:#bcf0d6}.studio-design-sandbox{display:flex;align-items:center;gap:6px;margin-left:auto;color:#b5bdb8;padding-right:8px;font-size:11px}.studio-design-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:205px minmax(250px,1fr) 245px;overflow:hidden}.studio-design-palette,.studio-design-properties{overflow:auto;min-width:0;min-height:0;background:#27292e;scrollbar-width:thin}.studio-design-palette{border-right:1px solid #3b3d44}.studio-design-palette>section{padding:12px;border-bottom:1px solid #3b3d44}.studio-design-palette h2,.studio-design-properties>h2{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#bfc4ce;margin:0 0 12px}.studio-design-palette h2>span{margin-left:auto;color:#979faa;font-size:10px}.studio-design-templates{display:grid;gap:8px;grid-template-columns:1fr}.studio-design-templates>button{display:flex;align-items:center;gap:8px;min-width:0;border:0;color:#c8ccd4;background:transparent;padding:0;cursor:pointer;text-align:left}.studio-design-templates>button>span:last-child{display:flex;align-items:center;justify-content:space-between;flex:1 1;font-size:11px;overflow-wrap:anywhere;gap:3px}.studio-design-templates svg{flex-shrink:0}.studio-template-picture{display:grid;gap:4px;padding:7px 6px;width:48px;flex-shrink:0;height:55px;border:1px solid #636a69;border-radius:4px;background:#eff3f0}.studio-template-picture i{display:block;height:7px;border:1px solid #bdc8c1;border-radius:2px;background:#fff}.studio-template-picture b{display:block;height:5px;width:35%;border-radius:2px;background:#4d9e7c}.studio-template-picture.telemetry i:nth-child(2){background:#cee4ec;border-color:#81a8b7}.studio-template-picture.processing i:last-of-type{background:#e3deef;border-color:#aca4c0}.studio-design-controls{display:grid;gap:1px}.studio-design-controls>button,.studio-design-outline>button{display:flex;align-items:center;gap:7px;min-width:0;width:100%;padding:7px 5px;background:transparent;border:0;border-radius:3px;color:#c2c7d0;cursor:pointer;text-align:left;font-size:11px}.studio-design-controls>button>span,.studio-design-outline>button>span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-controls>button:hover,.studio-design-outline>button:hover{background:#343b38}.studio-design-controls>button>svg:first-child{color:#9fc3b3}.studio-design-outline>button.active{background:#354c42;color:#d6f0e2}.studio-design-outline svg{flex-shrink:0}.studio-outline-search{display:flex;align-items:center;gap:6px;min-width:0;color:#a6b6ad}.studio-outline-search>svg{flex-shrink:0}.studio-outline-search>input{flex:1 1;min-width:0}.studio-outline-search>.studio-icon{width:24px;flex-basis:24px}.studio-outline-tools{display:flex;gap:3px;justify-content:flex-end;margin:5px 0}.studio-outline-row{display:flex;align-items:center;min-width:0}.studio-outline-row>.studio-icon,.studio-outline-spacer{width:18px;height:26px;flex:0 0 18px}.studio-outline-node{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1;min-height:38px;padding:5px 3px;border:0;border-radius:3px;background:transparent;color:#c2c7d0;cursor:pointer;text-align:left}.studio-outline-node:hover{background:#343b38}.studio-outline-node.active{background:#354c42;color:#d6f0e2}.studio-outline-node>span{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:3px}.studio-outline-node small,.studio-outline-node strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-outline-node strong{font-size:11px;font-weight:500}.studio-outline-node small{font-size:10px;color:#95a59c}.studio-outline-empty{font-size:11px;color:#9daea3;overflow-wrap:anywhere}.studio-design-label{display:grid;gap:6px;color:#aeb5bf;font-size:11px;margin-bottom:12px;min-width:0}.studio-designer :is(input:not([type=checkbox]):not([type=range]),select,textarea){width:100%;min-width:0;max-width:100%;border:1px solid #4d535d;border-radius:4px;padding:7px 8px;color:#dfe3eb;background:#202227;font:inherit}.studio-designer textarea{resize:vertical;min-height:52px}.studio-designer .select-field{min-width:0;width:100%}.studio-designer .select-trigger{min-width:0;width:100%;padding:7px 8px;min-height:31px;border-radius:4px;border-color:#4d535d;font-size:11px}.studio-designer .select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-screen .select-trigger{min-height:35px;color:#273e30;background:#fafcfb;border-color:#c7d1ca;font-size:12px}.studio-designer :is(input,select,textarea):focus-visible{outline:2px solid #76bd9a;outline-offset:1px}.studio-design-check{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#c2c8d0;font-size:11px}.studio-design-check input{accent-color:#76bd9a}.studio-design-canvas{display:flex;flex-direction:column;min-width:0;min-height:0;background:#1d2020;overflow:hidden}.studio-design-canvas>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;font-size:10px;color:#9aa69f;border-bottom:1px solid #353c37;flex-shrink:0}.studio-design-canvas>header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-design-stage{min-height:0;flex:1 1;overflow:auto;padding:24px}.studio-design-screen{max-width:740px;min-height:300px;width:100%;margin:0 auto;padding:24px;border:1px solid #d2d8d3;background:#fff;color:#24332d;border-radius:6px;box-shadow:0 6px 20px #0002}.studio-design-screen.mobile{max-width:375px}.studio-preview-heading{display:flex;align-items:flex-start;gap:10px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid #e4e9e5;color:#397a5c}.studio-preview-heading h2{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere;color:#24332d}.studio-preview-heading>svg{flex-shrink:0}.studio-preview-object{border:0;border-bottom:1px solid #e2e8e3;margin:0 0 16px;padding:8px 0;min-width:0}.studio-preview-object .studio-preview-object{padding:12px 0}.studio-preview-issues{margin-top:10px;color:#ad363a;font-size:12px}.studio-preview-issues>summary{cursor:pointer;padding:6px 0}.studio-preview-issues>ul{list-style:none;padding:0;margin:6px 0;max-height:240px;overflow:auto}.studio-preview-issues button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;border:0;border-bottom:1px solid #e2e8e3;background:transparent;color:inherit;text-align:left;cursor:pointer}.studio-preview-issues code{flex:0 1 38%;min-width:0;overflow-wrap:anywhere;font-size:11px}.studio-preview-issues button>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.studio-preview-issues button>svg{flex-shrink:0}.studio-preview-object>legend{max-width:100%;font-size:13px;font-weight:600;padding:0;overflow-wrap:anywhere}.studio-preview-object>legend>button{background:transparent;border:0;color:inherit;font-weight:inherit;padding:4px 0;text-align:left;cursor:pointer}.studio-preview-group{margin:0;padding:0}.studio-preview-group h3{margin:12px 0;font-size:13px;font-weight:600}.studio-preview-field{padding:8px 5px;margin:3px -5px;min-width:0;border-radius:3px}.studio-preview-field.selected,.studio-preview-object.selected{outline:2px solid #54a17b;outline-offset:3px}.studio-preview-label{display:flex;margin:0 0 6px;font-size:12px;font-weight:500;overflow-wrap:anywhere}.studio-preview-label>button{text-align:left;color:#304339;background:transparent;border:0;padding:0;cursor:pointer;font-weight:500;overflow-wrap:anywhere}.studio-preview-description,.studio-preview-field>small{display:block;margin:0 0 7px;color:#67756c;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.studio-design-screen :is(input:not([type=checkbox]):not([type=range]),select,textarea){color:#273e30;background:#fafcfb;border-color:#c7d1ca;min-height:35px;font-size:12px}.studio-design-screen :is(input,textarea):disabled{opacity:.6}.studio-design-screen .studio-error{color:#ad363a;display:block;font-size:11px;padding-top:5px}.studio-preview-switch{appearance:none;position:relative;width:32px;height:18px;border-radius:9px;margin:0;cursor:pointer;background:#a1afa5;transition:background .15s}.studio-preview-switch:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:#fff;transition:left .15s}.studio-preview-switch:checked{background:#398361}.studio-preview-switch:checked:after{left:16px}.studio-preview-slider{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:12px;align-items:center}.studio-preview-slider input[type=range]{min-width:0;width:100%;accent-color:#398361}.studio-preview-array-item{border-top:1px solid #dae3dc;padding:6px 0}.studio-preview-array-item>header,.studio-preview-array>footer,.studio-preview-unknown{display:flex;align-items:center;gap:7px;font-size:11px}.studio-preview-array-item>header{justify-content:space-between}.studio-preview-array>footer{flex-wrap:wrap}.studio-preview-array>footer>span:first-of-type{margin-left:auto}.studio-preview-array-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:9px;min-width:0}.studio-preview-array-tools>.studio-design-command{max-width:100%;white-space:normal;overflow-wrap:anywhere}.studio-preview-array-import{display:flex;gap:6px;align-items:flex-start;color:#397a5c;font-size:11px;margin:8px 0}.studio-preview-array-import>svg{flex-shrink:0}.studio-preview-array-import>span{min-width:0;overflow-wrap:anywhere}.studio-preview-array-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 0;border:0;background:transparent;color:#304339;font:inherit;text-align:left;cursor:pointer}.studio-preview-array-toggle>svg{flex-shrink:0}.studio-preview-array-toggle>span{min-width:0;overflow-wrap:anywhere}.studio-preview-array-row[aria-expanded=true]>svg,.studio-preview-array-toggle .expanded{transform:rotate(180deg)}.studio-preview-array-list{max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0}.studio-preview-array-item>[id]{padding:4px 8px 12px 20px}.studio-preview-array-row{display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;min-height:42px;padding:5px 0;border:0;background:transparent;color:#304339;text-align:left;cursor:pointer}.studio-preview-array-row>svg{flex-shrink:0}.studio-preview-array-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.studio-preview-array-row small,.studio-preview-array-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-preview-array-row strong{font-size:11px;font-weight:500}.studio-preview-array-row small{font-size:10px;color:#67756c}.studio-design-command{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid #525b57;border-radius:4px;background:transparent;color:#bfe3ce;cursor:pointer;font-size:11px}.studio-design-command>svg{flex-shrink:0}.studio-design-screen .studio-design-command{color:#336b4f;border-color:#bdcfc3}.studio-preview-result{padding-top:8px;color:#5a6b61;font-size:10px}.studio-preview-result>span{display:flex;align-items:center;gap:5px;margin-bottom:12px}.studio-preview-result details{border-top:1px solid #e3e9e5;padding-top:12px}.studio-preview-result summary{cursor:pointer}.studio-preview-result pre{font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f2;padding:12px;max-height:260px;overflow:auto}.studio-design-properties{border-left:1px solid #3b3d44}.studio-design-properties>h2{padding:13px;border-bottom:1px solid #3b3d44;margin:0}.studio-design-inspector{padding:13px}.studio-design-binding{display:grid;gap:8px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #3f4641;color:#9daea3;font-size:10px}.studio-design-binding code{white-space:pre-wrap;overflow-wrap:anywhere;color:#b3d4c0;font-size:11px}.studio-design-inspector-section{border-top:1px solid #3b3d44;margin:16px -13px 0;padding:13px}.studio-design-inspector-section h3{font-size:11px;color:#bfc4ce;margin:0 0 12px}.studio-design-group-add{display:flex;align-items:center;gap:4px}.studio-design-field-actions{display:flex;gap:4px;margin-top:10px}.studio-design-field-actions>button:last-child{margin-left:auto;color:#e5a8a8}.studio-design-error{display:flex;align-items:flex-start;gap:7px;padding:9px 13px;color:#f2b9ad;background:#462f32;flex-shrink:0}.studio-design-error svg{flex-shrink:0}.studio-design-error span{overflow-wrap:anywhere}.studio-design-empty,.studio-design-invalid,.studio-design-no-selection{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:28px;color:#94ad9f;text-align:center;overflow:auto;min-height:160px}.studio-design-invalid{flex:1 1}.studio-design-empty h3,.studio-design-invalid h2{font-size:15px;margin:0}.studio-design-invalid p{max-width:500px;overflow-wrap:anywhere}.studio-design-invalid>div{display:flex;flex-wrap:wrap;gap:8px}.studio-design-mobile-tabs{display:none}.studio-designer.preview-only .studio-design-layout{grid-template-columns:minmax(0,1fr)}@media (max-width:1200px){.studio-design-layout{grid-template-columns:170px minmax(180px,1fr) 210px}.studio-design-stage{padding:16px}.studio-design-screen{padding:18px}.studio-design-templates{grid-template-columns:1fr}.studio-design-templates>button{display:flex;align-items:center;gap:8px}.studio-template-picture{width:45px;height:52px;gap:3px;flex-shrink:0;padding:6px}.studio-design-templates>button>span:last-child{flex:1 1;font-size:10px}}@media (max-width:950px){.studio-design-mobile-tabs{display:flex;gap:2px;flex-shrink:0;padding:5px 10px;background:#27292e;border-bottom:1px solid #3b3d44}.studio-design-mobile-tabs button{flex:1 1;min-height:30px;background:transparent;border:0;border-radius:3px;color:#b5c5bc;font-size:11px;cursor:pointer}.studio-design-mobile-tabs button[aria-pressed=true]{background:#3a4d42;color:#d4e8dc}.studio-design-layout{display:flex}.studio-design-layout>*{flex:1 1}.studio-design-layout[data-panel=canvas]>:not(.studio-design-canvas),.studio-design-layout[data-panel=fields]>:not(.studio-design-palette),.studio-design-layout[data-panel=properties]>:not(.studio-design-properties){display:none}.preview-only .studio-design-layout>.studio-design-canvas{display:flex}.studio-design-palette{border-right:0}.studio-design-properties{border-left:0}.studio-design-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-design-templates>button{display:block}.studio-template-picture{width:100%;height:70px;gap:5px;padding:10px}.studio-design-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.studio-design-controls>button{min-height:35px}}@media (max-width:500px){.studio-view-modes{padding:0 5px}.studio-view-modes>button{flex:1 1;padding:8px 6px;font-size:11px;gap:5px}.studio-design-toolbar{padding:4px;gap:1px}.studio-design-toolbar .studio-icon{width:28px;flex-basis:28px;height:29px}.studio-design-sandbox{font-size:9px;padding-right:2px;gap:3px}.studio-design-sandbox>svg{display:none}.studio-design-divider{margin:5px 2px}.studio-design-stage{padding:12px 8px}.studio-design-screen{padding:15px}}