.oc-group{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.oc-list{display:grid;gap:var(--space-3)}.oc-group:not(.is-grid) .oc-list{grid-auto-rows:1fr}.oc-card{position:relative;display:flex;flex-direction:column;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.oc-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.oc-card:active{transform:translateY(0)}.oc-card:focus-within{box-shadow:0 0 0 3px rgba(45,98,255,.16)}.oc-card.is-selected{background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--text-primary)}.oc-card.is-selected,.oc-card.is-selected:hover{border-color:var(--text-primary)}.oc-card.is-selected:focus-within{box-shadow:inset 0 0 0 1px var(--text-primary),0 0 0 3px rgba(45,98,255,.16)}.oc-card-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-6);padding:var(--space-8) var(--space-10);cursor:pointer;user-select:none;flex:1}.oc-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.oc-content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.oc-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;line-height:1.25;color:var(--text-primary)}.oc-desc{font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;color:var(--text-secondary)}.oc-meta{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-1)}.oc-meta-line{font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.oc-aside,.oc-meta-line{font-family:var(--font-body)}.oc-aside{font-size:var(--text-md);line-height:1.45;color:var(--text-secondary);text-align:right;white-space:nowrap}.oc-group.is-grid .oc-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content}.oc-group.is-grid .oc-card{min-height:48px}.oc-group.is-grid .oc-card-label{grid-template-columns:minmax(0,1fr);padding:var(--space-4) var(--space-6);align-items:center}.oc-group.is-grid .oc-list>.oc-card:nth-child(odd):last-child{grid-column:1/-1}.oc-group.is-grid .oc-content{gap:var(--space-1)}.oc-group.is-grid .oc-title{font-size:var(--text-lg)}.oc-group.is-grid .oc-desc{font-size:var(--text-sm);line-height:1.4}.oc-group.is-grid .oc-aside{display:none}.oc-group.has-error .oc-card{border-color:var(--status-error)}.oc-group.has-error .oc-card.is-selected{box-shadow:inset 0 0 0 1px var(--status-error)}.oc-card.is-custom{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.oc-card.is-custom .oc-card-label{padding:var(--space-8) var(--space-10) var(--space-3)}.oc-custom-wrap{padding:0 var(--space-10) var(--space-8);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),visibility 0s linear var(--duration-slow)}.oc-card.is-selected .oc-custom-wrap{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),visibility 0s}.oc-group.is-grid .oc-card.is-custom{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}.oc-group.is-grid .oc-card.is-custom .oc-card-label{padding:var(--space-3) var(--space-6) var(--space-3) var(--space-10)}.oc-group.is-grid .oc-card.is-custom .oc-custom-wrap{padding:var(--space-3) var(--space-10) var(--space-3) 0;transform:translateX(-10px)}.oc-group.is-grid .oc-card.is-selected .oc-custom-wrap{transform:translateX(0)}.oc-group.is-grid .oc-card.is-custom .oc-custom-input{padding-top:var(--space-2);padding-bottom:var(--space-2)}.oc-custom-input{width:100%;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);font-size:var(--text-md);font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--duration-fast) ease}.oc-custom-input:focus{outline:none;border-color:var(--border-focus)}.oc-custom-input::placeholder{color:var(--text-light)}.oc-help{background:var(--bg-surface);border-radius:var(--radius-sm);font-family:var(--font-body)}.oc-help-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);cursor:pointer;list-style:none;color:var(--text-primary)}.oc-help-summary::-webkit-details-marker{display:none}.oc-help-summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.oc-help-info{flex-shrink:0;color:var(--text-muted)}.oc-help-title{flex:1;font-size:var(--text-md);font-weight:500;line-height:1.4}.oc-help-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-normal) ease}.oc-help[open] .oc-help-chevron{transform:rotate(180deg)}.oc-help-body{margin:0;padding:0 var(--space-6) var(--space-5);font-size:var(--text-md);line-height:1.55;color:var(--text-secondary)}@media (max-width:600px){.oc-group.is-grid .oc-list{grid-template-columns:minmax(0,1fr)}.oc-card-label,.oc-group.is-grid .oc-card-label{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-6)}.oc-aside{text-align:left;white-space:normal}.oc-card.is-custom,.oc-group.is-grid .oc-card.is-custom{grid-template-columns:minmax(0,1fr);align-items:start}.oc-card.is-custom .oc-card-label,.oc-group.is-grid .oc-card.is-custom .oc-card-label{padding:var(--space-6) var(--space-6) var(--space-3)}.oc-custom-wrap,.oc-group.is-grid .oc-card.is-custom .oc-custom-wrap{padding:0 var(--space-6) var(--space-6);transform:translateY(-6px)}.oc-card.is-selected .oc-custom-wrap,.oc-group.is-grid .oc-card.is-selected .oc-custom-wrap{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.oc-card,.oc-custom-wrap,.oc-help-chevron{transition-duration:.01ms}.oc-card.is-selected .oc-custom-wrap,.oc-custom-wrap{transform:none}}