:root{height:100vh;width:100vw}body{margin:0}.container{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.editor-section{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.yaml-editor{width:100%;height:50vh;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;resize:vertical}.shape-input{width:100%;padding-top:.75rem;padding-bottom:.75rem;border:1px solid #ddd;border-radius:4px;font-family:monospace}.button-group{display:flex;gap:1rem}.primary-button{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.primary-button:hover{background:#0056b3}.results-section{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blocks-display,.forward-results{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #ddd}h2{margin:0;color:#333}.block-item{padding:.75rem;background:#f8f9fa;border-radius:4px;margin-top:.5rem}.block-id{font-weight:600;color:#0056b3}.result-item{padding:.75rem;border-bottom:1px solid #eee}.result-item:last-child{border-bottom:none}.shape-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.shape{padding:.25rem .5rem;background:#e9ecef;border-radius:4px;font-family:monospace}.arrow{color:#6c757d}.block-name{color:#0056b3;font-weight:600}.error{background:#dc3545;color:#fff}