.code-field .code-editor{--code-bg:var(--theme-elevation-50);--code-gutter:var(--theme-elevation-500);border-radius:var(--style-radius-m,6px);background:var(--code-bg);border:1px solid var(--theme-elevation-150);transition:border-color .15s,box-shadow .15s;overflow:hidden}.code-field .code-editor:hover{border-color:var(--theme-elevation-250)}.code-field .code-editor:focus-within{border-color:var(--theme-elevation-400);box-shadow:0 0 0 3px var(--theme-elevation-100)}.code-field .code-editor .monaco-editor,.code-field .code-editor .monaco-editor .margin,.code-field .code-editor .monaco-editor-background{background:var(--code-bg)!important}.code-field .code-editor .monaco-editor .line-numbers{font-size:11px;color:var(--code-gutter)!important}.code-field .code-editor .monaco-editor .cursor{background:var(--theme-text)!important;border-color:var(--theme-text)!important}.code-field .code-editor .monaco-editor .view-overlays .current-line,.code-field .code-editor .monaco-editor .margin-view-overlays .current-line-margin{display:none}.code-field .field-description{margin-top:8px}.color-field__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-field__picker{border-radius:var(--style-radius-m,6px);border:1px solid var(--theme-elevation-150);cursor:pointer;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.color-field__picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-field__hex{width:120px;height:40px;font-family:var(--font-mono);text-transform:lowercase;border-radius:var(--style-radius-m,6px);border:1px solid var(--theme-elevation-150);background:var(--theme-input-bg);color:var(--theme-elevation-800);padding:0 12px;font-size:13px}.color-field__hex:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 3px var(--theme-elevation-100);outline:none}.color-field__swatches{gap:6px;display:flex}.color-field__swatch{cursor:pointer;border:1px solid #0000001f;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s,box-shadow .12s}.color-field__swatch:hover{transform:scale(1.12)}.color-field__swatch.is-active{box-shadow:0 0 0 2px var(--theme-bg),0 0 0 4px var(--theme-elevation-800)}.color-field.error .color-field__hex{border-color:var(--theme-error-500)}.media-picker__folders{gap:12px;margin-bottom:20px;display:grid}.media-picker__crumbs{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.media-picker__crumbs>span{color:var(--theme-elevation-400);gap:6px;display:inline-flex}.media-picker__crumbs button{all:unset;cursor:pointer;color:var(--theme-elevation-600)}.media-picker__crumbs button:hover:not(:disabled){color:var(--theme-text);text-decoration:underline}.media-picker__crumbs button:disabled{cursor:default;color:var(--theme-text);font-weight:600}.media-picker__folder-grid,.media-picker__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.media-picker__folder,.media-picker__item{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m,6px);background:var(--theme-elevation-50);transition:border-color .15s,box-shadow .15s}.media-picker__folder:hover,.media-picker__folder:focus-visible,.media-picker__item:hover,.media-picker__item:focus-visible{border-color:var(--theme-elevation-400);box-shadow:0 0 0 3px var(--theme-elevation-100)}.media-picker__folder{align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.media-picker__folder span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-picker__grid{margin-bottom:20px}.media-picker__item{display:grid;overflow:hidden}.media-picker__thumb{aspect-ratio:1;background:var(--theme-elevation-100);position:relative}.media-picker__thumb .thumbnail{border-radius:0;width:100%;height:100%}.media-picker__thumb img,.media-picker__thumb video{object-fit:cover;width:100%;height:100%;display:block}.media-picker__badge{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:8px;left:8px}.media-picker__name{text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-size:12px;overflow:hidden}
