.vision-section{padding:8px 0 56px}.vision-tool{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=900px){.vision-tool{grid-template-columns:minmax(0,1fr);gap:20px}}.vision-stage{justify-items:center;gap:8px;min-width:0;display:grid}.vision-frame{border-radius:var(--radius-lg);max-width:100%;box-shadow:var(--shadow-lg);touch-action:pan-y;cursor:ew-resize;user-select:none;background:#0e1a18;position:relative;overflow:hidden}.vision-frame canvas{width:100%;height:100%;display:block}.vision-tag{color:#fff;pointer-events:none;backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:700;position:absolute;top:12px}.vision-tag-l{left:12px}.vision-tag-r{right:12px}.vision-split{cursor:ew-resize;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:44px;margin:0;position:absolute;top:calc(50% - 22px);left:0;right:0}.vision-split::-webkit-slider-runnable-track{background:0 0;height:44px}.vision-split::-moz-range-track{background:0 0;height:44px}.vision-split::-webkit-slider-thumb{-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312302b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6 3 12l6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") 50%/22px no-repeat;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 10px #00000059}.vision-split::-moz-range-thumb{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312302b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6 3 12l6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") 50%/22px no-repeat;border:0;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 10px #00000059}.vision-split:focus-visible{outline:none}.vision-split:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus);outline-offset:2px}.vision-split:focus-visible::-moz-range-thumb{outline:3px solid var(--focus);outline-offset:2px}.vision-credit{min-height:1.2em;color:var(--ink-soft);margin:0;font-size:.8rem}.vision-error{background:var(--no-soft);color:var(--no);border-radius:12px;justify-self:stretch;margin:0;padding:10px 14px;font-size:.92rem;font-weight:600}.vision-error[hidden]{display:none}.vision-controls{gap:18px;display:grid}.vision-controls [hidden]{display:none!important}.vision-controls .seg{margin:0}.vision-controls .seg span{padding:10px 22px;font-size:1.05rem}.vision-source,.vision-actions{flex-wrap:wrap;gap:10px;display:flex}.vision-source .btn,.vision-actions .btn{flex:auto;justify-content:center}.tool .vision-source .btn,.tool .vision-actions .btn{width:auto;margin:0;padding:12px 20px;font-size:1rem}.tool .vision-source .btn-ghost,.tool .vision-actions .btn-ghost{color:var(--ink);border:1.5px solid var(--line);box-shadow:none;background:0 0}.tool .vision-source .btn-ghost:hover,.tool .vision-actions .btn-ghost:hover{border-color:var(--accent);background:var(--surface)}.tool .vision-upload{cursor:pointer;align-items:center;margin:0;font-weight:700;display:inline-flex}.vision-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.vision-upload:focus-within{outline:3px solid var(--focus);outline-offset:2px}.vision-samples{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.vision-samples>span{flex-basis:100%}.tool .vision-sample{border:1.5px solid var(--line);background:var(--bg-tint);width:auto;color:var(--ink);box-shadow:none;border-radius:12px;align-items:center;gap:8px;margin:0;padding:4px 12px 4px 4px;font-size:.88rem;font-weight:600;display:inline-flex}.tool .vision-sample:hover{border-color:var(--accent);background:var(--mint-soft);transform:none}.tool .vision-sample[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.vision-sample img{object-fit:cover;border-radius:8px;width:56px;height:38px}.vision-toggles{flex-wrap:wrap;gap:8px;display:flex}.tool .vision-chip{cursor:pointer;margin:0;display:inline-flex}.tool .vision-chip input{opacity:0;width:1px;height:1px;position:absolute}.vision-chip span{border:1.5px solid var(--line);background:var(--bg-tint);border-radius:999px;padding:8px 16px;font-size:.92rem;font-weight:700;transition:all .15s}.vision-chip span:before{content:"○ "}.vision-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.vision-chip input:checked+span:before{content:"✓ "}.vision-chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.vision-note{color:var(--ink-soft);margin:0;font-size:.86rem;line-height:1.55}