.op-form{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (max-width:1100px){.op-form{grid-template-columns:minmax(0,1fr)}}.op-form__main{flex-direction:column;gap:24px;min-width:0;display:flex}.op-form__aside{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:32px}@media (max-width:1100px){.op-form__aside{position:static}}.op-section{flex-direction:column;gap:16px;display:flex}.op-section__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.op-section__title{color:#fff;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.op-section__title svg{color:#6b6b6b}.op-section__hint{color:#6b6b6b;font-size:12px}.op-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:720px){.op-section__grid{grid-template-columns:minmax(0,1fr)}}.op-section+.op-section{border-top:1px solid #282828;padding-top:24px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field--full{grid-column:1/-1}.field--gap{gap:8px}.field__label{color:#a0a0a0;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.field__optional{color:#6b6b6b;font-size:12px;font-weight:400}.field__required{color:#6366f1}.field__action{color:#a0a0a0;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;transition:color .15s;display:inline-flex}.field__action:hover{color:#fff}.field__control{align-items:center;min-width:0;display:flex;position:relative}.field__control .input{padding-right:56px}.field__suffix{color:#6b6b6b;pointer-events:none;font-size:14px;position:absolute;right:16px}.field__hint{color:#6b6b6b;font-size:12px}.field__error{color:#ef4444;align-items:center;gap:4px;font-size:12px;display:flex}.field .input--error{border-color:#ef4444}.field .input--mono{letter-spacing:.04em;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Monospace,Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace}.op-seg{background:#1a1a1a;border:1px solid #282828;border-radius:9999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:4px;display:grid;position:relative;overflow:hidden}.op-seg__pill{width:calc((100% - 8px)/var(--seg-count,2));transform:translateX(calc(var(--seg-index,0) * 100%));background:linear-gradient(110deg,#6366f1 0%,#8385f5 45%,#6366f1 90%) 0 0/260% 100%;border-radius:9999px;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .15s;animation:5s linear infinite segPillSheen;position:absolute;top:4px;bottom:4px;left:4px}.op-seg__pill--hidden{opacity:0}.op-seg__item{z-index:1;color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:38px;padding:0 16px;font-size:14px;font-weight:500;transition:color .25s;display:flex;position:relative}.op-seg__item:hover:not(:disabled){color:#fff;background:0 0}.op-seg__item:disabled{opacity:.45;cursor:not-allowed}.op-seg__item--active{color:#fff}.op-seg__item--active small{color:#ffffffbf}.op-seg__item small{color:#6b6b6b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:400;transition:color .25s;overflow:hidden}.op-seg__label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;display:inline-flex;overflow:hidden}.op-seg__count{opacity:.7;font-size:11px;font-weight:600}@keyframes segPillSheen{0%{background-position:0 0}to{background-position:260% 0}}.op-switch{cursor:pointer;background:#1a1a1a;border:1px solid #282828;border-radius:32px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.op-switch__text{flex-direction:column;gap:2px;min-width:0;display:flex}.op-switch__title{text-align:start;color:#fff;font-size:14px;font-weight:500}.op-switch__description{color:#6b6b6b;text-align:start;font-size:12px}.op-switch__track{background:#222;border:1px solid #282828;border-radius:9999px;flex-shrink:0;width:40px;height:22px;transition:background-color .15s,border-color .15s;position:relative}.op-switch__thumb{background:#6b6b6b;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.op-switch--on .op-switch__track{background:#6366f1;border-color:#6366f1}.op-switch--on .op-switch__thumb{background:#fff;transform:translate(18px)}.op-summary{flex-direction:column;gap:8px;display:flex}.op-summary__row{justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;display:flex}.op-summary__row dt{color:#a0a0a0}.op-summary__row dd{color:#fff;text-align:right;word-break:break-word;margin:0;font-weight:500}.op-summary__row--total{border-top:1px solid #282828;padding-top:8px}.op-summary__row--total dd{font-size:18px;font-weight:700}.op-summary__muted{color:#6b6b6b;font-size:12px}.op-banner{color:#a0a0a0;background:#1a1a1a;border:1px solid #282828;border-radius:32px;align-items:center;gap:16px;padding:16px;font-size:14px;line-height:1.45;display:flex}.op-banner svg{flex-shrink:0;margin-top:2px}.op-banner strong{color:#fff;margin-bottom:2px;font-weight:600;display:block}.op-banner--warning{background:#f59e0b14;border-color:#f59e0b59}.op-banner--warning svg{color:#f59e0b}.op-banner--error{background:#ef444414;border-color:#ef444459}.op-banner--error svg{color:#ef4444}.op-banner--info svg{color:#3b82f6}.op-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:720px){.op-actions .button{flex:1}}