.service-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.service-metrics>div{background:#eaf0df;border:1px solid #d4dfc8;border-radius:12px;padding:14px}.service-metrics span,.service-metrics strong{display:block}.service-metrics span{font-size:11px;color:#6d806a;margin-bottom:9px}.service-metrics strong{font-size:21px}.service-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-offers button{display:flex;flex-direction:column;text-align:left;gap:10px;padding:16px;background:#f8f8ee;border-radius:14px}.service-offers .selected{border:2px solid #5c7e5c;background:#e9efdc}.service-offers span{font-size:12px;line-height:1.8}.service-offers strong{color:#a06c48}.service-offers small{color:#557650}.service-jobs article{padding:16px;border:1px solid #d5dfca;border-radius:12px;margin:10px 0;background:#fafbf1}.service-jobs article>div{display:flex;justify-content:space-between;gap:10px}.service-jobs span,.service-jobs small{font-size:12px;color:#6a7e67;line-height:1.8}.service-jobs progress{width:100%;height:12px;margin:12px 0;accent-color:#769665}.studio-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.studio-controls button{flex:1;min-height:44px;white-space:nowrap;background:#fffdf2;border-radius:10px}.studio-maker{transform-box:fill-box;transform-origin:center;animation:studioWorking 2s ease-in-out infinite}.studio-maker.tired{animation-duration:5s}dialog:has(.service-offers){width:min(900px,94vw)}@keyframes studioWorking{50%{translate:1px -2px;rotate:2deg}}@media(max-width:720px){.service-offers{grid-template-columns:1fr}.service-metrics{gap:5px}.service-metrics>div{padding:10px 7px}.service-metrics strong{font-size:16px}.service-jobs article>div{flex-direction:column}.studio-controls{display:grid;grid-template-columns:repeat(2,1fr)}.studio-controls button{font-size:11px}}@media(prefers-reduced-motion:reduce){.studio-maker{animation:none!important}}

.service-offer{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #d5dfca;border-radius:14px;background:#f8f8ee}.service-offer.selected{border:2px solid #5c7e5c;background:#e9efdc}.service-offer p{margin:0;font-size:12px;line-height:1.8}.service-offer>span,.service-offer>small{font-size:12px;line-height:1.8}.service-offer>strong{color:#a06c48}.service-offer .field{font-size:11px;margin:0}.service-offer select{width:100%;margin-top:6px;padding:9px;font-size:12px}.service-offers .service-offer button{display:block;margin-top:auto;min-height:44px;font-size:12px;padding:10px}.service-specialist{color:#98603f;font-size:12px;line-height:1.8}.service-jobs [data-service-support]{margin-top:10px;min-height:44px;background:#edf1e1}