:root{--editor-field-gap:8px;--editor-section-gap:12px}.editor-button,.studio-native-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;border:var(--studio-border-width) solid var(--editor-control-border);border-radius:var(--editor-control-radius);background:var(--editor-control-bg);padding:0 11px;color:var(--studio-text-secondary);font:600 var(--studio-text-sm)/1 var(--studio-font-sans);transition:border-color .14s,background .14s,color .14s}.editor-button:hover,.studio-native-button:hover{border-color:var(--studio-border-strong);background:var(--editor-control-bg-hover);color:var(--studio-text)}.editor-button:focus-visible,.studio-native-button:focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}.editor-field{display:grid;gap:7px}.editor-field>span{display:flex;align-items:center;justify-content:space-between;color:var(--studio-text-muted)!important;font-size:var(--studio-text-sm)!important}.editor-field>span small{color:var(--studio-text-subtle);font-size:var(--studio-text-xs);font-weight:500}.editor-input,.editor-textarea{width:100%;min-width:0;border:var(--studio-border-width) solid var(--editor-control-border)!important;border-radius:var(--editor-control-radius)!important;background:var(--editor-control-bg)!important;padding:0 10px!important;color:var(--editor-control-text)!important;font:500 var(--studio-text-sm)/1.4 var(--studio-font-sans)!important;outline:0;transition:border-color .14s,background .14s}.editor-input{height:var(--editor-control-height)!important}.editor-textarea{min-height:78px!important;padding:9px 10px!important;resize:vertical}.editor-input:hover,.editor-textarea:hover{background:var(--editor-control-bg-hover)!important}.editor-input:focus,.editor-textarea:focus{border-color:var(--studio-border-strong)!important;background:var(--studio-control-hover)!important}.editor-input::placeholder,.editor-textarea::placeholder{color:var(--studio-text-subtle)}.editor-input:disabled,.editor-textarea:disabled{cursor:not-allowed;opacity:.48}.compact-input,.editor-compact-input{display:flex;min-width:0;height:var(--editor-control-height);flex:1;align-items:center;gap:6px;overflow:hidden;border:var(--studio-border-width) solid var(--editor-control-border);border-radius:var(--editor-control-radius);background:var(--editor-control-bg);padding:0 10px;color:var(--studio-text-muted)}.compact-input:focus-within,.editor-compact-input:focus-within{border-color:var(--studio-border-strong)}.compact-input>span,.editor-compact-input>span{flex:0 0 auto;color:var(--studio-text-muted)!important;font-size:var(--studio-text-xs)!important}.studio-inspector-card .compact-input input,.studio-inspector-card .editor-compact-input input{width:100%;min-width:0;height:auto!important;border:0!important;background:transparent!important;padding:0!important;color:var(--editor-control-text);font-size:var(--studio-text-sm)!important;outline:0}.editor-compact-input>.variable-picker-popover{align-self:stretch;margin-right:-10px}.editor-compact-input>.variable-picker-popover>.editor-popover-trigger{height:100%}.editor-search{display:grid;height:44px;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px;border:1px solid var(--editor-control-border);border-radius:9px;background:var(--studio-panel-raised);padding:0 8px 0 11px;color:var(--studio-text-subtle)}.editor-search:focus-within{border-color:#50515a;background:var(--studio-control)}.editor-search>input{width:100%;height:auto!important;border:0!important;background:transparent!important;padding:0!important;color:#eee!important;font-size:12px!important;outline:0}.editor-search>input::placeholder{color:var(--studio-text-subtle)}.editor-search>button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--studio-text-subtle)}.editor-search>button:hover{background:var(--studio-border);color:#fff}.editor-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.editor-tabs button{min-width:max-content;min-height:0!important;height:34px;border:1px solid transparent;border-radius:7px;background:#222329;padding:0 12px!important;color:#8f9199;font-size:var(--studio-text-xs);font-weight:650}.editor-tabs button:hover{background:var(--studio-control-hover);color:#d8d9dc}.editor-tabs button[aria-pressed=true],.editor-tabs button[aria-selected=true]{border-color:#f3f3f426;background:#ececee;color:#18191d}.editor-tabs.is-compact button{height:30px;padding:0 10px!important}.editor-ai-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--studio-ai-action-border);border-radius:8px;background:var(--studio-ai-action-gradient);box-shadow:0 5px 16px #08090c40;color:var(--studio-text-on-light);font-size:var(--studio-text-xs);font-weight:700;transition:border-color .15s,box-shadow .15s,transform .15s}.editor-ai-action:hover:not(:disabled){border-color:var(--studio-ai-action-border-hover);box-shadow:0 7px 20px #08090c59,0 0 0 1px var(--studio-ai-action-ring);transform:translateY(-1px)}.editor-ai-action:disabled{cursor:not-allowed;opacity:.45}.editor-ai-action svg{color:#a348ad}.property-section{padding:16px!important}.property-row{display:grid;min-height:36px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px}.property-row>span{color:#a9aab0;font-size:12px}.property-row>div{display:flex;min-width:0;gap:6px}.property-accordion{height:54px;padding:0 16px;font-size:12px}.property-accordion-content{display:grid;gap:var(--editor-field-gap);padding:0 16px 16px}.property-accordion-head{position:relative}.property-reset{position:absolute;right:39px;top:15px;display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--studio-text-subtle)}.property-reset:hover{background:var(--studio-border-subtle);color:#fff}.property-accordion>span{display:flex;align-items:center;gap:7px}.property-accordion>span i{width:6px;height:6px;border-radius:50%;background:#d9d9dc}.editor-range,.range-property{display:grid;gap:7px}.editor-range>span,.range-property>span{color:#999ba2!important;font-size:var(--studio-text-xs)!important}.editor-range>div,.range-property>div{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:8px}.editor-range>div:has(.variable-picker-popover){grid-template-columns:minmax(0,1fr) 42px 28px;gap:4px}.editor-range input,.range-property input{width:100%;accent-color:#e4e4e6}.editor-range output,.range-property output{font-size:var(--studio-text-xs);color:#a9abb2;text-align:right;font-variant-numeric:tabular-nums}.editor-toggle-control{display:flex;min-width:0;align-items:center;justify-content:space-between}.editor-toggle-control>.variable-picker-popover{margin-left:auto}.editor-toggle{display:flex;width:100%;min-width:0;height:36px;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;color:var(--studio-text-secondary);font-family:var(--studio-font-sans);font-size:var(--studio-text-sm);font-weight:400;line-height:var(--studio-leading-normal);text-align:left}.editor-toggle>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-toggle i{position:relative;width:30px;height:18px;flex:0 0 30px;border:1px solid #484a53;border-radius:999px;background:#303139;transition:border-color .14s,background .14s}.editor-toggle i:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#a8aab2;content:"";transition:translate .14s,background .14s}.editor-toggle.is-on i{border-color:#dedee1;background:#dedee1}.editor-toggle.is-on i:after{background:var(--studio-panel);translate:12px 0}.editor-toggle:disabled{cursor:not-allowed;color:var(--studio-text-disabled)}.editor-toggle:disabled i{border-color:#34353c;background:#25262b}.editor-toggle:disabled i:after{background:#62646d}.editor-toggle:focus-visible{border-radius:6px;outline:2px solid var(--studio-focus);outline-offset:2px}.sidebar-visual-card{aspect-ratio:4/3!important;overflow:hidden;border:0!important;border-radius:10px!important;background:var(--studio-panel-raised)!important;transition:background .14s,transform .14s}.sidebar-visual-card:hover{background:#28292f!important;transform:translateY(-1px)}.editor-library{--library-card-bg:var(--studio-panel-raised);--library-card-radius:10px;--library-card-ratio:4/3;display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden!important;padding:0!important;background:var(--studio-shell);scrollbar-width:none}.editor-library::-webkit-scrollbar{display:none}.editor-library-toolbar{position:relative;z-index:4;display:grid;flex:0 0 auto;gap:9px;margin:0;padding:12px;background:var(--studio-shell);box-shadow:0 1px 0 var(--studio-panel-raised)}.editor-library-categories{position:relative;min-width:0;margin-right:-12px;overflow:hidden;padding-right:12px}.editor-library-category-arrow{position:absolute;z-index:3;top:0;display:grid;width:34px;height:30px;place-items:center;border:0;color:var(--studio-text-secondary);opacity:0;pointer-events:none;transition:opacity .14s,color .14s}.editor-library-category-arrow.is-left{left:0;justify-items:start;background:linear-gradient(90deg,var(--studio-shell) 62%,transparent)}.editor-library-category-arrow.is-right{right:0;justify-items:end;background:linear-gradient(90deg,transparent,var(--studio-shell) 38%)}.editor-library-category-arrow svg{box-sizing:content-box;border:1px solid var(--studio-border);border-radius:7px;background:var(--studio-control);padding:4px;box-shadow:0 3px 12px #08090c66}.editor-library-categories:focus-within>.editor-library-category-arrow,.editor-library-categories:hover>.editor-library-category-arrow{opacity:1;pointer-events:auto}.editor-library-category-arrow:hover{color:var(--studio-text)}.editor-library-categories>.editor-tabs{padding-right:24px;scroll-padding-right:24px}@media (hover:none){.editor-library-category-arrow{opacity:1;pointer-events:auto}}.editor-library-results{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:12px 12px 22px;background:var(--studio-shell);overscroll-behavior:contain;scrollbar-width:none}.editor-library-results::-webkit-scrollbar{display:none}.editor-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-library-card{position:relative;min-width:0;overflow:hidden;border:0;border-radius:var(--library-card-radius,10px);background:var(--library-card-bg,var(--studio-panel-raised));padding:0;color:#eeeef0;text-align:left;transition:background .14s,transform .14s}.editor-library-item-card{aspect-ratio:var(--library-card-ratio,4/3)}.editor-library-card:hover{background:#28292f;transform:translateY(-1px)}.editor-library-card:focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}.editor-library-card.is-selected{box-shadow:inset 0 0 0 1px var(--studio-accent),0 0 0 1px color-mix(in srgb,var(--studio-accent) 16%,transparent)}.editor-library-card-title{position:absolute;right:0;bottom:0;left:0;z-index:5;display:flex;min-height:38px;align-items:end;background:linear-gradient(transparent,#101115ed 58%);padding:16px 9px 8px;color:#f3f3f4;font-size:var(--studio-text-xs);font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .14s,transform .14s;pointer-events:none}.editor-library-card:focus-visible>.editor-library-card-title,.editor-library-card:hover>.editor-library-card-title{opacity:1;transform:none}.editor-library-card:focus-within>.editor-library-card-title{opacity:1;transform:none}.preset-library-card{cursor:pointer}.preset-card-use{position:absolute;z-index:4;inset:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.preset-card-use:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}.preset-card-preview-button{position:absolute;z-index:9;top:7px;right:7px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #ffffff1d;border-radius:7px;background:#121318df;color:var(--studio-text);opacity:0;transform:translateY(-3px);transition:opacity .14s,transform .14s,background .14s;cursor:pointer}.preset-library-card:focus-within>.preset-card-preview-button,.preset-library-card:hover>.preset-card-preview-button{opacity:1;transform:none}.preset-card-preview-button:hover{background:var(--studio-text);color:#15161a}.editor-library-empty{display:grid;min-height:160px;place-items:center;align-content:center;gap:6px;color:var(--studio-text-subtle);text-align:center}.editor-library-empty strong{color:#d6d7da;font-size:12px}.editor-library-empty span{max-width:210px;font-size:var(--studio-text-xs);line-height:1.45}.editor-library-card>.component-preset-preview,.editor-library-card>.element-preset-preview,.editor-library-card>.text-preset-preview{width:100%;height:100%;border-radius:inherit;background:var(--library-card-bg,var(--studio-panel-raised))}.editor-library-card>.text-preset-preview{display:grid;place-items:center;overflow:hidden;padding:12px;color:#f1f1f3;text-align:center}.element-category-sections .editor-library-grid{margin-bottom:2px}.component-library{--library-card-bg:var(--studio-panel-raised);--library-card-radius:10px;--library-card-ratio:4/3;height:100%;padding:0}.component-library-head{display:grid;flex:0 0 auto;gap:9px;padding:14px 12px 12px;background:var(--studio-shell);box-shadow:0 1px 0 var(--studio-panel-raised)}.component-library-head .editor-library-toolbar{position:static;margin:0;padding:0;background:transparent;box-shadow:none}.component-library-results{min-height:0;flex:1;overflow-y:auto;padding:0 12px 18px;scrollbar-width:none}.component-library-results::-webkit-scrollbar{display:none}.text-library .library-section-heading{margin:15px 2px 8px}.image-template-preview{padding:0!important;isolation:isolate}.image-template-preview-layer{display:block;overflow:hidden;box-sizing:border-box;font-style:normal}.image-template-preview-layer.is-image{background-repeat:no-repeat}.image-template-preview-layer.is-text{z-index:2;white-space:pre-wrap}.image-template-grid>.editor-library-card>span.editor-library-card-title,.video-scene-grid>.editor-library-card>span.editor-library-card-title{position:absolute;right:0;bottom:0;left:0;display:flex;min-height:38px;align-items:end;gap:0;padding:16px 9px 8px}.video-scene-preview{isolation:isolate}.video-scene-preview:after{display:none}.video-scene-preview-layer{z-index:1;display:block;overflow:hidden;box-sizing:border-box;font-style:normal;white-space:pre-wrap;transition:none;will-change:transform,opacity}.video-scene-preview-layer.is-text{z-index:2}.video-scene-duration{position:absolute!important;z-index:6!important;right:6px!important;bottom:6px!important;left:auto!important;top:auto!important;display:flex!important;width:auto!important;height:auto!important;align-items:center;gap:3px;border-radius:4px;background:#0d0e11d9!important;padding:3px 5px;color:#dedfe2!important;font-size:var(--studio-text-xs)!important;line-height:1!important}.video-scene-progress{position:absolute;z-index:7;right:0;bottom:0;left:0;height:2px;background:var(--scene-accent);transform-origin:left center;pointer-events:none}.color-field,.gradient-fill-control{display:grid!important;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px}.color-field>span,.gradient-field-label{color:#a4a5ab!important;font-size:var(--studio-text-xs)!important}.color-field.is-label-hidden{display:block!important}.color-field-control,.gradient-field-control{display:grid;min-width:0;height:var(--editor-control-height);align-items:center;overflow:hidden;border:1px solid var(--editor-control-border);border-radius:var(--editor-control-radius);background:var(--editor-control-bg);transition:border-color .14s,background .14s,box-shadow .14s}.color-field-control{grid-template-columns:36px minmax(0,1fr) auto}.gradient-field-control{grid-template-columns:minmax(0,1fr) auto}.color-field-control:focus-within,.gradient-field-control:focus-within{border-color:#50515a;background:var(--editor-control-bg-hover)}.color-field.is-variable-bound .color-field-control,.gradient-fill-control.is-variable-bound .gradient-field-control{border-color:var(--studio-accent)6b;background:var(--studio-accent)0d;box-shadow:0 0 0 1px var(--studio-accent)1f}.color-field-popover>.editor-popover-trigger{width:36px;min-width:36px;height:34px;grid-template-columns:1fr;border:0;border-radius:0;background:transparent;padding:0}.color-field-popover>.editor-popover-trigger:hover,.color-field-popover>.editor-popover-trigger[aria-expanded=true]{background:#ffffff09}.color-field-popover>.editor-popover-trigger>svg{display:none}.color-field-swatch,.color-value-swatch,.editor-color-swatch,.gradient-field-summary i{position:relative;display:block;overflow:hidden;border:1px solid #ffffff28;border-radius:5px;background-color:#111;background-image:linear-gradient(45deg,#34353a 25%,transparent 0),linear-gradient(-45deg,#34353a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#34353a 0),linear-gradient(-45deg,transparent 75%,#34353a 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.editor-color-swatch.is-transparent{background-color:#f3f3f4!important;background-image:linear-gradient(45deg,#c9cbd0 25%,transparent 0),linear-gradient(-45deg,#c9cbd0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#c9cbd0 0),linear-gradient(-45deg,transparent 75%,#c9cbd0 0)!important;background-size:8px 8px!important}.editor-color-swatch.is-transparent:after{position:absolute;left:50%;top:-20%;width:2px;height:140%;transform:translateX(-50%) rotate(45deg);border-radius:2px;background:#ef5966;box-shadow:0 0 0 1px #fff8;content:""}.color-field-swatch{width:22px;height:22px;margin:auto}.color-field-hex{width:100%;min-width:0;height:34px;border:0;background:transparent;padding:0 8px;color:#e7e7e9;font:600 var(--studio-text-xs) ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.color-field-control>.variable-picker-popover,.gradient-field-control>.variable-picker-popover{height:34px}.color-picker-panel{display:grid;gap:11px}.project-palette-picker{display:grid;gap:7px;border-bottom:1px solid var(--studio-border);padding-bottom:10px}.project-palette-picker header{display:flex;align-items:center;justify-content:space-between;color:var(--studio-text-subtle);font-size:var(--studio-text-xs)}.project-palette-picker header small{display:flex;align-items:center;gap:4px;color:#9fb9da}.project-palette-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.project-palette-picker button{position:relative;display:grid;min-width:0;height:36px;place-items:center;overflow:hidden;border:1px solid var(--editor-control-border);border-radius:7px;background:var(--editor-control-bg);padding:0;color:var(--studio-text-secondary)}.project-palette-picker button[aria-pressed=true]{border-color:#74a7e8;box-shadow:0 0 0 1px #74a7e844}.project-palette-picker button .editor-color-swatch{width:100%;height:100%;border:0;border-radius:0}.project-palette-picker button span:not(.sr-only){position:absolute;left:4px;right:4px;bottom:3px;overflow:hidden;color:#fff;font-size:var(--studio-text-xs);font-weight:650;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #000;white-space:nowrap}.project-palette-picker .add-palette-color{border-style:dashed}.color-sv-plane{--picker-hue:#f00;position:relative;width:100%;height:148px;overflow:hidden;border:1px solid #ffffff27;border-radius:7px;background:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,var(--picker-hue));padding:0;cursor:crosshair;touch-action:none}.color-sv-plane i{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 1px 4px #000b;pointer-events:none}.color-hue{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px}.color-alpha>span,.color-hue>span{color:#a4a5ab!important;font-size:var(--studio-text-xs)!important}.color-hue input{width:100%;height:12px;appearance:none;border-radius:6px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);outline:0}.color-hue input::-webkit-slider-thumb{width:14px;height:18px;appearance:none;border:2px solid #fff;border-radius:5px;background:var(--studio-panel-raised);box-shadow:0 1px 4px #000b}.color-hue input::-moz-range-thumb{width:11px;height:15px;border:2px solid #fff;border-radius:5px;background:var(--studio-panel-raised);box-shadow:0 1px 4px #000b}.color-picker-value{display:grid;grid-template-columns:30px minmax(0,1fr) 32px;align-items:center;gap:7px}.color-value-swatch{width:30px;height:30px}.color-picker-value .color-hex-input{width:100%;height:32px!important;border:1px solid var(--editor-control-border)!important;border-radius:6px!important;background:#24252a!important;padding:0 9px!important;color:#eee!important;font:var(--studio-text-xs) ui-monospace,SFMono-Regular,Menlo,monospace!important}.color-eyedropper{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--editor-control-border);border-radius:6px;background:var(--studio-control-hover);color:#c8c9cd}.color-alpha{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:9px!important}.color-alpha>div{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px}.color-alpha input{width:100%;accent-color:#eee}.color-alpha output{color:#9a9ca3;font-size:var(--studio-text-xs);text-align:right}.gradient-field-summary{display:grid;min-width:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;text-align:left}.gradient-field-summary i{width:24px;height:24px}.gradient-field-summary b{overflow:hidden;color:#dfe0e3;font:600 var(--studio-text-xs)/1 inherit;text-overflow:ellipsis;white-space:nowrap}.gradient-field-control>.gradient-popover>.editor-popover-trigger{height:34px;border:0;border-radius:0;background:transparent;padding:0 8px}.gradient-field-control>.gradient-popover>.editor-popover-trigger:hover,.gradient-field-control>.gradient-popover>.editor-popover-trigger[aria-expanded=true]{background:#ffffff09}.gradient-picker-panel{display:grid;gap:12px}.gradient-popover .editor-popover-content{width:min(330px,calc(100vw - 32px))}.gradient-editor-rail{position:relative;height:52px;margin:4px 9px 14px;border:1px solid #ffffff35;border-radius:6px;box-shadow:0 4px 12px #0007;cursor:copy}.gradient-editor-rail>button{--stop-color:#fff;position:absolute;top:100%;width:17px;height:20px;transform:translate(-50%,-1px);border:2px solid #ececef;border-radius:3px 3px 6px 6px;background:var(--stop-color);box-shadow:0 2px 5px #000a;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%)}.gradient-editor-rail>button[aria-pressed=true]{outline:2px solid var(--studio-accent);outline-offset:2px}.gradient-stop-hint{justify-content:space-between;gap:8px;color:var(--studio-text-subtle)}.gradient-stop-hint,.gradient-stop-hint button{display:flex;align-items:center;font-size:var(--studio-text-xs)}.gradient-stop-hint button{height:28px;flex:0 0 auto;gap:4px;border:0;border-radius:6px;background:var(--studio-control-hover);padding:0 8px;color:#c5c6cb}.gradient-stop-editor{position:relative;display:grid;gap:10px;border-top:1px solid var(--studio-border);padding-top:11px}.gradient-stop-editor>.color-picker-panel{padding-right:34px}.gradient-angle,.gradient-stop-editor>label{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.gradient-angle>span,.gradient-stop-editor>label>span{color:#a4a5ab;font-size:var(--studio-text-xs)}.gradient-angle>div,.gradient-stop-editor>label>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 10px;align-items:center;gap:6px}.gradient-angle input[type=range],.gradient-stop-editor input[type=range]{width:100%;accent-color:#eee}.gradient-angle input[type=number],.gradient-stop-editor input[type=number]{height:30px!important;border:1px solid var(--editor-control-border)!important;border-radius:6px!important;background:#24252a!important;padding:0!important;color:#eee;text-align:center;font-size:var(--studio-text-xs)!important}.gradient-angle b,.gradient-stop-editor b{color:var(--studio-text-subtle);font-size:var(--studio-text-xs)}.gradient-stop-editor>button{position:absolute;right:0;top:11px;display:grid;width:30px;height:36px;place-items:center;border:0;border-radius:6px;background:var(--studio-control-hover);color:#bd777e}.gradient-stop-editor>button:disabled{opacity:.3}.gradient-presets{display:grid!important;gap:8px;border:0!important;border-top:1px solid var(--studio-border)!important;padding:11px 0 0!important}.gradient-presets header{display:flex;align-items:center;justify-content:space-between}.gradient-presets header span,.gradient-presets header strong{font-size:var(--studio-text-xs)}.gradient-presets header span{color:var(--studio-text-subtle)}.gradient-presets>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.gradient-presets button{height:43px;border:1px solid #ffffff24;border-radius:5px;box-shadow:0 2px 7px #0006}.gradient-presets button:hover{outline:2px solid #ececee;outline-offset:1px}.resource-library>.editor-search,.resource-library>.editor-tabs{flex:0 0 auto}.resource-library>.editor-tabs:first-of-type{margin-bottom:2px}.brand-color-grid{grid-template-columns:1fr;gap:9px}.brand-color-field>.color-field-control{grid-template-columns:36px minmax(0,1fr)!important;overflow:hidden;border:1px solid var(--editor-control-border);border-radius:var(--editor-control-radius);background:var(--editor-control-bg)}