:root{--editor-field-gap:8px;--editor-section-gap:12px}.editor-button,.studio-native-button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--secondary);padding:0 12px;color:var(--foreground);font:600 var(--studio-text-sm)/1 var(--studio-font-sans);transition:background-color .15s,color .15s}.editor-button>svg,.studio-native-button>svg{flex:none}.editor-button:hover:not(:disabled),.studio-native-button:hover:not(:disabled){background:var(--accent)}.editor-button:disabled,.studio-native-button:disabled{cursor:not-allowed;opacity:.5}.editor-button:focus-visible,.studio-native-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.editor-field{display:grid;gap:6px}.editor-field>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground)!important;font-size:var(--studio-text-xs)!important;font-weight:500}.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:1px solid var(--input)!important;border-radius:var(--radius-control)!important;background:var(--field)!important;padding:0 11px!important;color:var(--foreground)!important;font:500 var(--studio-text-sm)/1.4 var(--studio-font-sans)!important;outline:0;transition:border-color .15s,box-shadow .15s}.editor-input{height:var(--control-height)!important}.editor-textarea{min-height:78px!important;padding:9px 11px!important;resize:vertical}.editor-input:focus,.editor-textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--ring)}.editor-input::placeholder,.editor-textarea::placeholder{color:var(--studio-text-subtle)}.editor-input:disabled,.editor-textarea:disabled{cursor:not-allowed;opacity:.5}.compact-input,.editor-compact-input{display:flex;min-width:0;height:var(--control-height);flex:1;align-items:center;gap:6px;overflow:hidden;border:1px solid var(--input);border-radius:var(--radius-control);background:var(--field);padding:0 10px;color:var(--muted-foreground);transition:border-color .15s,box-shadow .15s}.compact-input:focus-within,.editor-compact-input:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--ring)}.compact-input>span,.editor-compact-input>span{flex:0 0 auto;color:var(--muted-foreground)!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(--foreground);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:var(--control-height);grid-template-columns:16px minmax(0,1fr) 24px;align-items:center;gap:8px;border:1px solid var(--input);border-radius:var(--radius-control);background:var(--field);padding:0 6px 0 11px;color:var(--muted-foreground);transition:border-color .15s,box-shadow .15s}.editor-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.editor-search>input{width:100%;height:auto!important;border:0!important;background:transparent!important;padding:0!important;color:var(--foreground)!important;font-size:var(--studio-text-sm)!important;outline:0}.editor-search>input::placeholder{color:var(--muted-foreground)}.editor-search>button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:var(--radius-small);background:transparent;color:var(--muted-foreground)}.editor-search>button:hover{background:var(--accent);color:var(--foreground)}.editor-tabs{display:flex;width:fit-content;max-width:100%;gap:2px;overflow-x:auto;border-radius:var(--radius-inner);background:var(--secondary);padding:3px;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.editor-tabs button{display:inline-flex;min-width:max-content;min-height:0!important;height:var(--control-height-sm);align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;padding:0 11px!important;color:var(--muted-foreground);font-size:var(--studio-text-xs);font-weight:600;white-space:nowrap;transition:background-color .15s,color .15s}.editor-tabs button:hover{color:var(--foreground)}.editor-tabs button[aria-checked=true],.editor-tabs button[aria-pressed=true],.editor-tabs button[aria-selected=true]{background:var(--segment-active);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0/10%)}.editor-tabs.is-compact button{height:26px;padding:0 9px!important}.editor-ai-plan-note{display:block;margin-bottom:6px;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.editor-ai-action{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font-size:var(--studio-text-sm);font-weight:600;transition:opacity .15s}.editor-ai-action:hover:not(:disabled){opacity:.88}.editor-ai-action:disabled{cursor:not-allowed;opacity:.45}.editor-ai-action svg{color:var(--brand)}.property-section{padding:16px!important}.property-row{display:grid;min-height:var(--control-height);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px}.property-row>span{color:var(--muted-foreground);font-size:var(--studio-text-xs)}.property-row>div{display:flex;min-width:0;gap:6px}.property-accordion{height:52px;padding:0 16px;font-size:var(--studio-text-sm)}.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:14px;display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:var(--radius-small);background:transparent;color:var(--muted-foreground)}.property-reset:hover{background:var(--accent);color:var(--foreground)}.property-accordion>span{display:flex;align-items:center;gap:7px}.property-accordion>span i{width:6px;height:6px;border-radius:50%;background:var(--brand)}.editor-range,.range-property{display:grid;gap:6px}.editor-range>span,.range-property>span{color:var(--muted-foreground)!important;font-size:var(--studio-text-xs)!important}.editor-range>div,.range-property>div{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:8px}.editor-range>div:has(.variable-picker-popover){grid-template-columns:minmax(0,1fr) 52px 28px;gap:4px}.studio-slider{--slider-fill:50%;--slider-done:color-mix(in srgb,var(--foreground) 88%,var(--background));--slider-rest:color-mix(in srgb,var(--foreground) 14%,var(--background));--slider-track:linear-gradient(90deg,var(--slider-done) 0 var(--slider-fill),var(--slider-rest) var(--slider-fill) 100%);width:100%;height:20px;margin:0;appearance:none;background:transparent;cursor:pointer;outline:none}.studio-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:var(--slider-track)}.studio-slider::-moz-range-track{height:8px;border-radius:999px;background:var(--slider-track)}.studio-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,#000 10%,transparent),0 1px 3px color-mix(in srgb,#000 28%,transparent);transition:transform .12s ease}.studio-slider::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,#000 10%,transparent),0 1px 3px color-mix(in srgb,#000 28%,transparent)}.studio-slider:active::-webkit-slider-thumb,.studio-slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.studio-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--foreground) 22%,transparent),0 1px 3px color-mix(in srgb,#000 28%,transparent)}.studio-slider:disabled{cursor:not-allowed;opacity:.45}.studio-slider.is-hue{--slider-track:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.editor-range-value{display:flex;height:24px;min-width:0;align-items:center;justify-content:flex-end;gap:1px;border-radius:var(--radius-small);padding:0 6px;color:var(--muted-foreground);font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums}.editor-range-value:focus-within,.editor-range-value:hover{background:color-mix(in srgb,var(--foreground) 7%,var(--background));color:var(--foreground)}.editor-range-value input{width:100%;min-width:0;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:right;outline:none;appearance:textfield}.editor-range-value input::-webkit-inner-spin-button,.editor-range-value input::-webkit-outer-spin-button{appearance:none;margin:0}.editor-range:has(input:disabled){color:var(--studio-text-disabled);cursor:not-allowed}.editor-range:has(input:disabled) output,.editor-range:has(input:disabled)>span{color:var(--studio-text-disabled)!important}.editor-range input:disabled{cursor:not-allowed;opacity:.45}.editor-range output,.range-property output{font-size:var(--studio-text-xs);color:var(--muted-foreground);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.editor-toggle-control{display:flex;min-width:0;align-items:center;justify-content:space-between}.editor-toggle-control>.variable-picker-popover{margin-left:auto}.property-accordion-content:has(.variable-picker-popover) :is(.editor-range,.range-property)>div:not(:has(.variable-picker-popover)){grid-template-columns:minmax(0,1fr) 52px 28px;gap:4px}.property-accordion-content:has(.variable-picker-popover) .editor-toggle-control:not(:has(>.variable-picker-popover)){padding-right:28px}.editor-toggle{display:flex;width:100%;min-width:0;height:var(--control-height);align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;color:var(--foreground);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:36px;height:20px;flex:0 0 36px;border-radius:999px;background:color-mix(in srgb,var(--foreground) 20%,transparent);transition:background-color .15s}.editor-toggle i:after{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#ffffff;box-shadow:0 1px 2px rgb(0 0 0/20%);content:"";transition:translate .15s}.editor-toggle.is-on i{background:var(--brand)}.editor-toggle.is-on i:after{translate:16px 0}.editor-toggle:disabled{cursor:not-allowed;color:var(--studio-text-disabled)}.editor-toggle:disabled i{opacity:.5}.editor-toggle:focus-visible{border-radius:var(--radius-control);outline:2px solid var(--ring);outline-offset:2px}.sidebar-visual-card{aspect-ratio:4/3!important;overflow:hidden;border:0!important;border-radius:var(--radius-card)!important;background:var(--studio-panel-raised)!important;transition:background .14s,transform .14s}.sidebar-visual-card:hover{background:var(--tile-hover)!important;transform:translateY(-1px)}.editor-library{--library-card-bg:var(--studio-panel-raised);--library-card-radius:var(--radius-card);--library-card-ratio:4/3;display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden!important;padding:0!important;background:var(--panel-surface,var(--card));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(--panel-surface,var(--card));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);transition:color .14s}.editor-library-category-arrow.is-left{left:0;justify-items:start;background:linear-gradient(90deg,var(--panel-surface,var(--card)) 62%,transparent)}.editor-library-category-arrow.is-right{right:0;justify-items:end;background:linear-gradient(90deg,transparent,var(--panel-surface,var(--card)) 38%)}.editor-library-category-arrow svg{box-sizing:content-box;border-radius:var(--radius-control);background:var(--segment-active);padding:4px;box-shadow:0 1px 4px rgb(0 0 0/22%)}.editor-library-category-arrow:hover{color:var(--studio-text)}.editor-library-categories>.editor-tabs{padding-right:24px;scroll-padding-right:24px}.editor-library-results{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:12px 12px 22px;background:var(--panel-surface,var(--card));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:var(--foreground);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:var(--tile-hover);transform:translateY(-1px)}.editor-library-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.editor-library-card.is-selected{box-shadow:inset 0 0 0 1px var(--brand)}.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,rgb(10 10 11/92%) 58%);padding:16px 9px 8px;color:#ffffff;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(--ring);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:0;border-radius:var(--radius-control);background:rgb(10 10 11/78%);color:#ffffff;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(--primary);color:var(--primary-foreground)}.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:var(--foreground);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:var(--foreground);text-align:center}.editor-library-card>.text-preset-preview.is-light-ink{background:#1c1c1f}.element-category-sections .editor-library-grid{margin-bottom:2px}.component-library{--library-card-bg:var(--studio-panel-raised);--library-card-radius:var(--radius-card);--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(--panel-surface,var(--card));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:var(--radius-small);background:rgb(10 10 11/72%)!important;padding:3px 5px;color:#ffffff!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(--brand)!important;opacity:0;transform-origin:left center;transition:opacity .15s;pointer-events:none}.preset-library-card:is(:hover,:focus-within) .video-scene-progress{opacity:1}.studio-inspector-card input[type=range].studio-slider{height:20px;border:0;border-radius:0;background:transparent;padding:0}.studio-inspector-card .editor-range-value input[type=number]{height:22px;border:0;background:transparent;padding:0;font-size:var(--studio-text-xs)}.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:color-mix(in srgb,var(--foreground) 69%,var(--background))!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 auto}.gradient-field-control{grid-template-columns:minmax(0,1fr) auto}.color-field-control:focus-within,.gradient-field-control:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--ring);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:color-mix(in srgb,var(--studio-accent) 42%,transparent);background:color-mix(in srgb,var(--studio-accent) 5%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--studio-accent) 12%,transparent)}.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:color-mix(in srgb,var(--foreground) 4%,transparent)}.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:var(--radius-small);background-color:#111;background-image:linear-gradient(45deg,#373737 25%,transparent 0),linear-gradient(-45deg,#373737 25%,transparent 0),linear-gradient(45deg,transparent 75%,#373737 0),linear-gradient(-45deg,transparent 75%,#373737 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.editor-color-swatch.is-transparent{background-color:#f3f3f3!important;background-image:linear-gradient(45deg,#cccccc 25%,transparent 0),linear-gradient(-45deg,#cccccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cccccc 0),linear-gradient(-45deg,transparent 75%,#cccccc 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-alpha{padding-right:8px;color:var(--muted-foreground);font:600 var(--studio-text-xs) ui-monospace,SFMono-Regular,Menlo,monospace}.color-field-control{container-type:inline-size}@container (max-width: 150px){.color-field-alpha{display:none}}.color-field-hex{width:100%;min-width:0;height:34px;border:0;background:transparent;padding:0 8px;color:color-mix(in srgb,var(--foreground) 95%,var(--background));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:var(--radius-control);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 color-mix(in srgb,var(--foreground) 15%,transparent);border-radius:var(--radius-control);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:color-mix(in srgb,var(--foreground) 69%,var(--background))!important;font-size:var(--studio-text-xs)!important}.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:var(--radius-control)!important;background:color-mix(in srgb,var(--foreground) 16%,var(--background))!important;padding:0 9px!important;color:color-mix(in srgb,var(--foreground) 98%,var(--background))!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:var(--radius-control);background:var(--studio-control-hover);color:color-mix(in srgb,var(--foreground) 83%,var(--background))}.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:color-mix(in srgb,var(--foreground) 98%,var(--background))}.color-alpha output{color:color-mix(in srgb,var(--foreground) 65%,var(--background));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:color-mix(in srgb,var(--foreground) 92%,var(--background));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:color-mix(in srgb,var(--foreground) 4%,transparent)}.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 color-mix(in srgb,var(--foreground) 21%,transparent);border-radius:var(--radius-control);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 color-mix(in srgb,var(--foreground) 98%,var(--background));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:var(--radius-control);background:var(--studio-control-hover);padding:0 8px;color:color-mix(in srgb,var(--foreground) 82%,var(--background))}.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:color-mix(in srgb,var(--foreground) 69%,var(--background));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:color-mix(in srgb,var(--foreground) 98%,var(--background))}.gradient-angle input[type=number],.gradient-stop-editor input[type=number]{height:30px!important;border:1px solid var(--editor-control-border)!important;border-radius:var(--radius-control)!important;background:color-mix(in srgb,var(--foreground) 16%,var(--background))!important;padding:0!important;color:color-mix(in srgb,var(--foreground) 98%,var(--background));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:var(--radius-control);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 color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:var(--radius-small);box-shadow:0 2px 7px #0006}.gradient-presets button:hover{outline:2px solid color-mix(in srgb,var(--foreground) 97%,var(--background));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)}.color-eyedropper:disabled{cursor:not-allowed;opacity:.42}.color-picker-actions{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px}.color-picker-actions>span{color:color-mix(in srgb,var(--foreground) 69%,var(--background));font-size:12px}.color-picker-actions>.color-eyedropper{display:flex;width:auto;padding:0 10px;gap:6px;font-size:12px}