.utility-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.utility-output{margin-top:18px;padding:20px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:12px;min-height:90px}.utility-output h3{margin:16px 0 7px}.utility-output h3:first-child{margin-top:0}.utility-output table{width:100%;border-collapse:collapse;background:#fff}.utility-output th,.utility-output td{border:1px solid #dbe3ef;padding:9px;text-align:left;font-size:.85rem}.utility-output th{background:#eef2ff;color:#3730a3}.dynamic-list{display:grid;gap:9px}.dynamic-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:center}.dynamic-row input,.dynamic-row select{min-width:0;width:100%;padding:10px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.result-hero{padding:22px;text-align:center;background:linear-gradient(135deg,#eef2ff,#ecfeff);border:1px solid #c7d2fe;border-radius:12px}.result-hero strong{display:block;font-size:2rem;color:#4338ca}.seat-grid{display:grid;gap:10px;margin-top:18px}.seat{padding:16px 8px;text-align:center;background:#fff;border:2px solid #c7d2fe;border-radius:10px;font-weight:700}.certificate-preview{position:relative;padding:58px 40px;text-align:center;background:#fff;border:12px double #4f46e5;min-height:420px}.certificate-preview h2{font-family:Georgia,serif;font-size:2.2rem;color:#312e81}.certificate-preview .cert-name{font-family:Georgia,serif;font-size:2rem;border-bottom:1px solid #64748b;display:inline-block;padding:10px 35px;margin:25px}.flashcard{min-height:260px;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#312e81,#7c3aed);border-radius:16px;color:#fff;text-align:center;cursor:pointer;perspective:800px}.flashcard strong{font-size:1.5rem}.code-output{font-family:Consolas,monospace;white-space:pre-wrap;word-break:break-word}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}.mini-stat{padding:15px;text-align:center;background:#fff;border:1px solid #dbe3ef;border-radius:9px}.mini-stat strong{display:block;font-size:1.35rem;color:#4f46e5}@media(max-width:650px){.dynamic-row{grid-template-columns:1fr}.certificate-preview{padding:35px 18px}.certificate-preview h2{font-size:1.6rem}}@media print{body:has(.print-target) *{visibility:hidden!important}body:has(.print-target) .print-target,body:has(.print-target) .print-target *{visibility:visible!important}body:has(.print-target) .print-target{position:absolute;inset:0;width:100%;border:0!important}}