
.panel{display:block!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94))!important;border:1px solid #e2eaf2!important;border-radius:22px!important;padding:28px 28px 24px!important;box-shadow:0 12px 28px rgba(148,163,184,.1)!important;position:relative!important;overflow:hidden!important}
.panel::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:5px!important;pointer-events:none!important;background:linear-gradient(90deg,#64b5f6 0%,#81c784 35%,#ffb74d 68%,#e57373 100%)!important}
.grid2d{display:grid;grid-template-columns:repeat(4,44px);gap:0;margin:12px 0}
.grid2d .cell{width:44px;height:36px;border:1px solid #90caf9;background:#e3f2fd;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:12px;color:#1565c0}
.grid2d .cell.r1{background:#fff3e0;border-color:#ffb74d;color:#e65100}
.grid2d .cell.r2{background:#e8f5e9;border-color:#81c784;color:#2e7d32}
.flat-row{display:flex;gap:0;margin:12px 0;flex-wrap:wrap}
.flat-row .cell{width:44px;height:36px;border:1px solid #90caf9;background:#e3f2fd;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:12px;color:#1565c0}
.flat-row .cell.r1{background:#fff3e0;border-color:#ffb74d;color:#e65100}
.flat-row .cell.r2{background:#e8f5e9;border-color:#81c784;color:#2e7d32}
.opt{background:#fff;border:2px solid #e2eaf2;border-radius:14px;padding:16px;margin:14px 0}
.opt h3{margin-top:0;font-size:15px;font-weight:800;color:#1565c0}

