/* Opt-in bridge for retained native views/templates. Never style authored canvases. */
:is(.ij-native,.tij-native) {
  --font-ui:var(--font-ij); --ink:var(--text-ij); --muted:var(--text-muted-ij);
  --surface:var(--surface-ij); --border:var(--border-ij); --control-height:var(--control-height-ij);
  font:400 var(--text-sm-ij,.875rem)/1.5 var(--font-ij,system-ui);color:var(--text-ij);
}
:is(.ij-native,.tij-native) *, :is(.ij-native,.tij-native) *::before, :is(.ij-native,.tij-native) *::after { box-sizing:border-box; }
:is(.ij-native,.tij-native) [hidden] { display:none!important; }
:is(.ij-native,.tij-native) :focus-visible:not(y-number-field *) { outline:2px solid var(--focus-ij);outline-offset:2px; }
:is(.ij-native,.tij-native) button,:is(.ij-native,.tij-native) input,:is(.ij-native,.tij-native) textarea,:is(.ij-native,.tij-native) select { font:inherit;color:inherit; }
:is(.ij-native,.tij-native) button,:is(.ij-native,.tij-native) input:not([type="checkbox"]):not([type="radio"]):not(y-number-field input),:is(.ij-native,.tij-native) select,:is(.ij-native,.tij-native) textarea {
  min-height:var(--control-height-ij,2.25rem);border:1px solid var(--border-control-ij);border-radius:var(--radius-ij);padding:.4375rem .625rem;background:var(--surface-ij);
}
:is(.ij-native,.tij-native) button{cursor:pointer}:is(.ij-native,.tij-native) button:hover{background:var(--surface-muted-ij)}:is(.ij-native,.tij-native) button:disabled{opacity:.55;cursor:not-allowed}
:is(.ij-native,.tij-native) input:not([type="checkbox"]):not([type="radio"]):not(y-number-field input),:is(.ij-native,.tij-native) textarea,:is(.ij-native,.tij-native) select{width:100%}
:is(.ij-native,.tij-native) input[type="checkbox"],:is(.ij-native,.tij-native) input[type="radio"]{accent-color:var(--accent-ij)}
:is(.ij-native,.tij-native) summary{cursor:pointer;font-weight:600;padding:.625rem 0}
:is(.ij-native,.tij-native) h3{font-size:1rem}:is(.ij-native,.tij-native) h4{font-size:.875rem}:is(.ij-native,.tij-native) h5{font-size:.8125rem}
:is(.ij-native,.tij-native) .ui-choice{padding:0;border:0;margin:0}:is(.ij-native,.tij-native) .ui-choice legend{font-weight:500;margin-bottom:.5rem}
:is(.ij-native,.tij-native) .ui-choice-options{display:flex;gap:.375rem;flex-wrap:wrap}:is(.ij-native,.tij-native) .ui-choice-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border-ij);border-radius:var(--radius-ij)}
:is(.ij-native,.tij-native) .ui-choice-item:has(:checked){background:var(--accent-subtle-ij);border-color:var(--accent-ij)}
:is(.ij-native,.tij-native) .ui-setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--control-height-ij)}:is(.ij-native,.tij-native) .ui-setting-copy{display:grid}:is(.ij-native,.tij-native) small{color:var(--text-muted-ij)}:is(.ij-native,.tij-native) .ui-switch-track{display:none}
:is(.ij-native,.tij-native) .ui-code-input{font-family:var(--font-mono-ij);resize:vertical;display:block}:is(.ij-native,.tij-native) .ui-field-head,:is(.ij-native,.tij-native) .ui-field-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}:is(.ij-native,.tij-native) .ui-language{font-size:.75rem;color:var(--text-muted-ij)}
:is(.ij-native,.tij-native) .ui-field-error,:is(.ij-native,.tij-native) .component-property-error,:is(.ij-native,.tij-native) .component-properties-notice{color:var(--danger-ij);font-size:.75rem}
:is(.ij-native,.tij-native) .ui-field-help,:is(.ij-native,.tij-native) .component-property-origin{color:var(--text-muted-ij);font-size:.75rem}
:is(.ij-native,.tij-native) .component-property-row{padding:1rem 0;border-top:1px solid var(--border-ij)}:is(.ij-native,.tij-native) .component-property-row h4{margin:0 0 .5rem}:is(.ij-native,.tij-native) .component-property-actions{display:flex;flex-wrap:wrap;gap:.375rem}:is(.ij-native,.tij-native) .component-property-actions:empty{display:none}
:is(.ij-native,.tij-native) .component-workshop-comparison-row{padding:.75rem;border:1px solid var(--border-ij);border-radius:var(--radius-ij);margin:.5rem 0}
:is(.ij-native,.tij-native) .component-workshop button{margin:.125rem}:is(.ij-native,.tij-native) [aria-pressed="true"]{background:var(--accent-subtle-ij);border-color:var(--accent-ij)}
:is(.ij-native,.tij-native) .ui-item-row{display:flex;align-items:center;gap:.5rem;padding:.375rem;border:1px solid var(--border-ij);border-radius:var(--radius-ij)}
:is(.ij-native,.tij-native) .ui-item-row[data-selected="true"]{border-color:var(--accent-ij);background:var(--accent-subtle-ij)}
:is(.ij-native,.tij-native) .ui-item-select{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;text-align:start;border:0;background:transparent}:is(.ij-native,.tij-native) .ui-item-copy{display:grid;min-width:0;gap:.125rem}:is(.ij-native,.tij-native) .ui-item-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted-ij);font-size:.75rem}:is(.ij-native,.tij-native) .ui-item-copy strong{font-weight:500}:is(.ij-native,.tij-native) .ui-item-value{margin-inline-start:auto;font-size:.75rem;overflow-wrap:anywhere}:is(.ij-native,.tij-native) .ui-item-preview,:is(.ij-native,.tij-native) .ui-item-swatch{width:2rem;height:2rem;flex:none;border:1px solid var(--border-ij);border-radius:.25rem;background-size:cover;background-position:center}:is(.ij-native,.tij-native) .ui-item-swatch{background:var(--ui-item-color)}:is(.ij-native,.tij-native) .ui-item-trailing{display:flex;gap:.25rem}:is(.ij-native,.tij-native) .ui-icon-action{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height-ij);padding:.375rem}