/* Service studio extends the workshop's Manrope, warm paper and coral identity. */
.studio{--muted:#62665d;color:var(--ink);font-size:14px;line-height:1.6;caret-color:var(--coral-dark)}
.studio ::selection{background:#f4d6c9;color:#292d28}.studio a{text-underline-offset:3px}
.studio :focus-visible{outline:2px solid var(--coral-dark);outline-offset:3px}
.studio [hidden]{display:none!important}.studio .btn{background:var(--coral-dark);color:white}.studio .btn:hover{background:#963823}.studio .btn.secondary{background:white;color:var(--ink);border:1px solid #cccfc5}.studio .btn.secondary:hover{background:#f1f0ea}.studio .btn.text{background:transparent;color:var(--ink)}
.studio .btn:disabled{opacity:.55;cursor:not-allowed}.studio button{transition:background .16s ease-out,color .16s ease-out}
.studio h1{font-size:28px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.studio h2{font-size:18px;line-height:1.4}.studio h3{font-size:15px;line-height:1.5}.studio p{max-width:72ch}.studio p,.studio h2,.studio h3{margin:0 0 12px}
.studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:20px 0}.studio-header p{margin:10px 0 0;color:var(--muted)}.studio-publish{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.studio-status{display:flex;gap:12px 28px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.studio-status strong{color:var(--ink);margin-left:6px;font-weight:600}
.studio-tabs{display:flex;gap:28px;border-bottom:1px solid #d9dbd2;margin-top:8px;overflow-x:auto}.studio-tabs a{color:var(--muted);text-decoration:none;padding:12px 0;border-bottom:2px solid transparent;white-space:nowrap}.studio-tabs a[aria-current]{color:var(--coral-dark);border-bottom-color:var(--coral-dark);font-weight:700}
.studio-unsaved{margin-left:8px;font-size:11px}.studio-live{color:var(--muted);font-size:12px;padding:14px 0;min-height:42px}.studio-error{background:#fff0e8;color:#843420;border:1px solid #e7b5a4;border-radius:8px;padding:14px;margin-bottom:16px;overflow-wrap:anywhere}.studio-danger{color:#963a26!important}
.studio-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);grid-template-areas:"conversation preview";border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.studio-conversation{grid-area:conversation;padding:24px;background:#f3f2ec;border-right:1px solid var(--line)}.studio-preview{grid-area:preview;padding:24px;min-width:0}.studio-preview>header{margin-bottom:24px}.studio-preview>header span,.studio-muted{color:var(--muted);font-size:12px}
.studio-history{max-height:440px;overflow-y:auto;scrollbar-color:#b4b7a9 transparent;margin:24px 0;scrollbar-width:thin}.studio-history article{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #dcdfd4}.studio-history article>div{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.studio-history time{color:var(--muted);font-size:11px}.studio-history p{margin:8px 0 0;white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}
.studio-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.studio-field>span{font-size:12px;font-weight:650}.studio-field input:not([type=checkbox]),.studio-field select,.studio-field textarea{width:100%;border:1px solid #c8cdc0;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:var(--ink);min-width:0}.studio-field textarea{resize:vertical;line-height:1.6}.studio input::placeholder,.studio textarea::placeholder{color:#717368}.studio-field small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.studio-link{color:var(--coral-dark);font-size:13px;display:inline-flex;align-items:center;gap:6px;padding:10px 0;text-align:left}.studio-link:hover{text-decoration:underline;text-underline-offset:3px}.studio-link svg{width:16px;height:16px}
.studio-empty{padding:28px 0;color:var(--muted);border-top:1px dashed #d9dbd2;margin-top:24px}.studio-empty h3{color:var(--ink)}.studio-empty p{font-size:13px}.studio-result{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.studio-result-heading{display:flex;justify-content:space-between;gap:16px}.studio-result-heading>span{font-variant-numeric:tabular-nums;color:var(--muted)}
.studio-output{min-width:0;margin:20px 0}.studio-output>div{min-width:0}.studio-output.with-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.studio-output .file-download{overflow-wrap:anywhere;font-size:12px}.studio-text-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:#f6f6f0;padding:14px;border-radius:8px;font-size:12px}.studio-review{padding-top:24px;border-top:1px solid var(--line)}
.studio-rating{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:13px}.studio-rating input{margin-top:4px;flex-shrink:0;accent-color:var(--coral-dark);width:16px;height:16px}.studio-rating small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.studio-quality,.studio-compile{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:36px}.studio-quality>section,.studio-compile>section{min-width:0}.studio-checks,.studio-compile-result{border-left:1px solid var(--line);padding-left:28px;min-width:0}.studio-checks>p,.studio-compile-result>p{font-size:13px;color:var(--muted)}
.studio-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 20px}.studio-section-head p{color:var(--muted);font-size:13px}.studio-section-head:not(:first-child){margin-top:36px}.studio-section-head .btn{flex-shrink:0}
.studio-criterion{padding:20px 0;border-top:1px solid var(--line)}.studio-criterion-options{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) auto;gap:12px;align-items:end}.studio-criterion-options .studio-field{margin:0}.studio-criterion-options select{font-size:12px;padding:10px 8px}.studio-example{padding:16px 0;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between}.studio-example p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-example>div:last-child{flex-shrink:0}.studio-example-editor{padding:24px 0;border-block:1px solid var(--line);margin:16px 0}
.studio-savebar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;margin:20px 0;border-top:1px solid var(--line)}.studio-savebar>span{font-size:12px;color:var(--muted)}
.studio-check-summary{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.studio-check-summary article{padding:16px 0;border-top:1px solid var(--line)}.studio-check-summary article strong{font-size:13px}.studio-check-summary p{font-size:12px;margin-top:8px;overflow-wrap:anywhere}.studio-check-summary details{margin:16px 0}.studio-check-summary ol{padding-left:22px;font-size:12px}.studio-check-summary>.btn{margin:12px 0}.studio-test-results{list-style:none;padding:0}.studio-test-results li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}
.studio-modes{border:0;padding:0;margin:24px 0}.studio-modes>label{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.studio-modes input{margin-top:5px;accent-color:var(--coral-dark);width:16px;height:16px;flex-shrink:0}.studio-modes strong{display:block;font-size:14px;margin-bottom:5px}.studio-modes small{display:block;color:var(--muted);font-size:12px}.studio-stage-policy>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.studio-stage-policy strong{flex:1}.studio-stage-policy label{display:flex;gap:6px;align-items:center}.studio-stage-policy input{accent-color:var(--coral-dark)}
.studio-budget{margin:24px 0;font-size:12px}.studio-budget>label{margin-top:14px}.studio-compile-result table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px;margin:24px 0}.studio-compile-result caption{text-align:left;margin-bottom:10px;color:var(--muted)}.studio-compile-result td,.studio-compile-result th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.studio-compile-result th{font-weight:600}.studio-human-gate{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.studio-human-gate .btn{margin:6px 6px 0 0}.studio-human-gate p{font-size:13px;margin:12px 0}
.studio-device{margin-top:40px;border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:var(--muted)}.studio-device p{margin:16px 0}.studio-device .btn{margin-right:10px}.studio-device pre{white-space:pre-wrap;max-height:450px;overflow:auto;color:var(--ink);font-size:11px}.studio details>summary{cursor:pointer}.studio-skeleton{max-width:100%;color:#62665d}.studio-skeleton>div{height:150px;background:#eeede6;border-radius:12px;margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.studio-header{flex-direction:column}.studio-publish{justify-content:flex-start}.studio-workspace{grid-template-columns:minmax(240px,.85fr) minmax(0,1.25fr)}.studio-conversation,.studio-preview{padding:18px}.studio-quality,.studio-compile{grid-template-columns:minmax(0,1fr)}.studio-checks,.studio-compile-result{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.studio-check-summary{max-width:75ch}}
@media(max-width:720px){.studio h1{font-size:23px}.studio-workspace{display:flex;flex-direction:column}.studio-conversation{border-right:0;border-top:1px solid var(--line)}.studio-history{max-height:250px}.studio-status{gap:8px 16px}.studio-tabs{gap:24px}.studio-section-head{flex-direction:column;gap:4px}.studio-criterion-options{grid-template-columns:minmax(0,1fr)}.studio-criterion-options>.btn{justify-self:start}.studio-example{flex-direction:column;gap:4px}.studio-savebar{flex-wrap:wrap}.studio-output.with-comparison{grid-template-columns:minmax(0,1fr)}.studio-stage-policy>div strong{flex-basis:100%}.studio-publish .btn{font-size:12px}.studio-compile-result table{font-size:11px}.studio-compile-result td,.studio-compile-result th{padding:10px 4px}}