.portal-developer-studio {
  --dev-ink: #18334d;
  --dev-muted: #738397;
  --dev-line: #e1e8f0;
  --dev-blue: #2e5d8b;
  --dev-surface: #f7f9fc;
  color: var(--dev-ink);
  width: 100%;
  min-width: 0;
  font-size: 13px;
  line-height: 1.6;
}
.portal-developer-studio *, .portal-developer-studio *::before, .portal-developer-studio *::after { box-sizing: border-box; }
.portal-developer-studio h2, .portal-developer-studio h3, .portal-developer-studio h4, .portal-developer-studio p { margin: 0; }
.portal-developer-studio button, .portal-developer-studio input, .portal-developer-studio select, .portal-developer-studio textarea { font: inherit; }
.portal-developer-studio button { cursor: pointer; }
.portal-developer-studio button:disabled { cursor: not-allowed; opacity: .5; }
.portal-developer-studio button:focus-visible, .portal-developer-studio summary:focus-visible { outline: 3px solid #86b7e3; outline-offset: 3px; }
.portal-developer-studio svg { flex-shrink: 0; }
.dev-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 3px 0 22px; }
.dev-title, .dev-header-actions { display: flex; align-items: center; gap: 14px; }
.dev-title-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #dae5f0; border-radius: 14px; background: #edf3f9; color: var(--dev-blue); }
.dev-title-icon svg { width: 25px; height: 25px; }
.dev-eyebrow { display: block; font-size: 10px; letter-spacing: .1em; font-weight: 700; color: var(--dev-muted); }
.portal-developer-studio .dev-title h2 { display: flex; align-items: center; gap: 10px; font-size: 25px; letter-spacing: -.04em; line-height: 1.4; }
.dev-title h2 > span { color: #68839b; background: #eaf0f6; border: 1px solid #dce6ef; border-radius: 4px; padding: 2px 5px; font-size: 8px; font-weight: 600; letter-spacing: .08em; }
.dev-header-actions { gap: 9px; }
.dev-pc-status { display: inline-flex; align-items: center; gap: 6px; color: var(--dev-muted); font-size: 11px; white-space: nowrap; }
.dev-pc-status i { height: 6px; width: 6px; border-radius: 50%; background: #9aa8b8; }
.dev-pc-status.is-online { color: #2d7964; }
.dev-pc-status.is-online i { background: #41a07e; box-shadow: 0 0 0 3px #e7f3ed; }
.portal-developer-studio .dev-button, .portal-developer-studio .dev-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #d4dfea; background: #fff; color: var(--dev-ink); border-radius: 7px; padding: 8px 12px; min-height: 36px; font-weight: 500; line-height: 1.4; box-shadow: none; white-space: nowrap; text-decoration: none; }
.portal-developer-studio .dev-button:hover:not(:disabled), .portal-developer-studio .dev-icon-button:hover:not(:disabled) { border-color: #8ba8c4; background: #f0f5fa; }
.portal-developer-studio .dev-icon-button { padding: 7px; min-width: 34px; min-height: 34px; border-color: transparent; background: transparent; }
.portal-developer-studio .dev-button--primary { background: var(--dev-blue); border-color: var(--dev-blue); color: #fff; }
.portal-developer-studio .dev-button--primary:hover:not(:disabled) { background: #244d74; border-color: #244d74; }
.portal-developer-studio .dev-button--small { padding: 5px 9px; min-height: 30px; font-size: 11px; }
.portal-developer-studio .dev-button--danger { color: #a33d39; background: #fff6f5; border-color: #e9beba; }
.portal-developer-studio .dev-button--stop { color: #9c4640; border-color: #e8d3ce; }
.dev-layout { display: grid; grid-template-columns: 222px minmax(360px, 1fr) 282px; min-height: 650px; height: min(840px, calc(100dvh - 230px)); border: 1px solid var(--dev-line); border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 4px 16px #254d7405; }
.dev-sidebar { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #f7f9fc; border-right: 1px solid var(--dev-line); padding: 20px 12px 14px; }
.dev-sidebar-heading { display: flex; align-items: center; gap: 7px; padding: 0 7px 15px; font-size: 12px; }
.dev-sidebar-heading > span { font-size: 10px; color: #7c8ea0; background: #e8eef4; border-radius: 4px; padding: 0 5px; }
.portal-developer-studio .dev-new-button { justify-content: flex-start; width: 100%; background: #fff; border-style: dashed; padding: 10px; font-size: 12px; }
.dev-task-list { margin-top: 16px; overflow-y: auto; min-height: 0; }
.portal-developer-studio .dev-task-item { display: block; text-align: left; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--dev-ink); padding: 11px 10px; width: 100%; margin: 0 0 5px; }
.dev-task-item:hover { background: #edf2f7; }
.portal-developer-studio .dev-task-item.is-selected { border-color: #cedeed; background: #eaf1f9; }
.dev-task-item strong { font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.dev-task-item > span { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.dev-task-item time { font-size: 9px; color: #8191a2; }
.dev-status { display: inline-flex; align-items: center; border-radius: 4px; padding: 2px 6px; font-size: 10px; font-weight: 500; background: #edf1f5; color: #7a8999; white-space: nowrap; }
.dev-status--running { color: #2c658f; background: #e4f0fa; }
.dev-status--completed { color: #3b7a63; background: #e5f2eb; }
.dev-status--awaiting_approval { color: #9c6b22; background: #fff0d6; }
.dev-status--failed, .dev-status--interrupted { color: #b1594b; background: #faebe7; }
.dev-history-empty { color: #8a99a9; text-align: center; font-size: 11px; line-height: 1.9; padding: 24px 0; }
.dev-owner-note { display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--dev-line); margin-top: auto; padding: 15px 5px 0; color: #7d90a2; font-size: 10px; }
.dev-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.dev-project-bar { display: flex; flex-wrap: wrap; gap: 12px 20px; padding: 14px 22px; border-bottom: 1px solid #edf1f5; }
.dev-project-bar label, .dev-fixed-project { display: flex; align-items: center; gap: 8px; color: var(--dev-muted); font-size: 10px; min-width: 0; flex: 1 1 160px; }
.dev-fixed-project strong { font-size: 11px; font-weight: 600; color: #3e5d79; }
.dev-shared-station-note { flex-basis: 100%; font-size: 10px; line-height: 1.7; color: var(--dev-muted); }
.dev-shared-badge { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 4px; background: #edf3f9; color: #3e5d79; font-size: 9px; font-weight: 500; white-space: nowrap; }
.dev-model-control { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 0 12px; min-width: 0; padding: 0 2px 8px; margin-bottom: 8px; border-bottom: 1px solid #edf1f5; }
.dev-model-field { display: flex; align-items: center; gap: 10px; min-width: 0; grid-column: 1; grid-row: 1; }
.dev-effort-field { grid-column: 2; }
.dev-model-control > .dev-model-hint { grid-column: 1 / -1; }
.dev-model-field label { flex-shrink: 0; color: #536f88; font-size: 11px; font-weight: 600; }
.portal-developer-studio .dev-model-field select { flex: 1; width: 0; min-width: 0; max-width: 100%; min-height: 34px; padding: 6px 29px 6px 10px; color: var(--dev-ink); background-color: var(--dev-surface); border: 1px solid #dce5ee; border-radius: 6px; font-size: 11px; text-overflow: ellipsis; }
.portal-developer-studio .dev-model-field select:focus-visible { outline: 3px solid #86b7e3; outline-offset: 2px; }
.portal-developer-studio .dev-model-field select:disabled { color: #738397; opacity: 1; cursor: not-allowed; }
.portal-developer-studio .dev-model-hint { margin-top: 6px; color: var(--dev-muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.portal-developer-studio .dev-model-hint.is-warning { color: #9c6b22; }
.portal-developer-studio .dev-task-model { margin-top: 7px; color: var(--dev-muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.portal-developer-studio .dev-project-bar select { min-height: 28px; font-size: 11px; color: #3e5d79; padding: 3px 20px 3px 5px; background-color: transparent; border: 0; border-radius: 4px; max-width: 100%; min-width: 0; flex: 1; width: auto; }
.dev-transcript { flex: 1; min-height: 230px; min-width: 0; overflow-y: auto; overflow-x: hidden; padding: 25px 26px; scroll-behavior: auto; }
.dev-welcome { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 100%; padding: 10px 0; }
.dev-welcome-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; color: #426e96; background: #f1f6fb; border: 1px solid #e0eaf3; border-radius: 17px; margin-bottom: 24px; }
.dev-welcome-icon svg { width: 27px; height: 27px; }
.dev-welcome > .dev-eyebrow { font-size: 8px; color: #8a9db0; letter-spacing: .14em; }
.portal-developer-studio .dev-welcome h3 { font-size: 27px; line-height: 1.5; letter-spacing: -.06em; font-weight: 650; margin: 11px 0; }
.dev-welcome > p { color: #8291a1; line-height: 1.9; font-size: 12px; }
.dev-example-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 26px 0 18px; width: min(100%, 450px); }
.portal-developer-studio .dev-example-grid button { min-width: 0; text-align: left; background: #fff; border: 1px solid var(--dev-line); border-radius: 8px; padding: 14px; color: #45627c; }
.dev-example-grid button:hover { border-color: #adc5dd; background: #f8fbfe; }
.dev-example-grid strong { display: block; font-size: 12px; margin-bottom: 4px; }
.dev-example-grid span { font-size: 10px; color: #8b9aad; line-height: 1.7; display: block; }
.portal-developer-studio .dev-review-note { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 10px; color: #8c9bad; }
.dev-review-note svg { width: 12px; height: 12px; }
.dev-release { grid-column: 1 / -1; min-width: 0; margin-bottom: 22px; padding: 13px; border: 1px solid #d6e2ee; background: #f7fafd; border-radius: 9px; }
.dev-release .dev-section-head { flex-wrap: wrap; align-items: center; gap: 6px; }
.dev-release p, .dev-release dd, .dev-release code { overflow-wrap: anywhere; }
.portal-developer-studio .dev-release-target { margin: 10px 0 7px; font-size: 11px; }
.dev-release-target strong { display: block; color: #2e5d8b; font-size: 14px; }
.portal-developer-studio .dev-release-hint { margin: 10px 0; color: #95652b; font-size: 11px; line-height: 1.7; }
.portal-developer-studio .dev-release-progress { margin: 12px 0; color: #456b8a; font-size: 11px; }
.dev-release-plan { border-top: 1px solid #dce6ef; margin-top: 12px; padding-top: 10px; }
.dev-release-plan dl { margin: 0 0 12px; font-size: 10px; }
.dev-release-plan dt { color: #738397; }
.dev-release-plan dd { margin: 1px 0 8px; min-width: 0; }
.dev-release-plan > details { margin: 9px 0 13px; }
.portal-developer-studio .dev-release-plan h4 { font-size: 11px; margin: 11px 0 7px; }
.dev-release-plan h4 span { font-weight: 400; color: #738397; }
.dev-release-checks { padding: 0; list-style: none; font-size: 10px; }
.dev-release-checks li { display: flex; align-items: start; gap: 6px; margin: 7px 0; min-width: 0; overflow-wrap: anywhere; }
.dev-release-checks .dev-test-mark { flex-shrink: 0; }
.dev-release-files, .dev-release-test { min-width: 0; }
.dev-release-test { padding-top: 8px; font-size: 10px; }
.dev-release-test > code { display: block; margin-top: 4px; }
.dev-release-hash { display: block; font-size: 9px; color: #738397; margin: 5px 0; }
.dev-release-confirm { display: flex; align-items: flex-start; gap: 7px; min-width: 0; font-size: 11px; margin: 14px 0 6px; cursor: pointer; }
.dev-release-confirm input { flex: 0 0 auto; width: 15px; height: 15px; margin: 2px 0 0; accent-color: #2e5d8b; }
.dev-release-confirm input:focus-visible { outline: 3px solid #86b7e3; outline-offset: 2px; }
.portal-developer-studio .dev-release-approve, .portal-developer-studio .dev-release-prepare { width: 100%; margin: 11px 0 8px; white-space: normal; }
.dev-release-result { margin: 12px 0; padding: 10px; background: #fff; border: 1px solid #e1e8f0; border-radius: 6px; font-size: 10px; }
.dev-release-result > p { display: flex; gap: 8px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 6px; }
.dev-release-result .dev-release-summary { display: block; white-space: pre-wrap; }
.dev-release-result a { color: #2e5d8b; }
.portal-developer-studio .dev-release-scope { font-size: 9px; color: #7a8c9e; margin-top: 11px; line-height: 1.7; }
.dev-task-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 23px; }
.dev-task-heading > div { min-width: 0; }
.portal-developer-studio .dev-task-heading h3 { font-size: 18px; line-height: 1.6; margin-top: 6px; overflow-wrap: anywhere; }
.dev-task-heading .dev-status { margin-top: 6px; flex-shrink: 0; }
.dev-message { border-radius: 10px; padding: 15px 17px; margin: 16px 0; }
.dev-message--user { border: 1px solid #e3eaf3; background: #f5f8fc; }
.dev-message--result { border: 1px solid #dbe9e0; background: #f6fbf7; }
.dev-message-label { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; font-size: 10px; font-weight: 600; color: #65809a; margin-bottom: 7px; }
.dev-message-label time { font-size: 9px; font-weight: 400; color: #93a0ad; margin-left: auto; }
.dev-message-label svg { width: 13px; height: 13px; }
.dev-message-text { white-space: pre-wrap; overflow-wrap: anywhere; color: #40586c; font-size: 12px; line-height: 1.85; }
.dev-events { margin: 23px 0; }
.dev-run { min-width: 0; }
.dev-run + .dev-run { border-top: 1px solid var(--dev-line); margin-top: 28px; padding-top: 20px; }
.dev-run-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--dev-muted); font-size: 10px; }
.portal-developer-studio .dev-run-model { margin: -7px 0 14px; color: var(--dev-muted); font-size: 10px; overflow-wrap: anywhere; }
.dev-sent-attachments { display: flex; align-items: center; gap: 6px; color: var(--dev-muted); font-size: 10px; overflow-wrap: anywhere; }
.dev-sent-attachments svg { flex: 0 0 13px; width: 13px; height: 13px; }
.dev-history-more { margin-bottom: 20px; }
.dev-past-verification { margin: 12px 0; color: var(--dev-muted); font-size: 10px; }
.dev-past-verification summary { cursor: pointer; }
.dev-past-verification pre { max-width: 100%; max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px; background: #f5f8fc; }
.dev-event { position: relative; display: grid; grid-template-columns: 9px minmax(0, 1fr); gap: 12px; padding: 0 0 23px; }
.dev-event::before { content: ''; position: absolute; left: 3px; top: 12px; width: 1px; bottom: 0; background: #e3eaf2; }
.dev-event:last-child::before { display: none; }
.dev-event-dot { width: 7px; height: 7px; border: 2px solid #7795b1; border-radius: 50%; background: #fff; margin-top: 6px; }
.dev-event details, .dev-approval details { margin-top: 8px; }
.portal-developer-studio summary { cursor: pointer; font-size: 11px; color: #64819a; overflow-wrap: anywhere; }
.portal-developer-studio pre { font: 11px/1.7 Consolas, 'Courier New', monospace; color: #4d6275; border: 1px solid #dfe6ed; background: #f7f9fc; border-radius: 6px; padding: 12px; overflow-x: auto; max-width: 100%; margin: 10px 0 0; tab-size: 2; white-space: pre-wrap; overflow-wrap: anywhere; }
.portal-developer-studio pre code { font: inherit; color: inherit; background: transparent; padding: 0; }
.dev-waiting { display: flex; align-items: center; gap: 8px; color: #8193a5; font-size: 11px; padding: 14px 0; }
.dev-pulse { width: 7px; height: 7px; border-radius: 50%; background: #7c9bb9; animation: dev-pulse 2s ease-in-out infinite; flex-shrink: 0; }
@keyframes dev-pulse { 50% { opacity: .35; } }
.dev-approval { border: 1px solid #e9d2a8; background: #fffaf0; border-radius: 9px; margin: 18px 0; padding: 16px; }
.dev-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.dev-approval > p { color: #8a7150; font-size: 12px; margin-top: 9px; overflow-wrap: anywhere; }
.dev-approval-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 7px; margin-top: 15px; }
.dev-approval-actions > span { font-size: 10px; color: #9b855e; flex: 1 1 150px; }
.dev-composer-wrap { padding: 12px 22px 17px; min-width: 0; background: #fff; }
.dev-continuation { font-size: 10px; color: #7c90a4; margin-bottom: 8px !important; }
.dev-composer { border: 1px solid #cbd9e8; border-radius: 11px; background: #fff; box-shadow: 0 3px 10px #23405e04; padding: 11px; }
.dev-composer:focus-within { border-color: #7f9fbe; box-shadow: 0 0 0 3px #dce8f83b; }
.portal-developer-studio .dev-composer textarea { display: block; width: 100%; resize: vertical; min-height: 68px; max-height: 180px; border: 0; outline: 0; box-shadow: none; padding: 3px 4px; font-size: 12px; line-height: 1.8; color: #34506b; background: transparent; border-radius: 0; }
.portal-developer-studio .dev-composer textarea::placeholder { color: #9aa7b4; opacity: 1; }
.dev-composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.dev-composer-actions > div { display: flex; align-items: center; gap: 6px; min-width: 0; }
.dev-composer-hint, .dev-char-count { color: #9aa7b5; font-size: 9px; }
.dev-char-count { margin-right: 5px; white-space: nowrap; }
.dev-composer-actions .dev-send { font-size: 11px; padding: 8px 13px; }
.dev-connection-hint { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px 7px; font-size: 10px; color: #8c99a7; margin-top: 8px !important; }
.portal-developer-studio .dev-connection-hint button { font-size: 10px; padding: 0; border: 0; background: transparent; text-decoration: underline; color: #5b7b9a; }
.dev-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.dev-attachment { display: flex; align-items: center; gap: 8px; border: 1px solid var(--dev-line); border-radius: 6px; padding: 5px 6px; min-width: 0; max-width: 100%; background: #f8fafd; }
.dev-attachment > img { width: 33px; height: 33px; object-fit: cover; border-radius: 4px; }
.dev-attachment > div { min-width: 0; }
.dev-attachment strong { font-size: 10px; color: #4c6883; max-width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.dev-attachment span { font-size: 9px; color: #8b98a6; overflow-wrap: anywhere; display: block; }
.dev-review { border-left: 1px solid var(--dev-line); padding: 24px 18px; overflow-y: auto; min-width: 0; background: #fcfdff; }
.portal-developer-studio .dev-review-heading h3 { font-size: 15px; margin: 3px 0 6px; }
.dev-review-heading p { color: #8a98a7; font-size: 10px; line-height: 1.7; }
.dev-review-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 17px 0; border-bottom: 1px solid var(--dev-line); margin-bottom: 18px; }
.dev-review-stats > span { font-size: 10px; color: #8a99a8; }
.dev-review-stats strong { display: block; color: #385d7f; font-size: 22px; font-weight: 500; line-height: 1.4; }
.dev-review-empty { text-align: center; padding: 40px 0; font-size: 10px; color: #a2afbc; line-height: 1.9; }
.dev-review-empty svg { width: 26px; height: 26px; margin-bottom: 11px; stroke: #b5c3d1; }
.dev-review-section { margin-bottom: 22px; }
.portal-developer-studio .dev-review-section h4 { color: #6a8196; font-size: 11px; font-weight: 600; margin-bottom: 9px; }
.dev-file-diff, .dev-test-result { border: 1px solid var(--dev-line); border-radius: 6px; margin-bottom: 7px; background: #fff; padding: 9px; }
.dev-file-diff summary > span { color: #46627c; font-size: 10px; }
.dev-file-diff summary small { display: inline-block; font-size: 9px; color: #849aae; margin-left: 5px; }
.dev-file-diff pre, .dev-test-result pre { padding: 8px; font-size: 10px; max-height: 380px; }
.dev-test-result summary code { font: 10px/1.8 Consolas, 'Courier New', monospace; color: #4c6982; }
.dev-test-mark { display: inline-block; font-size: 9px; margin-right: 5px; color: #7a8e9f; }
.dev-test-mark.is-passed { color: #3b8469; }
.dev-test-mark.is-failed { color: #b45549; }
.dev-workspace-info { border-top: 1px solid var(--dev-line); padding-top: 13px; }
.dev-workspace-info dl { margin: 8px 0 0; font-size: 10px; }
.dev-workspace-info dt { color: #8a99a8; margin-top: 8px; }
.dev-workspace-info dd { margin: 2px 0 0; color: #56718b; overflow-wrap: anywhere; }
.dev-small { color: #8192a3; font-size: 11px; line-height: 1.8; }
.dev-error, .dev-warning { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; background: #fff8ef; border: 1px solid #eddac0; color: #957042; font-size: 12px; padding: 10px 13px; border-radius: 8px; margin: 10px 0; overflow-wrap: anywhere; }
.dev-error > span { flex: 1; }
.dev-announcement { color: #69829a; font-size: 11px; }
.dev-announcement.has-message { padding: 8px 2px 12px; }
.dev-loading { color: #8296a9; text-align: center; padding: 50px 12px !important; font-size: 12px; }
.dev-setup { border: 1px solid #d5e2ef; background: #f9fbfe; border-radius: 11px; padding: 22px 24px; margin-bottom: 18px; }
.portal-developer-studio .dev-setup h3 { font-size: 17px; margin-top: 4px; }
.dev-setup-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 38px; margin-top: 20px; }
.dev-steps { list-style: none; counter-reset: dev-step; padding: 0; margin: 0 0 18px; }
.dev-steps li { position: relative; counter-increment: dev-step; padding-left: 35px; margin: 0 0 18px; min-width: 0; }
.dev-steps li::before { content: counter(dev-step); position: absolute; left: 0; top: 0; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; border: 1px solid #d9e5f1; color: #6f8ba5; font-size: 10px; border-radius: 50%; background: #fff; }
.dev-steps strong { display: block; color: #4f6b85; font-size: 12px; margin-bottom: 3px; }
.dev-steps span { display: block; color: #8195a8; font-size: 11px; }
.dev-install-command { display: block; border: 1px solid #dfe7f0; padding: 9px 10px; margin: 8px 0; background: #fff; border-radius: 5px; font: 10px/1.8 Consolas, 'Courier New', monospace; color: #597892; overflow-wrap: anywhere; }
.dev-station-form label { display: block; font-size: 11px; font-weight: 600; color: #637e97; margin-bottom: 7px; }
.dev-inline-form { display: flex; gap: 7px; }
.portal-developer-studio .dev-inline-form input { border: 1px solid #d0deeb; background: #fff; border-radius: 6px; padding: 8px 10px; width: 100%; min-width: 0; color: #46637e; font-size: 12px; }
.dev-config-ready { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px solid #d6e8da; border-radius: 7px; background: #f1f8f3; margin: 14px 0; color: #53836a; }
.dev-config-ready strong { font-size: 12px; }
.dev-config-ready p { font-size: 10px; margin: 4px 0 8px; color: #789381; }
.dev-station-list { margin-top: 18px; }
.dev-station-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 0; border-top: 1px solid #dfe8f1; }
.dev-station-row > div:first-child { flex: 1; min-width: 0; }
.dev-station-row strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.dev-station-row .dev-small { display: block; font-size: 10px; }
.dev-confirm { width: 100%; padding: 12px; background: #fff7f2; border: 1px solid #edd4c3; border-radius: 7px; color: #946e51; font-size: 11px; }
.dev-confirm > div { display: flex; justify-content: flex-end; gap: 7px; margin-top: 10px; }
.dev-confirm strong { display: inline; }
.dev-blocked { text-align: center; padding: 70px 20px; border: 1px solid var(--dev-line); border-radius: 12px; background: #fff; }
.dev-blocked h2 { font-size: 20px; }
.dev-blocked p { color: #8193a5; margin-top: 10px; }
.dev-mobile-toolbar, .portal-developer-studio .dev-mobile-only { display: none; }
.dev-sr-only { position: absolute; height: 1px; width: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1250px) {
  .dev-layout { grid-template-columns: 194px minmax(0, 1fr); height: auto; min-height: 670px; }
  .dev-sidebar { grid-row: 1 / 3; }
  .dev-main { min-height: 650px; }
  .dev-transcript { max-height: 640px; }
  .dev-review { grid-column: 2; border-left: 0; border-top: 1px solid var(--dev-line); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 20px; padding: 18px 22px; overflow: visible; }
  .dev-review-heading { grid-column: 1; }
  .dev-review-stats { margin: 0; padding: 0; border: 0; }
  .dev-review-empty { grid-column: 1 / -1; padding: 5px 0; }
  .dev-review-empty svg { display: none; }
  .dev-review-section { margin-bottom: 0; min-width: 0; }
  .dev-workspace-info { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .dev-header { align-items: flex-start; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
  .dev-title { gap: 9px; }
  .dev-title-icon { width: 39px; height: 39px; border-radius: 11px; }
  .dev-title-icon svg { width: 22px; height: 22px; }
  .portal-developer-studio .dev-title h2 { font-size: 21px; }
  .dev-title .dev-eyebrow { font-size: 8px; letter-spacing: .04em; }
  .dev-header-actions { margin-left: auto; gap: 3px; flex-wrap: wrap; justify-content: flex-end; }
  .dev-header-actions .dev-button { padding: 6px 8px; font-size: 10px; min-height: 31px; }
  .dev-header-actions .dev-button svg { width: 14px; height: 14px; }
  .dev-pc-status { flex-basis: 100%; justify-content: flex-end; font-size: 9px; margin-bottom: 2px; }
  .dev-header-actions .dev-icon-button { min-width: 28px; min-height: 28px; padding: 5px; }
  .dev-layout { display: block; height: auto; min-height: 0; border-radius: 9px; }
  .dev-mobile-toolbar { display: flex; justify-content: space-between; margin-bottom: 9px; gap: 8px; }
  .dev-mobile-toolbar .dev-button { font-size: 11px; min-height: 33px; padding: 6px 9px; }
  .dev-sidebar { display: none; border-right: 0; border-bottom: 1px solid var(--dev-line); max-height: 380px; padding: 14px; }
  .dev-sidebar.is-open { display: flex; }
  .portal-developer-studio .dev-mobile-only { display: inline-flex; margin-left: auto; }
  .dev-owner-note { display: none; }
  .dev-main { min-height: 600px; }
  .dev-project-bar { padding: 12px 13px; gap: 4px 13px; }
  .dev-project-bar label, .dev-fixed-project { font-size: 9px; flex: 1 1 120px; gap: 4px; }
  .dev-fixed-project strong { font-size: 10px; }
  .portal-developer-studio .dev-project-bar select { font-size: 10px; padding-left: 0; }
  .dev-transcript { padding: 23px 16px; min-height: 300px; max-height: 620px; }
  .portal-developer-studio .dev-welcome h3 { font-size: 24px; }
  .dev-welcome-icon { margin-bottom: 18px; }
  .dev-welcome .dev-eyebrow { font-size: 7px; letter-spacing: .08em; }
  .dev-welcome > p { font-size: 11px; }
  .dev-example-grid { gap: 7px; margin: 24px 0 17px; }
  .portal-developer-studio .dev-example-grid button { padding: 11px; }
  .dev-example-grid strong { font-size: 11px; }
  .dev-example-grid span { font-size: 9px; }
  .dev-task-heading { gap: 9px; }
  .portal-developer-studio .dev-task-heading h3 { font-size: 16px; }
  .dev-message { padding: 12px; }
  .dev-message-text { font-size: 11px; }
  .dev-composer-wrap { padding: 10px 12px 14px; }
  .dev-composer { padding: 9px; }
  .dev-model-field { gap: 8px; }
  .dev-model-control { gap: 0 8px; }
  .dev-model-field label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .portal-developer-studio .dev-model-field select { min-height: 36px; }
  .portal-developer-studio .dev-model-hint { font-size: 9px; }
  .dev-composer-hint { display: none; }
  .dev-char-count { font-size: 8px; }
  .dev-composer-actions .dev-send { padding: 8px 10px; }
  .dev-review { display: grid; padding: 18px 16px; gap: 16px; }
  .dev-review-section { grid-column: 1 / -1; }
  .dev-setup { padding: 17px; }
  .dev-setup-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .dev-setup h3 { font-size: 15px; }
  .dev-steps { margin-bottom: 0; }
  .dev-attachment strong { max-width: 145px; }
}
@media (max-width: 360px) {
  .dev-header-actions { margin-left: 0; width: 100%; justify-content: flex-end; }
  .dev-pc-status { flex-basis: auto; margin-right: auto; justify-content: flex-start; }
  .dev-example-grid { grid-template-columns: minmax(0, 1fr); }
  .dev-review { grid-template-columns: minmax(0, 1fr); }
  .dev-char-count { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-pulse { animation: none; }
  .dev-transcript { scroll-behavior: auto; }
}