:root {
  color-scheme: light;
  --bg: #f6f8fc;
  --panel: #fff;
  --ink: #0b2948;
  --muted: #66758a;
  --line: #dfe6f0;
  --soft: #f1f4f9;
  --primary: #3f43e8;
  --primary-dark: #2e32c6;
  --mint: #17a673;
  --danger: #c63f4f;
  --warning: #9a6500;
  --shadow: 0 10px 28px rgba(7, 40, 74, .07);
}

* { box-sizing: border-box; }
[hidden]{display:none!important}
body { margin: 0; overflow: hidden; background: var(--bg); color: var(--ink); font: 14px/1.5 "Liberation Sans", Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.studio-header { height: 68px; padding: 0 24px; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #dbe3ee; background: rgba(255,255,255,.97); position: relative; z-index: 20; box-shadow: 0 1px 3px rgba(7,40,74,.025); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; min-width: 220px; }
.brand-logo { display: block; width: 116px; height: 41px; object-fit: contain; }
.studio-name { padding-left: 11px; border-left: 1px solid #d7e0ea; color: #3f5369; font-size: 14px; font-weight: 650; letter-spacing: .01em; }
.project-name { display: flex; flex: 1; align-items: center; gap: 10px; max-width: 490px; }.project-name span { color: #8490a2; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }.project-name input { width: 100%; height: 36px; border: 1px solid transparent; border-left-color: var(--line); padding: 7px 12px; font-weight: 650; color: var(--ink); background: transparent; }.project-name input:hover { border-color: var(--line); border-radius: 7px; background:#f8fafc; }.project-name input:focus { outline: 2px solid rgba(63,67,232,.16); border-color:#b9c1f4; border-radius: 7px; background:#fff; }
.header-actions { display: flex; gap: 8px; margin-left: auto; }
.button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid transparent; padding: 8px 13px; text-decoration: none; cursor: pointer; font-weight: 600; transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease; }
.button:focus-visible { outline: 3px solid rgba(63,67,232,.2); outline-offset: 2px; }
.button--primary { background: var(--primary); color: #fff; box-shadow: 0 5px 14px rgba(63,67,232,.16); }.button--primary:hover { background: var(--primary-dark); box-shadow: 0 7px 18px rgba(63,67,232,.2); }
.button--quiet { background: var(--soft); color: #44506a; border-color: #e8ebf3; }.button--outline { color: var(--primary); border-color: #ccd4f5; background: #fff; }.button--wide { width: 100%; }

.studio-shell { max-width: 1760px; height: calc(100vh - 68px); min-height: 0; margin: 0 auto; display: grid; grid-template-columns: 236px minmax(0,1fr) 300px; }
.step-nav { padding: 28px 16px; border-right: 1px solid var(--line); background: #fff; position: relative; height: 100%; overflow: hidden; }
.nav-label { margin: 0 10px 12px; color: #7e8999; font-size: 12px; font-weight: 600; letter-spacing: .01em; text-transform: none; }
.step-link { position:relative; width: 100%; display: grid; grid-template-columns: 29px 1fr auto; gap: 10px; align-items: center; border: 0; border-radius: 8px; padding: 11px 10px; margin-bottom: 4px; background: transparent; color: #4f5f74; text-align: left; cursor: pointer; }
.step-link:hover { background: #f3f6fa; }.step-link.is-active { color: var(--primary); background: #eef0ff; }.step-link.is-active::before { content:""; position:absolute; top:10px; bottom:10px; left:0; width:3px; border-radius:0 3px 3px 0; background:var(--primary); }.step-link > span:nth-child(2),.step-link small { display: block; }.step-link small { color: #8290a3; font-size: 11px; font-weight: 500; }.step-index { width: 27px; height: 27px; border: 1px solid #d5deea; border-radius: 7px; display: grid; place-items: center; background: #fff; font-size: 12px; font-weight: 800; }.step-link.is-active .step-index { color: #fff; border-color: var(--primary); background: var(--primary); }.step-link b { min-width: 23px; padding: 2px 6px; border-radius: 999px; background: #fff; color: #758097; font-size: 11px; text-align: center; }
.step-link.is-locked { color:#97a3b1; cursor:not-allowed; }.step-link.is-locked:hover { background:transparent; }.step-link.is-locked .step-index { background:#f3f5f7; color:#97a3b1; }
.studio-meta { position: absolute; right: 26px; bottom: 23px; left: 26px; }
.autosave-state { color: var(--muted); font-size: 11px; }.autosave-state span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); margin-right: 6px; }
.version-list { display: grid; gap: 3px; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #e7edf3; color: #758399; font-size: 10px; }
.version-list div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.version-list dt,.version-list dd { margin: 0; }
.version-list dt { font-weight: 600; letter-spacing: .01em; }
.version-list dd { color: #53657a; font-variant-numeric: tabular-nums; }

.studio-main { min-width: 0; height: 100%; padding: 28px 32px 26px; overflow: auto; }.step-panel { display: none; }.step-panel.is-active { min-height:100%; animation: enter .18s ease-out; }.step-panel.is-active { display:flex; flex-direction:column; }@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; flex:0 0 auto; gap: 30px; margin-bottom: 20px; }.section-heading h1 { margin: 2px 0 5px; font-size: clamp(23px,2vw,28px); font-weight:600; line-height: 1.2; letter-spacing: -.015em; }.section-heading p { margin: 0; color: var(--muted); }.eyebrow { color: var(--primary)!important; font-size: 11px; font-weight: 600; text-transform: none; letter-spacing: .01em; }
.editor-layout { display: grid; grid-template-columns: minmax(260px,.78fr) minmax(440px,1.55fr); flex:0 0 auto; height:clamp(410px,calc(100vh - 245px),510px); min-height:0; gap:16px; align-items:stretch; overflow:hidden; }.entity-column{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:9px}.entity-list { display: grid; flex:0 1 auto; align-content:start; gap: 8px; max-height:calc(100% - 47px); padding:1px 4px 4px 1px; overflow:auto; scrollbar-color:#c8d1df transparent; }.button--add{width:100%;flex:0 0 auto;gap:7px;border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 5px rgba(44,62,160,.18)}.button--add:hover{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff;box-shadow:0 3px 7px rgba(44,62,160,.22)}.button--add span{font-size:18px;font-weight:400;line-height:1}.empty-card { padding: 28px 20px; border: 1px dashed #c9d3e1; border-radius: 6px; color: var(--muted); text-align: center; background: rgba(255,255,255,.7); }
.entity-card { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); cursor: pointer; box-shadow:none; }.entity-card:hover { border-color: #b4c0d0; }.entity-card.is-selected { border-color: #777fe5; box-shadow: 0 0 0 2px rgba(63,67,232,.07); }.entity-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 5px; background: #eceeff; color: var(--primary); font-weight: 600; }.entity-avatar--module { color: #0d815c; background: #e4f8f0; }.entity-card strong,.entity-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.entity-card strong{font-weight:600}.entity-card small { color: var(--muted); font-size: 11px; }.entity-menu { display: flex; gap: 4px; }.icon-button { width: 28px; height: 28px; border: 0; border-radius: 4px; background: transparent; color: #8590a5; cursor: pointer; }.icon-button:hover { color: var(--danger); background: #fff0f1; }
.yaml-editor-card,.canvas-card,.history-card,.component-library { border: 1px solid #d9e2ee; border-radius: 7px; background: var(--panel); overflow: hidden; box-shadow: 0 4px 14px rgba(7,40,74,.04); }.yaml-editor-card { display:grid; grid-template-rows:48px minmax(0,1fr) auto; min-height:0; }.editor-heading,.card-title { min-height: 48px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }.editor-heading strong,.card-title h2{font-weight:600}.editor-heading > div { display: flex; align-items: center; gap: 8px; }.editor-heading > span { color: var(--muted); font-size: 11px; font-weight: 600; text-transform: none; letter-spacing: 0; }.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--primary); box-shadow:none; }.status-dot--mint { background: var(--mint); box-shadow:none; }
.code-editor{display:grid;grid-template-columns:48px minmax(0,1fr);min-height:0;overflow:hidden;background:#0d192b}.line-numbers{padding:19px 11px 42px 0;overflow:hidden;border-right:1px solid #1b2a40;background:#0a1626;color:#52627a;font:12px/21.45px "SFMono-Regular",Consolas,"Liberation Mono",monospace;text-align:right;white-space:pre;user-select:none}.yaml-editor-card textarea { width: 100%; height:100%; min-height:0; display: block; resize: none; border: 0; padding: 19px 18px 42px; overflow:auto; background: #0d192b; color: #dce7f5; caret-color: #7e86ff; font: 13px/21.45px "SFMono-Regular",Consolas,"Liberation Mono",monospace; tab-size: 2; scrollbar-color: #415069 #0d192b; white-space:pre; }.yaml-editor-card textarea:focus { outline: 2px solid rgba(63,67,232,.32); outline-offset: -2px; }.field-error { min-height: 20px; margin: 0; padding: 4px 16px 8px; color: var(--danger); background: #fff; font-size: 12px; }.field-error:empty{display:none}
.editor-mode-switch{display:flex!important;align-items:center!important;padding:2px;border:1px solid #d8e0e9;border-radius:5px;background:#f4f6f8;gap:2px!important}.editor-mode-switch button{height:28px;padding:0 9px;border:0;border-radius:3px;background:transparent;color:#607286;font-size:12px;font-weight:600;cursor:pointer}.editor-mode-switch button.is-active{background:#fff;color:#22384e;box-shadow:0 1px 2px rgba(16,42,67,.1)}
.config-form{min-height:0;padding:4px 20px 28px;overflow:auto;background:#fff;scrollbar-color:#c8d1df transparent}.config-form.is-disabled{opacity:.55;pointer-events:none}.form-section{padding:17px 0 19px;border-bottom:1px solid #e5e9ee}.form-section:last-of-type{border-bottom:0}.form-section h3{margin:0 0 12px;color:#334e68;font-size:13px;font-weight:600}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:grid;gap:5px}.form-grid label>span{color:#52667a;font-size:12px;font-weight:600}.form-grid input,.form-grid textarea{width:100%;height:auto;min-height:38px;padding:8px 10px;border:1px solid #ccd6e0;border-radius:4px;outline:0;background:#fff;color:#102a43;font:14px/1.45 "Noto Sans","Segoe UI",Arial,sans-serif;white-space:normal;resize:vertical}.form-grid textarea{min-height:58px}.form-grid input:hover,.form-grid textarea:hover{border-color:#aebbc8}.form-grid input:focus,.form-grid textarea:focus{border-color:#5966d9;box-shadow:0 0 0 2px rgba(63,67,232,.1)}.strategy-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.strategy-choice>label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #d5dde7;border-radius:4px;cursor:pointer}.strategy-choice>label:has(input:checked){border-color:#6973df;background:#f7f7ff}.strategy-choice input{margin-top:3px;accent-color:var(--primary)}.strategy-choice strong,.strategy-choice small{display:block}.strategy-choice strong{font-size:13px;font-weight:600}.strategy-choice small{margin-top:2px;color:#74879a;font-size:11px}.agent-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.agent-option{display:flex;align-items:center;min-width:0;gap:8px;padding:8px 9px;border:1px solid #dce3eb;border-radius:4px;color:#334e68;font-size:12px;cursor:pointer}.agent-option:has(input:checked){border-color:#8790e5;background:#f7f7ff}.agent-option input{accent-color:var(--primary)}.agent-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker-empty{margin:0;color:#74879a;font-size:12px}.advanced-note{margin:14px 0 0;padding:9px 10px;border-radius:4px;background:#f3f5f7;color:#52667a;font-size:12px}
.workflow-grid { display: grid; grid-template-columns:250px minmax(380px,1fr) minmax(330px,.78fr); flex:0 0 auto; height:clamp(430px,calc(100vh - 245px),530px); min-height:0; gap: 14px; align-items: stretch; overflow:hidden; }.workflow-grid.source-hidden{grid-template-columns:250px minmax(480px,1fr)}.workflow-grid.source-hidden .yaml-editor-card--workflow{display:none}.component-library{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.component-library .card-title{align-items:flex-start}.component-list{padding:12px;overflow:auto}.component-group+.component-group{margin-top:18px}.component-group h3{margin:0 0 7px;color:#6e7b8d;font-size:11px;font-weight:600}.component-item{display:grid;grid-template-columns:30px minmax(0,1fr);width:100%;align-items:center;gap:9px;margin-bottom:7px;padding:9px;border:1px solid #dce3ec;border-radius:5px;background:#fff;color:var(--ink);text-align:left;cursor:grab}.component-item:hover{border-color:#9199e8;background:#f8f8ff}.component-item.is-used{border-color:#c8cdef;background:#f7f7fc;opacity:1}.component-item strong{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.component-item small{grid-column:2;color:#8792a2;font-size:10px}.component-item.is-used small{color:#4c5896}.component-icon{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#eceeff;color:var(--primary);font-size:11px;font-weight:600}.component-icon.module{background:#e8f6f1;color:#147b5b}.component-empty{margin:0;color:#929baa;font-size:11px}.canvas-card{display:grid;grid-template-rows:48px minmax(0,1fr);}.card-title h2,.card-title p { margin: 0; }.card-title h2 { font-size: 14px; }.card-title p { color: var(--muted); font-size: 11px; }.workflow-toolbar{display:flex;align-items:center;gap:4px}.source-toggle{padding:4px 6px;border:0;background:transparent;color:#52667a;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.source-toggle:hover{color:var(--primary)}.workflow-canvas { min-height:0; height:100%; overflow:auto; padding: 25px 20px 35px; display: flex; flex-direction: column; align-items: center; border:2px solid transparent;background:#fff;transition:border-color .12s,background .12s}.workflow-canvas.is-dragover{border-color:#6f77e8;background:#f7f7ff}.workflow-node { width:min(310px,90%); padding: 10px 11px; display: grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items: center; gap: 9px; border: 1px solid #d4dde8; border-radius: 5px; background: #fff; box-shadow: 0 2px 5px rgba(30,45,80,.04); }.workflow-node span { width: 30px; height: 30px; border-radius: 4px; display: grid; place-items: center; background: #edf1ff; color: var(--primary); font-weight: 600; }.workflow-node strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.workflow-node button{width:24px;height:24px;border:0;border-radius:4px;background:transparent;color:#8994a3;cursor:pointer}.workflow-node button:hover{background:#fff0f1;color:var(--danger)}.flow-terminal{display:flex;align-items:center;gap:8px;color:#607286;font-size:12px}.flow-terminal span{width:10px;height:10px;border:2px solid #7f8da0;border-radius:50%;background:#fff}.flow-terminal.end span{border-color:#52667a;background:#52667a}.flow-terminal strong{font-weight:600}.workflow-line { width: 1px; min-height:22px; flex:0 0 22px; background: #b9c4d3; position: relative; }.workflow-line::after { content:""; position:absolute; bottom:-1px; left:-3px; width:6px; height:6px; border-right:1px solid #8e9bad; border-bottom:1px solid #8e9bad; transform:rotate(45deg); }.workflow-dropzone{display:flex;align-items:center;width:min(310px,90%);padding:10px 12px;gap:10px;border:1px dashed #aeb9c8;border-radius:5px;background:#f8fafc;color:#52667a}.workflow-dropzone>span{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#e9edf2;font-size:18px}.workflow-dropzone strong,.workflow-dropzone small{display:block}.workflow-dropzone strong{font-size:12px;font-weight:600}.workflow-dropzone small{font-size:11px}.yaml-editor-card--workflow textarea { min-height:0; }
.pill { display: inline-flex; padding: 4px 9px; border-radius: 999px; color: #58657d; background: var(--soft); font-size: 11px; font-weight: 750; }.pill--success { color: #08714f; background: #e5f8f0; }.pill--warning { color: var(--warning); background: #fff3d5; }
.validation-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 18px; }.summary-tile { padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.summary-tile b { display: block; font-size: 26px; }.summary-tile span { color: var(--muted); }.issue-list { display: grid; gap: 9px; }.issue-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }.issue-symbol { width: 31px; height: 31px; border-radius: 9px; display:grid;place-items:center;background:#fff0f1;color:var(--danger);font-weight:900;}.issue-row.is-warning .issue-symbol { background:#fff5dd;color:var(--warning); }.issue-row strong,.issue-row small { display:block; }.issue-row small { color:var(--muted); }
.target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px; }.target-card { display: grid; grid-template-columns: 49px 1fr auto; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }.target-card h2,.target-card p { margin: 0; }.target-card h2 { font-size: 16px; }.target-card p { color: var(--muted); }.target-logo { width: 49px;height:49px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;}.target-logo--crew{background:#ef6a45}.target-logo--adk{background:#4285f4}.history-card { padding-bottom: 16px; }.history-columns { display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:8px 16px;}.history-columns h3{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.history-rows{display:grid;gap:6px}.history-row{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fafbfe}.history-row strong,.history-row small{display:block}.history-row small{color:var(--muted)}

.project-inspector { display:flex;flex-direction:column;padding:28px 20px 24px;border-left:1px solid var(--line);background:#fff;position:relative;height:100%;overflow:auto;}.health-card { display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cdeade;border-radius:6px;background:#ecfaf4;}.health-card.has-errors{border-color:#f0c9cf;background:#fff1f3}.health-card.has-warnings{border-color:#ead9ab;background:#fff9e9}.health-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:4px;background:#fff;color:var(--mint);font-weight:600}.has-errors .health-icon{color:var(--danger)}.has-warnings .health-icon{color:var(--warning)}.health-card strong,.health-card small{display:block}.health-card strong{font-weight:600}.health-card small{color:var(--muted);font-size:11px}.project-stats{margin:18px 0;padding:0 4px}.project-stats div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.project-stats dt{color:var(--muted)}.project-stats dd{margin:0;font-weight:600}.inspector-issues{min-height:120px}.inspector-issues h2{font-size:13px;font-weight:600}.quick-issue{margin-bottom:7px;padding:9px;border-left:3px solid var(--danger);border-radius:4px;background:#fff1f3;color:#8c3340;font-size:11px}.quick-issue.is-warning{border-left-color:#d7a538;background:#fff8e6;color:#785817}.quick-empty{color:var(--muted);font-size:12px}.project-inspector .button--wide{margin-top:auto}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:380px;padding:12px 16px;border-radius:5px;background:#0b2948;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.is-visible{opacity:1;transform:none}

/* Product typography and restrained status language. */
body{font-family:"Noto Sans","Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;color:#102a43}
button,input,textarea{font-family:inherit}
.studio-header{height:72px}
.studio-shell{height:calc(100vh - 72px);grid-template-columns:248px minmax(0,1fr) 320px}
.brand{min-width:224px}.studio-name{font-size:15px;font-weight:600;color:#334e68}
.project-name span{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none}.project-name input{font-size:15px;font-weight:600}
.button{min-height:40px;padding:8px 14px;font-size:14px;font-weight:600}
.button--primary{box-shadow:0 2px 5px rgba(44,62,160,.18)}.button--primary:hover{box-shadow:0 3px 7px rgba(44,62,160,.2)}
.button--quiet,.button--outline{background:#fff}
.nav-label{margin-bottom:14px;color:#52667a;font-size:13px;font-weight:600}
.step-link{padding:12px 11px;color:#334e68;font-size:15px}.step-link>span:nth-child(2){font-weight:600}.step-link small{margin-top:1px;color:#74879a;font-size:12px;font-weight:400}.step-link.is-active{background:#f1f3f6;color:#283fc8}.step-link b{font-size:12px;font-weight:600}
.step-index{font-size:13px;font-weight:600}.autosave-state{font-size:12px}
.studio-main{padding-top:30px}
.section-heading h1{font-size:30px;font-weight:650;letter-spacing:-.012em}.section-heading>div>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:12px;font-weight:600;color:#364fc7!important}
.entity-card strong{font-size:14px;font-weight:600}.entity-card small{font-size:12px}.entity-avatar{font-size:14px}
.button--add{font-size:14px}
.editor-heading strong{font-size:14px}.editor-heading>span{font-size:12px}.card-title h2{font-size:15px}.card-title p{font-size:12px}
.component-group h3{font-size:12px}.component-item strong{font-size:13px}.component-item small,.component-empty{font-size:11px}
.workflow-node strong{font-size:14px}.workflow-empty{font-size:14px}
.project-inspector{padding:30px 24px 24px}.project-inspector>.nav-label{margin-left:0}
.health-card{gap:12px;padding:14px;border-color:#d9e1e8;background:#fff}.health-card.has-errors,.health-card.has-warnings{border-color:#d9e1e8;background:#fff}
.health-icon{width:32px;height:32px;border-radius:50%;background:#f1f4f7;font-size:14px}.has-errors .health-icon{background:#fff0f1;color:#c83c4c}.has-warnings .health-icon{background:#fff7e5;color:#9a6500}
.health-card strong{font-size:15px;font-weight:600}.health-card small{margin-top:1px;font-size:12px}
.inspector-heading{margin:22px 0 9px;color:#52667a;font-size:13px;font-weight:600}
.project-stats{margin:0 0 24px;padding:0;border:1px solid #dfe5eb;border-radius:6px;overflow:hidden}.project-stats div{padding:11px 12px;border-bottom:1px solid #e5e9ee}.project-stats div:last-child{border-bottom:0}.project-stats dt{font-size:14px}.project-stats dd{font-size:14px;font-weight:600}
.inspector-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.inspector-issues h2{margin:0;font-size:14px;font-weight:600}.inspector-section-title button{padding:3px 0;border:0;background:transparent;color:#364fc7;font-size:12px;font-weight:600;cursor:pointer}.inspector-section-title button:hover{text-decoration:underline}
.quick-issue{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;margin:0;padding:11px 0;border:0;border-bottom:1px solid #e3e8ee;border-radius:0;background:transparent;color:#43566a;font-size:12px;line-height:1.45}
.quick-issue::before{content:"×";display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:1px solid #e0a8ae;border-radius:50%;color:#b93644;font-size:12px;font-weight:600;line-height:1}
.quick-issue.is-warning{border-left:0;background:transparent;color:#43566a}.quick-issue.is-warning::before{content:"!";border-color:#d7bd82;color:#8a650e}
.quick-issue strong,.quick-issue span{display:block}.quick-issue strong{margin-bottom:2px;color:#263f56;font-size:12px;font-weight:600}.quick-issue span{color:#52667a;font-size:12px;line-height:1.45}
.quick-empty{font-size:13px}
.validation-summary{gap:10px}.summary-tile{border-radius:6px}.summary-tile b{font-size:25px;font-weight:600}.summary-tile span{font-size:14px}
.issue-row{border-radius:6px}.issue-row strong{font-size:14px;font-weight:600}.issue-row small{font-size:13px}.issue-symbol{border-radius:50%}
.validation-live{display:flex;align-items:center;gap:7px;color:#52667a;font-size:13px}.validation-live>span{width:8px;height:8px;border-radius:50%;background:#18a06e;box-shadow:0 0 0 3px rgba(24,160,110,.1)}
.summary-tile.has-errors b{color:#bd3444}.summary-tile.is-clear b{color:#14805b}
.validation-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px;border:1px solid #dfe5eb;border-radius:6px;background:#fff}.validation-filters{display:flex;align-items:center;gap:2px}.validation-filters button{height:31px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#607286;font-size:12px;font-weight:600;cursor:pointer}.validation-filters button:hover{background:#f2f4f7}.validation-filters button.is-active{background:#e9edff;color:#3038c7}.validation-toolbar>label{display:flex;align-items:center;gap:7px}.validation-toolbar label>span{color:#74879a;font-size:12px}.validation-toolbar select{height:32px;padding:0 28px 0 9px;border:1px solid #ccd6e0;border-radius:4px;background:#fff;color:#334e68;font-size:12px}
.validation-issue{display:grid;grid-template-columns:26px minmax(0,1fr) auto 64px;align-items:center;gap:11px;padding:13px 14px;border:1px solid #dfe5eb;border-radius:6px;background:#fff}.validation-severity{display:grid;place-items:center;width:22px;height:22px;border:1px solid #e1a4ac;border-radius:50%;color:#b93644;font-size:12px;font-weight:700}.validation-issue.severity-warning .validation-severity{border-color:#d9bd78;color:#8a650e}.validation-issue.severity-info .validation-severity{border-color:#9db3ca;color:#466987}.validation-issue-content>div{display:flex;align-items:center;gap:8px}.validation-issue-content strong{color:#243b53;font-size:13px;font-weight:600}.validation-issue-content code{color:#8a96a4;font:10px/1.3 "Liberation Mono",monospace}.validation-issue-content p{margin:3px 0 0;color:#52667a;font-size:13px}.validation-target{padding:3px 6px;border-radius:3px;background:#f0f2f5;color:#52667a;font-size:10px;font-weight:600}.validation-issue>button{height:30px;border:1px solid #ccd6e0;border-radius:4px;background:#fff;color:#334e68;font-size:12px;font-weight:600;cursor:pointer}.validation-issue>button:hover{border-color:#747fde;color:#3038c7}.validation-empty{display:flex;align-items:center;justify-content:center;min-height:150px;gap:12px;border:1px solid #dfe5eb;border-radius:6px;background:#fff}.validation-empty>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf7f2;color:#14805b;font-weight:700}.validation-empty strong{font-size:14px}.validation-empty p{margin:2px 0 0;color:#74879a;font-size:12px}
.button:disabled,.button.is-disabled{border-color:#d8dee6!important;background:#e5e9ee!important;color:#8a96a4!important;box-shadow:none!important;cursor:not-allowed;pointer-events:none}
.target-card,.history-row{border-radius:6px}.target-card h2{font-weight:600}
.toast{font-size:13px}
.config-form{padding:0 22px 24px;background:#fff}.form-section{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #e5e9ee}.form-section-heading h3{margin:0 0 4px;color:#243b53;font-size:14px;font-weight:600}.form-section-heading p{margin:0;color:#8291a2;font-size:12px;line-height:1.45}.form-section>.form-grid,.form-section>.strategy-choice,.form-section>.agent-picker,.form-section>.fixed-model{min-width:0}.form-grid{gap:14px}.form-grid label>span{font-size:12px;font-weight:600}.form-grid input,.form-grid textarea{min-height:41px;padding:9px 11px;border-color:#c8d3df;border-radius:5px;background:#fff;font-size:14px}.form-grid textarea{min-height:64px}.fixed-model{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #ccd6e0;border-radius:5px;background:#f8fafc}.fixed-model-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;background:#e9edff;color:#343bd2;font-size:14px;font-weight:700}.fixed-model strong,.fixed-model small{display:block}.fixed-model strong{color:#243b53;font-size:14px;font-weight:600}.fixed-model small{margin-top:2px;color:#74879a;font-size:11px}.fixed-model-status{padding:3px 7px;border-radius:3px;background:#e9edf2;color:#52667a;font-size:10px;font-weight:600}.strategy-choice>label{min-height:62px;padding:11px}.strategy-choice strong{font-size:14px}.strategy-choice small{font-size:11px}.agent-option{min-height:40px;font-size:13px}.advanced-note{grid-column:2;margin:0;padding:9px 10px}

.model-configuration{display:grid;min-width:0;gap:8px}.form-grid input:disabled{border-color:#d7dee7;background:#f4f6f8;color:#536579;cursor:not-allowed}.model-policy{display:flex;align-items:center;gap:7px;margin:0;color:#708196;font-size:11px}.model-policy::before{content:"";width:7px;height:7px;border-radius:50%;background:#19a974}.model-policy.is-locked{color:#536579}.model-policy.is-locked::before{background:#5966d9}

/* Project launcher. */
.project-launcher{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:10px;background:#fff;color:#102a43;box-shadow:0 24px 70px rgba(9,30,66,.22);overflow:hidden}.project-launcher::backdrop{background:rgba(19,32,51,.48);backdrop-filter:blur(2px)}.launcher-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 32px)}.launcher-header{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:10px 20px;border-bottom:1px solid #e1e7ee}.launcher-header>div{display:flex;align-items:center;gap:12px}.launcher-header img{display:block;width:108px;height:38px;object-fit:contain}.launcher-header span{padding-left:12px;border-left:1px solid #d8e0e9;color:#52667a;font-size:14px;font-weight:600}.launcher-header .icon-button{font-size:21px}.launcher-content{overflow:auto;padding:25px 28px}.launcher-intro h1,.launcher-intro p{margin:0}.launcher-intro h1{font-size:25px;font-weight:650;letter-spacing:-.015em}.launcher-intro>p:last-child{margin-top:5px;color:#66758a;font-size:14px}.continue-project{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:13px 15px;border:1px solid #d9e1eb;border-radius:7px;background:#f8fafc;color:#243b53;text-align:left;cursor:pointer}.continue-project:hover{border-color:#aeb9c8;background:#fff}.continue-project strong,.continue-project small{display:block}.continue-project strong{font-size:14px;font-weight:600}.continue-project small{margin-top:1px;color:#74879a;font-size:12px}.continue-project b{color:#364fc7;font-size:12px;font-weight:600}.starter-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.starter-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:102px;padding:14px;border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#243b53;text-align:left;cursor:pointer}.starter-card:hover{border-color:#aeb9c8}.starter-card.is-selected{border-color:#5962df;background:#f7f7ff;box-shadow:0 0 0 2px rgba(63,67,232,.07)}.starter-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#edf0ff;color:#3b43d6;font-size:13px;font-weight:700}.starter-card[data-template="blank"] .starter-card-icon{background:#f0f3f6;color:#607286}.starter-card strong,.starter-card small,.starter-card em{display:block}.starter-card strong{font-size:14px;font-weight:600}.starter-card small{margin-top:3px;color:#66758a;font-size:12px;line-height:1.4}.starter-card em{margin-top:7px;color:#7d8b9b;font-size:10px;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:.035em}.launcher-configuration{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e7ed}.launcher-configuration h2,.launcher-configuration p{margin:0}.launcher-configuration h2{font-size:14px;font-weight:600}.launcher-configuration>div>p{margin-top:3px;color:#74879a;font-size:12px}.launcher-fields{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px}.launcher-fields label>span{display:block;margin-bottom:5px;color:#52667a;font-size:11px;font-weight:600}.launcher-fields input,.launcher-fields select{width:100%;height:39px;padding:7px 10px;border:1px solid #cbd5e0;border-radius:5px;background:#fff;color:#243b53}.launcher-fields input:focus,.launcher-fields select:focus{outline:3px solid rgba(63,67,232,.12);border-color:#7e86e5}.launcher-fields input:disabled,.launcher-fields select:disabled{background:#f2f4f7;color:#66758a}.launcher-configuration>.model-policy{grid-column:2}.launcher-actions{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid #e1e7ee;background:#fafbfc}.launcher-actions .button--primary{min-width:140px}

@media(max-width:700px){.project-launcher{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.launcher-shell{max-height:calc(100vh - 16px)}.launcher-content{padding:20px 17px}.starter-template-grid{grid-template-columns:1fr}.launcher-configuration{grid-template-columns:1fr}.launcher-fields{grid-template-columns:1fr}.launcher-configuration>.model-policy{grid-column:1}.launcher-actions{gap:8px;padding:11px 14px}.launcher-actions .button{flex:1}.launcher-header{padding-inline:14px}}

@media(max-width:1500px){.workflow-grid{grid-template-columns:230px minmax(400px,1fr);height:auto;min-height:500px;overflow:visible}.workflow-grid.source-hidden{grid-template-columns:230px minmax(400px,1fr)}.yaml-editor-card--workflow{grid-column:1/-1;height:360px}}
@media(max-width:1200px){.studio-shell{grid-template-columns:220px minmax(0,1fr)}.project-inspector{display:none}.editor-layout{grid-template-columns:minmax(220px,.65fr) minmax(420px,1.35fr)}}
@media(max-width:760px){body{overflow:auto}.studio-header{height:auto;min-height:64px;padding:12px 14px;flex-wrap:wrap}.brand{min-width:0}.brand-logo{width:96px;height:34px}.studio-name{font-size:13px;padding-left:8px}.project-name{order:3;flex-basis:100%;max-width:none}.header-actions{gap:5px}.header-actions .button--quiet{display:none}.studio-shell{display:block;height:auto}.step-nav{height:auto;position:sticky;top:0;z-index:10;display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.step-link small,.step-link b,.studio-meta{display:none}.step-link{min-width:max-content;grid-template-columns:25px 1fr;margin:0;padding:8px}.step-link.is-active::before{display:none}.studio-main{height:auto;overflow:visible;padding:22px 14px 55px}.section-heading{align-items:flex-start;flex-direction:column}.editor-layout,.workflow-grid,.target-grid,.validation-summary,.history-columns{display:grid;grid-template-columns:1fr;overflow:visible}.editor-layout,.workflow-grid{min-height:0}.entity-list{max-height:260px}.code-editor{min-height:52vh;height:52vh}.yaml-editor-card,.yaml-editor-card--workflow{height:auto}.yaml-editor-card textarea{min-height:0;height:100%}.form-section{display:block;padding:18px 0}.form-section-heading{margin-bottom:12px}.advanced-note{margin-top:12px}.fixed-model{grid-template-columns:36px minmax(0,1fr)}.fixed-model-status{grid-column:2;width:max-content}.form-grid--two,.strategy-choice,.agent-picker{grid-template-columns:1fr}.validation-toolbar{align-items:stretch;flex-direction:column;gap:8px}.validation-filters{overflow:auto}.validation-toolbar>label{justify-content:space-between}.validation-issue{grid-template-columns:24px minmax(0,1fr) 58px}.validation-target{grid-column:2}.validation-issue>button{grid-column:3;grid-row:1/3}.validation-issue-content code{display:none}.workflow-canvas{min-height:360px}.target-card{grid-template-columns:45px 1fr}.target-card>.pill{grid-column:2}.button{min-height:42px}}

/* Build and local execution workspace. */
.target-card{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .14s,background-color .14s,box-shadow .14s}.target-card:hover{border-color:#aeb9c8;background:#fbfcfe}.target-card.is-selected{border-color:#6871dd;background:#f8f8ff;box-shadow:0 0 0 2px rgba(63,67,232,.07)}.target-card:focus-visible{outline:3px solid rgba(63,67,232,.16);outline-offset:2px}.target-check{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d5dde7;border-radius:50%;color:transparent;font-size:12px}.target-card.is-selected .target-check{border-color:var(--primary);background:var(--primary);color:#fff}
.build-workspace{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(440px,1.3fr);gap:14px;margin-bottom:14px}.build-command-card,.build-output-card{min-width:0;border:1px solid #d9e2ee;border-radius:7px;background:#fff;overflow:hidden}.build-command-card{display:flex;align-self:start;flex-direction:column;padding:18px}.build-command-heading{display:flex;justify-content:space-between;gap:12px}.build-command-heading>div{display:flex;align-items:flex-start;gap:11px}.build-command-heading h2,.build-command-heading p{margin:0}.build-command-heading h2{font-size:15px;font-weight:600}.build-command-heading p{margin-top:2px;color:#66758a;font-size:12px}.build-state-dot{flex:0 0 auto;width:9px;height:9px;margin-top:7px;border-radius:50%;background:#8c99a8}.build-command-card.is-building .build-state-dot{background:#3f43e8;box-shadow:0 0 0 4px rgba(63,67,232,.1)}.build-command-card.is-ready .build-state-dot{background:#17a673}.build-command-card.is-failed .build-state-dot{background:#c63f4f}.build-duration{color:#74879a;font-size:11px;white-space:nowrap}.build-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.button--run{border-color:#117d5a;background:#148b65;color:#fff}.button--run:hover{background:#0e7554}.runner-notice{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #e5e9ee}.runner-notice>span{flex:0 0 auto;width:7px;height:7px;margin-top:6px;border-radius:50%;background:#8c99a8}.runner-notice.is-enabled>span{background:#17a673}.runner-notice.is-disabled>span{background:#d19724}.runner-notice p{margin:0;color:#66758a;font-size:11px;line-height:1.45}
.build-output-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.build-output-header{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #dfe6f0}.output-tabs{display:flex;gap:3px;padding:3px;border-radius:5px;background:#f1f4f7}.output-tabs button{height:30px;padding:0 11px;border:0;border-radius:3px;background:transparent;color:#607286;font-size:12px;font-weight:600;cursor:pointer}.output-tabs button.is-active{background:#fff;color:#243b53;box-shadow:0 1px 3px rgba(16,42,67,.1)}.artifact-tools{display:flex;align-items:center;gap:7px}.artifact-tools .button,.build-output-header>.button{min-height:34px;padding:6px 10px;font-size:12px}.build-output-panel{min-width:0}.output-meta{min-height:34px;margin:0;padding:8px 14px;border-bottom:1px solid #1b2a40;background:#0d192b;color:#8293aa;font-size:11px}.artifact-preview,.execution-console{margin:0;overflow:auto;background:#0d192b;color:#dce7f5;font:12px/1.65 "SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre-wrap;word-break:break-word}.artifact-preview,.execution-console{min-height:285px;max-height:400px;padding:15px 18px}.execution-console.has-error{color:#ffb5bd}.history-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.history-row:hover{border-color:#b8c3d0;background:#fff}.history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row small{font-size:11px}
@media(max-width:1200px){.build-workspace{grid-template-columns:1fr}.artifact-preview{max-height:300px}}
@media(max-width:1000px){.target-grid{grid-template-columns:1fr}}
@media(max-width:760px){.build-workspace{grid-template-columns:1fr}.target-card{grid-template-columns:45px 1fr auto;padding:14px}.build-actions{grid-template-columns:1fr}.build-output-header{align-items:stretch;flex-direction:column}.output-tabs{width:100%}.output-tabs button{flex:1}.artifact-tools{width:100%}.artifact-tools .button{flex:1}.artifact-preview,.execution-console{min-height:300px;max-height:460px}}

/* Framework-first build layout. */
.framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:10px}.framework-card{position:relative;padding:17px;border:1px solid #d9e2ee;border-radius:7px;background:#fff;cursor:pointer;transition:border-color .14s,background-color .14s,box-shadow .14s}.framework-card:hover{border-color:#b8c3d0}.framework-card:focus-visible{outline:3px solid rgba(63,67,232,.16);outline-offset:2px}.framework-card.is-selected{border-color:#535ce0;background:#f3f4ff;box-shadow:inset 0 3px 0 #3f43e8,0 0 0 2px rgba(63,67,232,.08)}.framework-card-heading{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:13px}.framework-card-heading h2,.framework-card-heading p{margin:0}.framework-card-heading h2{font-size:16px;font-weight:600}.framework-card-heading p{margin-top:2px;color:#66758a;font-size:12px}.framework-logo{display:grid;place-items:center;width:78px;height:49px;border:1px solid #e1e6ec;border-radius:6px;background:#fff;overflow:hidden}.framework-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.framework-logo--crew img{width:70px;height:auto}.framework-logo--adk img{width:39px;height:39px}.framework-choice{display:flex;align-items:center;gap:6px;color:#8290a1;font-size:11px;white-space:nowrap}.framework-choice>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ccd6e0;border-radius:50%;background:#fff;color:transparent;font-size:11px}.framework-choice b{font-weight:600}.framework-card.is-selected .framework-choice{color:#3038c7}.framework-card.is-selected .framework-choice>span{border-color:#3f43e8;background:#3f43e8;color:#fff}.framework-card:not(.is-selected) .button--primary{border-color:#c9cff3;background:#fff;color:#3038c7;box-shadow:none}.framework-card:not(.is-selected) .button--run{border-color:#9bcab9;background:#fff;color:#117455}.framework-actions{display:grid;grid-template-columns:1fr .8fr .9fr;gap:7px;margin-top:16px}.framework-actions .button{min-width:0;padding-inline:10px;font-size:13px}.framework-status{display:flex;align-items:center;gap:7px;margin:13px 0 0;padding-top:11px;border-top:1px solid #e5e9ee;color:#74879a;font-size:11px}.framework-status>span{width:7px;height:7px;border-radius:50%;background:#9aa6b3}.framework-status.is-building>span{background:#3f43e8}.framework-status.is-ready>span{background:#17a673}.framework-status.is-failed>span{background:#c63f4f}.runner-notice--build{margin:0 0 13px;padding:0;border:0}.build-output-card{margin-bottom:13px;grid-template-rows:auto auto minmax(0,1fr)}.build-output-title{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:9px 13px;border-bottom:1px solid #dfe6f0}.build-output-title strong,.build-output-title span{display:block}.build-output-title strong{font-size:14px;font-weight:600}.build-output-title span{margin-top:1px;color:#74879a;font-size:11px}.build-output-title .icon-button{font-size:18px}.artifact-preview,.execution-console{min-height:230px;max-height:340px}.history-card--compact{padding:0}.history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:10px 14px;border:0;background:#fff;color:#243b53;text-align:left;cursor:pointer}.history-toggle:hover{background:#fafbfd}.history-toggle strong,.history-toggle small{display:block}.history-toggle strong{font-size:14px;font-weight:600}.history-toggle small{margin-top:1px;color:#74879a;font-size:11px}.history-toggle>span:last-child{color:#364fc7;font-size:12px;font-weight:600}.history-tools{display:flex;justify-content:flex-end;padding:9px 14px 0;border-top:1px solid #e5e9ee}.history-tools .button{min-height:32px;padding:5px 10px;font-size:12px}
.framework-logo--langgraph img{width:70px}.framework-logo--openai img{width:38px;height:38px}.framework-logo--microsoft img{width:40px;height:40px}.framework-logo--strands img{width:70px}.framework-logo--pydantic img{width:40px;height:38px}.framework-logo--autogen img{width:42px;height:38px}.framework-logo--semantic-kernel img{width:70px;max-height:45px}.framework-logo--haystack img{width:39px;height:39px}
@media(max-width:1000px){.framework-grid{grid-template-columns:1fr}}
@media(max-width:760px){.framework-card-heading{grid-template-columns:64px minmax(0,1fr)}.framework-logo{width:64px;height:47px}.framework-logo--crew img{width:58px}.framework-choice{grid-column:1/-1}.framework-actions{grid-template-columns:1fr 1fr}.framework-actions [data-framework-action="download"]{grid-column:1/-1}.build-output-title,.build-output-header{padding-inline:10px}.runner-notice--build{padding:0 2px}}

/* First-project tutorial. */
.starter-card[data-template="tutorial"] .starter-card-icon{background:#3f43e8;color:#fff}.starter-card[data-template="tutorial"]::after{content:"START HERE";position:absolute;top:10px;right:10px;padding:3px 6px;border-radius:3px;background:#e9edff;color:#3038c7;font-size:9px;font-weight:700;letter-spacing:.04em}.tutorial-guide{position:fixed;right:344px;bottom:24px;z-index:45;width:min(390px,calc(100vw - 32px));padding:18px;border:1px solid #d7ddea;border-radius:9px;background:#fff;color:#243b53;box-shadow:0 14px 40px rgba(15,35,58,.2)}.tutorial-guide-heading span,.tutorial-guide-heading strong{display:block}.tutorial-guide-heading span{margin-bottom:5px;color:#5962df;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.tutorial-guide-heading strong{font-size:17px;font-weight:650}.tutorial-guide>p{margin:8px 0 15px;color:#52667a;font-size:13px;line-height:1.5}.tutorial-progress{height:4px;border-radius:99px;background:#e8ebf1;overflow:hidden}.tutorial-progress span{display:block;width:20%;height:100%;border-radius:inherit;background:#3f43e8;transition:width .18s ease}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.tutorial-actions>div{display:flex;gap:7px}.tutorial-actions .button{min-height:36px;padding:6px 10px;font-size:12px}.tutorial-actions>#exitTutorial{padding-left:0;border-color:transparent;color:#66758a}.tutorial-actions>#exitTutorial:hover{color:#334e68}.tutorial-is-active .step-link.is-active{box-shadow:inset 3px 0 0 #3f43e8}
@media(max-width:1200px){.tutorial-guide{right:20px}}
@media(max-width:760px){.tutorial-guide{right:10px;bottom:10px;left:10px;width:auto;padding:15px}.tutorial-actions{align-items:stretch;flex-direction:column}.tutorial-actions>div{display:grid;grid-template-columns:1fr 1.4fr}.tutorial-actions .button{width:100%}.tutorial-actions>#exitTutorial{order:2}.tutorial-is-active .step-link.is-active{box-shadow:inset 0 -3px 0 #3f43e8}}