.klyp-route-AssetEditor{flex-direction:column;height:100%;min-height:0;display:flex}.klyp-route-AssetEditor__intentToolbar{border-bottom:0;padding-bottom:0}.klyp-route-AssetEditor__syntaxButton{appearance:none;height:36px;padding-inline:var(--space-16);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--r-chip);background:var(--color-bg-surface);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;line-height:1;display:inline-flex}.klyp-route-AssetEditor__syntaxButton:hover{color:var(--color-fg-primary);background:var(--color-bg-surface-solid)}.klyp-route-AssetEditor__syntaxButton:focus-visible{outline:var(--bw-default) solid var(--color-ring,var(--color-fg-accent));outline-offset:var(--bw-default)}.klyp-route-AssetEditor__modeSwap{flex:1;min-height:0}.klyp-route-AssetEditor__modeSwapInner{height:100%}.klyp-route-AssetEditor__visualColumn{flex-direction:column;height:100%;min-height:0;display:flex}.klyp-route-AssetEditor__visualCenter{flex:1;min-height:0;overflow:hidden}.klyp-route-AssetEditor__metadataAside{gap:var(--space-24);width:100%;min-width:0;height:100%;padding:var(--space-16);outline-offset:-6px;transition:outline-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);outline:2px dashed #0000;flex-direction:column;display:flex;position:relative;overflow:hidden auto;container-type:inline-size}.klyp-route-AssetEditor__metadataAside[data-drop-active]{background-color:color-mix(in srgb, var(--gold-500) 4%, transparent);outline-color:color-mix(in srgb, var(--gold-300) 70%, transparent)}.klyp-route-AssetEditor__dropHint{pointer-events:none;inset-inline:0;top:var(--space-12);z-index:10;border-radius:var(--r-chip);background-color:color-mix(in srgb, var(--gold-500) 15%, transparent);width:fit-content;padding-inline:var(--space-12);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--gold-200);-webkit-backdrop-filter:blur(var(--blur-3));align-items:center;gap:6px;margin-inline:auto;padding-block:4px;display:flex;position:absolute}