.oib-form{gap:var(--s-3);grid-template-columns:minmax(0,1fr);display:grid}.oib-field{flex-direction:column;gap:6px;min-width:0;display:flex}.oib-label{font-family:var(--font-text);font-size:var(--t-label);color:var(--ink);font-weight:600}.oib-field input{width:100%;min-height:var(--tap);border:1px solid var(--border-mid);border-radius:var(--r);background:var(--bg);font-family:var(--font-mono);color:var(--ink);transition:border-color .18s var(--ease);padding:11px 14px;font-size:1rem}.oib-field input:hover,.oib-field input:focus-visible{border-color:var(--ink)}.oib-field input::placeholder{color:var(--ink-light)}.oib-submit:disabled{opacity:.4;cursor:not-allowed}.oib-submit:disabled:hover{background:var(--action-bg)}.oib-error{margin-top:var(--s-3);border-radius:var(--r);background:var(--danger-light);color:var(--ink);font-size:var(--t-sm);padding:8px 12px;line-height:1.5}.oib-output{margin-top:var(--s-5);padding:var(--s-6);border-radius:var(--r-panel);background:var(--bg-alt)}.oib-output-label{font-family:var(--font-text);font-size:var(--t-label);letter-spacing:var(--track-label);color:var(--ink-light);margin-bottom:10px;font-weight:600}.oib-output-box{align-items:center;gap:var(--s-3);display:flex}.oib-output-box code{min-width:0;font-family:var(--font-mono);color:var(--ink);word-break:break-all;flex:1;font-size:1rem;line-height:1.55}.oib-copy{min-height:var(--tap);border:1px solid var(--border-mid);background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--t-label);cursor:pointer;transition:border-color .15s var(--ease);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.oib-copy:hover{border-color:var(--ink)}.oib-note{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-mid);line-height:1.6}.oib-how,.oib-limits{margin-top:var(--s-8)}.oib-how h2,.oib-limits h2{margin-bottom:var(--s-5);font:500 var(--t-h3)/1.25 var(--font-display)}.oib-how-list{margin:0}.oib-how-row{padding-block:var(--s-4);border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.oib-how-row:last-child{border-bottom:1px solid var(--border)}.oib-how-row dt{color:var(--ink);font-weight:600}.oib-how-row dd{max-width:var(--measure);color:var(--ink-mid);margin:0;line-height:1.65}.oib-limits ul{margin:0;padding:0;list-style:none}.oib-limits li{max-width:var(--measure);color:var(--ink-mid);padding:0 0 12px 28px;font-size:.95rem;line-height:1.65;position:relative}.oib-limits li:before{content:"";background:var(--border-mid);width:12px;height:1.5px;position:absolute;top:12px;left:4px}@media (width>=721px){.oib-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.oib-how-row{gap:var(--s-5);grid-template-columns:minmax(0,13rem) minmax(0,1fr)}}@media (width<=720px){.oib-output{padding:var(--s-5)}.oib-output-box{flex-direction:column;align-items:stretch}.oib-submit{width:100%}}