.studio-services{margin-top:28px;padding:26px;border:1px solid var(--studio-line,#323b48);border-radius:13px;background:linear-gradient(130deg,#25324144,transparent 60%),var(--studio-panel,#171d25);color:var(--studio-text,#f1f3f5);min-width:0}
.studio-services *,.services-dialog *{box-sizing:border-box}
.services-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:21px}
.services-eyebrow{display:block;font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--studio-muted,#9ca7b6);margin-bottom:7px}
.services-heading h2{font:500 25px/1.25 Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:0 0 9px}
.services-heading p{color:var(--studio-muted,#9ca7b6);font-size:12px;line-height:1.8;margin:0}
.services-optional-label{display:inline-block;flex:none;border:1px solid #58677a;border-radius:20px;padding:5px 9px;font-size:9px;color:#c3cddb;line-height:1.4}
.services-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.services-card{display:flex;flex-direction:column;padding:20px;min-width:0;border:1px solid #3b485b;border-radius:11px;background:#111a25aa}
.services-card-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #586a80;border-radius:9px;background:linear-gradient(135deg,#334256,#1b2634);color:#ced8e5;margin-bottom:16px}
.services-card-icon svg{width:21px;height:21px}
.services-card h3{font:500 20px/1.3 Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:anywhere}
.services-card p{font-size:12px;line-height:1.8;margin:0 0 12px;color:#bdc9d9}
.services-card small{display:block;font-size:10px;line-height:1.8;color:var(--studio-muted,#9ca7b6);margin-bottom:18px}
.services-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #334154;padding-top:14px;margin-top:auto}
.services-card footer>span{font-size:10px;color:#acbacd}
.services-card .chat-button{min-height:41px;font-size:11px}
.studio-services .chat-button:disabled{cursor:default;opacity:.5}
.services-billing-note{font-size:10px;line-height:1.8;color:var(--studio-muted,#9ca7b6);margin:17px 1px 0}
.services-requests{margin-top:26px;padding-top:22px;border-top:1px solid #3b485b}
.services-requests>h3{font:500 21px/1.3 Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.025em;margin:0 0 16px}
.services-request{padding:20px;border:1px solid #435168;border-radius:10px;background:#121d2b88;margin-top:12px;min-width:0}
.services-request>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.services-request h4{font:500 17px/1.4 Bahnschrift,"Segoe UI",sans-serif;margin:0;letter-spacing:-.015em;overflow-wrap:anywhere}
.services-request .services-eyebrow{font-size:8px;margin-bottom:4px}
.services-status{font-size:9px;line-height:1.5;color:#c9d4e2;border:1px solid #63758d;border-radius:20px;padding:5px 8px;flex:none}
.services-status-accepted{border-color:#718b80;color:#c7d8cc}
.services-status-declined{border-color:#6d6572;color:#bbb0c1}
.services-request-note{font-size:11px;line-height:1.8;color:#c0ccdd;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}
.services-muted{font-size:11px;line-height:1.8;color:var(--studio-muted,#9ca7b6);margin:10px 0}
.services-quote{padding:15px 17px;background:#1b293c;border:1px solid #536782;border-radius:8px;margin:14px 0}
.services-quote>div{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.services-quote div>span{font-size:10px;line-height:1.5;color:#a9bdd8}
.services-quote strong{font:500 23px/1.3 Bahnschrift,"Segoe UI",sans-serif;color:#e1e8f2;overflow-wrap:anywhere}
.services-quote p{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0 0;color:#c0ccdd}
.services-decision-buttons{display:flex;align-items:center;gap:9px;margin-top:15px;flex-wrap:wrap}
.services-decision-buttons .chat-button{min-height:42px}
.services-accept-help,.services-decision-note{font-size:10px;line-height:1.8;color:#b1bfd3;margin:11px 0 0}
.services-decision-note{color:#c8d4e3}
.services-quote-editor{margin-top:16px;padding-top:13px;border-top:1px solid #3b4d65}
.services-quote-editor>summary{font-size:11px;color:#d0dbea;cursor:pointer;min-height:30px;padding:5px 0;line-height:1.6}
.services-quote-editor>p{color:var(--studio-muted,#9ca7b6);font-size:10px;line-height:1.8;margin:9px 0 16px}
.services-quote-editor form{max-width:650px}
.services-price-fields{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:14px}
.services-quote-editor .form-field,.services-dialog .form-field{font-size:11px}
.services-quote-editor .form-field small{font-size:9px;line-height:1.7;color:var(--studio-muted,#9ca7b6)}
.services-quote-editor :is(input,textarea),.services-dialog textarea{font-size:12px;min-height:41px}
.services-quote-editor input[name=currency]{text-transform:uppercase}
.services-quote-editor textarea,.services-dialog textarea{min-height:88px;resize:vertical}
.services-quote-editor .chat-button{min-height:42px;margin-top:7px}
.services-preview-note{font-size:11px;line-height:1.8;color:#b4c5dc;border:1px solid #576c88;border-radius:8px;background:#25354b55;padding:10px 13px;margin:0 0 16px}
.services-load-error h2{font:500 22px/1.3 Bahnschrift,"Segoe UI",sans-serif;margin:0 0 10px}
.services-load-error>p{font-size:12px;line-height:1.8;color:var(--studio-muted,#9ca7b6);margin:0 0 16px}
.services-dialog{padding:24px;color:var(--studio-text,#f1f3f5)}
.services-dialog>p:first-of-type{font-size:12px;line-height:1.8;color:#bdc9d9;margin:0 0 20px}
.services-dialog .chat-button{min-height:43px}
.studio-services :is(button,input,textarea,summary):focus-visible,.services-dialog :is(button,textarea):focus-visible{outline:2px solid var(--studio-silver,#c3c9d2);outline-offset:4px}
@media(max-width:760px){.studio-services{padding:20px 17px;margin-top:22px}.services-heading{gap:13px}.services-heading h2{font-size:23px}.services-heading p{font-size:11px}.services-catalog{grid-template-columns:minmax(0,1fr);gap:12px}.services-card{padding:18px}.services-card h3{font-size:20px}.services-card p{font-size:11px}.services-card .chat-button,.services-decision-buttons .chat-button{min-height:44px}.services-request{padding:17px}.services-request>header{gap:9px;flex-wrap:wrap}.services-status{font-size:8px}.services-price-fields{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.services-dialog{padding:21px}.services-optional-label{font-size:8px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.studio-services *,.services-dialog *{transition:none!important;scroll-behavior:auto!important}}
