/* Contextual field controls retain the real form controls and their validators. */
.wod-context-source[hidden]{display:none!important}
.wod-context-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:54px;margin:0;padding:12px 14px;text-align:left;white-space:normal;border:1px solid var(--c-border);border-radius:13px;background:var(--c-surface);color:var(--c-text);font:inherit;font-weight:650;cursor:pointer;touch-action:manipulation}
.wod-context-trigger-value{min-width:0;overflow-wrap:anywhere;line-height:1.45}.wod-context-trigger[data-empty=true] .wod-context-trigger-value{color:var(--c-text-soft);font-weight:450}.wod-context-arrow{flex:none;font-size:1.5rem;font-weight:400;color:var(--c-accent)}
.wod-context-trigger:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.wod-context-trigger:disabled{opacity:.55;cursor:default}
dialog.wod-context-editor{box-sizing:border-box;position:fixed;inset:auto;left:calc(var(--wod-context-left,0px) + var(--wod-context-width,100vw)/2);top:calc(var(--wod-context-top,0px) + var(--wod-context-height,100dvh)/2);transform:translate(-50%,-50%);width:min(560px,calc(var(--wod-context-width,100vw) - 24px));max-width:none;max-height:calc(var(--wod-context-height,100dvh) - 24px);margin:0;padding:0;border:1px solid var(--c-border);border-radius:24px;background:var(--c-surface);color:var(--c-text);box-shadow:0 20px 70px #140b2433;overflow:hidden;font:inherit}
.wod-context-editor[open]{display:flex;flex-direction:column}.wod-context-editor::backdrop{background:#15102285;backdrop-filter:blur(4px)}
.wod-context-head{display:flex;align-items:flex-start;gap:14px;padding:20px;border-bottom:1px solid var(--c-border);flex:none}.wod-context-head>div{flex:1;min-width:0}.wod-context-head h2{margin:0;font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}.wod-context-path{margin:6px 0 0;color:var(--c-text-soft);font-size:.8125rem;line-height:1.5}.wod-context-head>.wod-icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;margin:0;border-radius:12px;background:var(--c-bg-soft);border:1px solid var(--c-border);font-size:1.75rem;color:var(--c-text)}
.wod-context-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px}.wod-context-scope{margin:0 0 20px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--c-accent) 9%,var(--c-surface));font-size:.8125rem;line-height:1.6;color:var(--c-text-soft)}
.wod-context-value{display:grid;gap:8px;min-width:0;margin:0;font-size:.8125rem;font-weight:650}.wod-context-value>input,.wod-context-value>select,.wod-context-value>textarea{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:54px;margin:0;padding:13px;border:1px solid var(--c-border);border-radius:13px;background:var(--c-bg-soft);color:var(--c-text);font:inherit;font-size:1rem;line-height:1.5}.wod-context-value>textarea{min-height:160px;resize:vertical}.wod-context-value>:focus{outline:2px solid var(--c-accent);outline-offset:2px}.wod-context-error{font-size:.8125rem;color:var(--c-text-danger);line-height:1.4;margin:10px 0 0}
.wod-context-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:none;margin:0;padding:14px 20px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-border);background:var(--c-surface)}.wod-context-actions>.btn{width:100%;min-height:48px;margin:0;padding:10px;font-size:1rem;border-radius:13px;white-space:normal}
@media(max-height:480px){.wod-context-head,.wod-context-body{padding:12px 16px}.wod-context-scope{margin-bottom:12px}.wod-context-actions{padding:10px 16px}.wod-context-head h2{font-size:1.125rem}}