.field,body{flex-direction:column}footer,label{color:#64748b}:root{--primary:#0E2544;--success:#166534;--danger:#991b1b;--bg-body:#f8fafc}*{box-sizing:border-box}body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg-body);margin:0;padding:80px 15px 15px;display:flex;align-items:center}.lang-switcher{position:fixed;top:15px;right:15px;background:#fff;padding:5px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:5px;z-index:1000;border:1px solid #e2e8f0}.lang-switcher a{text-decoration:none;font-size:.75rem;font-weight:800;color:#64748b;padding:6px 12px;border-radius:20px;transition:.2s}.lang-switcher a.active{background:var(--primary);color:#fff}.container{max-width:900px;width:100%;background:#fff;padding:clamp(20px,5vw,40px);border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.header-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-bottom:2px solid #f1f5f9;padding-bottom:20px;margin-bottom:25px}.ratio-hero{font-size:clamp(2.5rem, 8vw, 3.5rem);font-weight:900;line-height:1;text-align:right}.preview-area{padding:60px 20px;border-radius:12px;margin-bottom:30px;text-align:center;border:1px solid #e2e8f0;min-height:150px;display:flex;align-items:center;justify-content:center;font-weight:500}.status-pill,label{font-weight:800;font-size:.7rem}.controls-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.btn-suggest,.field{display:flex;gap:8px}@media (min-width:768px){.controls-row{grid-template-columns:1fr 1fr 2fr}}label{text-transform:uppercase}.color-wrapper{height:50px;border:1px solid #cbd5e1;border-radius:10px;position:relative;overflow:hidden}input[type=color]{position:absolute;top:-10%;left:-10%;width:120%;height:120%;cursor:pointer;border:none}input[type=range]{width:100%;height:50px;cursor:pointer}#suggestionBox{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.btn-suggest{padding:20px;cursor:pointer;border-radius:15px;border:2px dashed #cbd5e1;flex-direction:column;align-items:center;transition:.2s}.btn-suggest strong{font-size:1.4rem;font-family:monospace}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:550px}td,th{padding:15px;text-align:left;border-bottom:1px solid #f1f5f9}.status-pill{padding:5px 10px;border-radius:6px;display:inline-block}.pass{background:#dcfce7;color:var(--success)}.fail{background:#fee2e2;color:var(--danger)}.highlight{background:#f0f7ff;border-left:5px solid var(--primary)}.ads-placeholder{margin:20px 0;text-align:center;min-height:90px;background:#fafafa;border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.8rem}footer{margin-top:40px;padding:30px;text-align:center;font-size:.9rem;max-width:750px;line-height:1.7}