.suite-app{margin:2rem 0 3rem;background:#fff;border:1px solid #dbe4ef;border-radius:24px;box-shadow:0 22px 55px rgba(12,23,39,.09);overflow:hidden;color:#152033}.suite-head{padding:1.4rem 1.6rem;background:linear-gradient(135deg,#0c1727,#152c43);color:#fff;display:flex;gap:1rem;align-items:center;justify-content:space-between}.suite-head h2{margin:.15rem 0;font-size:1.3rem}.suite-head p{margin:0;color:#b8cadc}.suite-actions{display:flex;gap:.55rem;flex-wrap:wrap}.suite-app button,.suite-button{border:0;border-radius:11px;padding:.75rem 1rem;font-weight:750;cursor:pointer;background:var(--accent,#9eef19);color:#102018}.suite-app button.secondary{background:#edf2f7;color:#26384d}.suite-body{padding:1.5rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.3rem}.suite-panel{border:1px solid #dfe7f0;border-radius:17px;padding:1.2rem;background:#fbfdff}.suite-panel h3{margin:0 0 1rem}.suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.suite-field{display:flex;flex-direction:column;gap:.4rem}.suite-field.wide{grid-column:1/-1}.suite-field span{font-size:.84rem;font-weight:750;color:#42546a}.suite-app input,.suite-app select,.suite-app textarea{width:100%;box-sizing:border-box;border:1px solid #cbd7e5;border-radius:11px;padding:.78rem .85rem;background:#fff;color:#152033;font:inherit}.suite-app textarea{min-height:150px;resize:vertical}.suite-app input[type=color]{min-height:48px;padding:.3rem}.suite-result{background:#0c1727;color:white;border-radius:17px;padding:1.35rem;min-height:150px}.suite-result h3{color:#a8f52b;margin:0 0 .8rem}.suite-result strong.big{font-size:2.25rem;display:block;line-height:1.15;margin:.5rem 0}.suite-result p,.suite-result li{color:#d7e2ec}.suite-result table{width:100%;border-collapse:collapse}.suite-result th,.suite-result td{padding:.55rem;border-bottom:1px solid #334457;text-align:left}.suite-note{margin-top:1rem;padding:1rem;border-radius:12px;background:#fff5d8;border:1px solid #f0d37d;color:#674d00}.suite-danger{background:#fff0f0;border-color:#f1a9a9;color:#7d1616}.suite-repeat{display:grid;gap:.65rem}.suite-row{display:grid;grid-template-columns:1fr 110px 42px;gap:.5rem;align-items:center}.suite-row button{padding:.7rem;background:#edf2f7;color:#34485e}.suite-preview{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:1rem;overflow:auto}.suite-canvas{max-width:100%;height:auto;border-radius:10px;background:repeating-conic-gradient(#eef2f6 0 25%,#fff 0 50%) 0/18px 18px}.suite-drop{border:2px dashed #b8c7d8;border-radius:14px;padding:2rem;text-align:center;background:#f7fafc}.suite-drop.drag{border-color:#7fc715;background:#f4ffe6}.suite-list{display:grid;gap:.55rem;margin-top:1rem}.suite-file{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem;border:1px solid #dfe7f0;border-radius:10px}.suite-meter{height:12px;background:#dce5ed;border-radius:99px;overflow:hidden}.suite-meter i{display:block;height:100%;background:linear-gradient(90deg,#ff645a,#f5c542,#87d928);width:0}.suite-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.suite-tabs button.active{background:#0c1727;color:#fff}.suite-table-wrap{overflow:auto}.suite-table{width:100%;border-collapse:collapse;min-width:620px}.suite-table th,.suite-table td{padding:.55rem;border:1px solid #dfe7f0}.suite-table input{min-width:80px}.suite-score{font-size:1.15rem;font-weight:800;color:#7fc715}.suite-loading{padding:3rem;text-align:center}.suite-copy{user-select:all;word-break:break-all}.suite-serp{font-family:Arial,sans-serif;max-width:650px}.suite-serp h3{font-size:20px;font-weight:400;color:#1a0dab;margin:.25rem 0}.suite-serp cite{color:#202124;font-style:normal;font-size:14px}.suite-serp p{color:#4d5156;margin:.25rem 0;font-size:14px;line-height:1.45}.suite-contrast-sample{padding:2rem;border-radius:12px;font-size:1.4rem;font-weight:800;text-align:center}.suite-schedule-cell{min-width:150px}.suite-schedule-cell textarea{min-height:70px}.suite-check{color:#9eef19}.suite-bad{color:#ff8e88}.suite-download{display:inline-block;text-decoration:none;margin-top:.75rem}.suite-app code,.suite-app pre{font-family:Consolas,monospace}.suite-app pre{white-space:pre-wrap;word-break:break-word;max-height:460px;overflow:auto;background:#08111e;color:#d9f7bd;padding:1rem;border-radius:12px}
.suite-app[data-suite="suiteGrade"] .suite-row{grid-template-columns:1fr 80px 100px 42px}
@media(max-width:780px){.suite-body{grid-template-columns:1fr;padding:1rem}.suite-grid{grid-template-columns:1fr}.suite-head{align-items:flex-start;flex-direction:column}.suite-row{grid-template-columns:1fr 90px 40px}.suite-app[data-suite="suiteGrade"] .suite-row{grid-template-columns:1fr 70px 76px 38px}}