.sb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--border-strong);border-radius:calc(var(--radius-xl) + 4px);background:var(--bg-surface);overflow:hidden;box-shadow:var(--shadow-md)}.sb__input{padding:22px;border-right:1px solid var(--border);display:grid;gap:14px;align-content:start}.sb__samples{display:flex;flex-wrap:wrap;gap:8px}.sb__sample{min-height:36px;padding:7px 13px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.sb__sample:hover{color:var(--text-primary);border-color:var(--border-strong)}.sb__sample[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.sb__sample:focus-visible,.sb__text:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb__meta{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}.sb__text{width:100%;min-height:180px;resize:vertical;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:14px;line-height:1.6;box-sizing:border-box}.sb__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sb__row .public-button{border:0;cursor:pointer;font:inherit;font-weight:600}.sb__note{font-size:12px;color:var(--text-tertiary);line-height:1.5}.sb__output{padding:22px;display:grid;align-content:start;gap:16px;min-height:360px;background:var(--bg-elevated)}.sb__empty{margin:auto;text-align:center;color:var(--text-tertiary);font-size:14px;max-width:260px;line-height:1.6}.sb__steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}.sb__steps li{display:flex;gap:10px;align-items:center;color:var(--text-tertiary);transition:color .2s ease}.sb__steps li.is-done{color:var(--text-primary)}.sb__steps li:before{content:"○";font-family:var(--font-mono);width:14px}.sb__steps li.is-done:before{content:"✓";color:var(--v-clear)}.sb__result{display:grid;gap:14px;animation:sbLand .4s cubic-bezier(.2,.8,.2,1)}.sb__label{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.sb__reasons{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.sb__next{margin:0;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font-size:14px;line-height:1.55}.sb__fine{font-size:12px;color:var(--text-tertiary);line-height:1.55}.sb__fine summary{cursor:pointer;color:var(--text-secondary)}.sb__fine p{margin:6px 0 0}.sb__timing{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}@keyframes sbLand{0%{opacity:0;transform:translateY(4px) scale(.96)}}@media(max-width:980px){.sb{grid-template-columns:1fr}.sb__input{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:720px){.sb__input,.sb__output{padding:18px}.sb__output{min-height:0}}@media(prefers-reduced-motion:reduce){.sb *,.sb *:before,.sb *:after{animation:none!important;transition:none!important}}.sb__more{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-decoration:none;transition:border-color .15s ease}.sb__more:hover{border-color:var(--text-secondary)}.sb__more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb__more .sb__label{margin:0}.sb__more-title{font-size:15px;font-weight:600;line-height:1.4}