@scope(.feature-workspace){:scope{--bg:#f5f5f7;--surface:#ffffffd6;--surface-strong:#fff;--surface-muted:#f5f5f7eb;--ink:#111113;--muted:#6e6e73;--line:#11111314;--line-strong:#11111324;--blue:#0071e3;--blue-soft:#0071e31f;--red:#d92d20;--red-soft:#d92d201f;--green:#0f9d58;--green-soft:#0f9d581f;--amber:#b26a00;--amber-soft:#b26a0024;--shadow:0 12px 36px #0f172a14;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:12px;--motion-fast:.14s;--motion-overlay:.18s;--ease-standard:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}code{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.eyebrow,.meta,.table th,.status-pill,.empty-note,.helper-note,.metric-label,.section-label{letter-spacing:.01em;color:var(--muted);font-size:12px}.eyebrow{margin-bottom:8px;font-weight:600}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:none}.label{margin:0 0 8px;font-size:13px;font-weight:600;display:block}.field,.toolbar input,.toolbar select,.toolbar textarea,.modal-sheet input,.modal-sheet select,.modal-sheet textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--ink);background:#fffffff5;outline:none;padding:12px 14px;transition:border-color .14s,box-shadow .14s,background .14s}.field:focus,.toolbar input:focus,.toolbar select:focus,.toolbar textarea:focus,.modal-sheet input:focus,.modal-sheet select:focus,.modal-sheet textarea:focus{border-color:#0071e357;box-shadow:0 0 0 4px #0071e31f}textarea{resize:vertical}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;gap:10px;display:flex}.row>*{flex:auto}.button{appearance:none;background:var(--blue);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:40px;padding:0 16px;transition:opacity .14s,transform .14s,background .14s,border-color .14s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.52;transform:none}.button.secondary{color:var(--ink);border-color:var(--line);background:#ffffffd6}.button.icon-button{min-width:44px;padding:0;font-size:19px;line-height:1}.button.ghost{color:var(--blue);background:var(--blue-soft);border-color:#0071e324}.button.danger{background:var(--red)}.button.danger.secondary{color:var(--red);background:var(--red-soft);border-color:#d92d2024}.button.compact{min-height:28px;padding:0 10px;font-size:12px}.button.icon-compact{min-width:26px;min-height:26px;padding:0;font-size:13px;line-height:1}.credit-preset-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.inline-check{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.inline-check input{width:auto}.hero{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.hero[hidden],.stats[hidden]{display:none}.hero h2{letter-spacing:-.04em;margin:0;font-size:38px;line-height:1.02}.hero-meta{text-align:right}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.metric{padding:16px 18px}.metric button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.metric-value{letter-spacing:-.03em;margin-top:10px;font-size:30px;line-height:1}.metric-caption{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.35}.content-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin-top:22px;display:grid}:scope:not([data-view=overview]) .content-grid{margin-top:12px}@media (width>=1141px){:scope:not([data-view=overview]) .content-grid{flex:1;align-items:stretch;min-height:0;margin-top:0}:scope:not([data-view=overview]) .content-panel,:scope:not([data-view=overview]) .panel-body{min-height:0}:scope:not([data-view=overview]) .panel-body,:scope:not([data-view=overview]) .table-wrap{flex:1}:scope:not([data-view=overview]) .table-wrap{height:auto;max-height:none}:scope[data-view=playground] .detail-panel{max-height:calc(100dvh - 32px);top:16px}}:scope[data-view=playground] .content-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:stretch;min-height:0}.panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}:scope[data-view=playground] .content-panel{min-height:0}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.panel-header h3{letter-spacing:-.03em;margin:0;font-size:22px}.panel-body{flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex}:scope[data-view=playground] .panel-body{flex:1}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:0;display:flex}.filters-shell{flex:360px;gap:5px;min-width:0;display:grid}.toolbar .filters{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.toolbar .filters>*{flex:145px;min-width:128px}.toolbar input,.toolbar select,.toolbar textarea{min-height:34px;padding:7px 10px;font-size:13px}.table input,.table select{border:1px solid var(--border);width:100%;min-height:34px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 10px}.table input:focus,.table select:focus{border-color:#0071e38c;box-shadow:0 0 0 3px #0071e31f}.toolbar .button{min-height:34px;padding:0 12px;font-size:13px}.toggle-field{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:34px;color:var(--ink);cursor:pointer;background:#fffffff5;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:inline-flex}.toggle-field input{width:auto;min-height:auto;margin:0}.toolbar-status{min-height:15px;font-size:11px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.table-wrap{border:1px solid var(--line);scrollbar-gutter:stable;background:#ffffffb8;border-radius:16px;height:clamp(320px,58vh,760px);max-height:clamp(320px,58vh,760px);padding:16px;overflow:auto}.table-wrap.is-state{scrollbar-gutter:auto}:scope[data-view=playground] .table-wrap{flex:1;height:auto;max-height:none;padding:0}.table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}:scope[data-view=playground] .table,:scope[data-view=playground] .table tbody,:scope[data-view=playground] .table tr{height:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 14px}.table th{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9f9fbf5;font-weight:600;position:sticky;top:0}.table td{font-size:14px;line-height:1.42}.table tbody tr{cursor:pointer;transition:background .14s}.table tbody tr:hover{background:#0071e30a}.table tbody tr.selected{background:#0071e314}.table tbody tr:last-child td{border-bottom:none}.link-button{appearance:none;color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.cell-stack{gap:4px;min-width:0;display:grid}.cell-primary,.cell-secondary,.cell-text{min-width:0}.cell-primary{font-weight:600;line-height:1.35}.cell-secondary{color:var(--muted);font-size:12px;line-height:1.4}.cell-mono,.detail-subtitle,.kv-value,.list-item strong{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-panel{scrollbar-gutter:stable;align-self:start;max-height:calc(100vh - 56px);padding:16px 18px;display:none;position:sticky;top:28px;overflow:auto}:scope[data-view=playground] .detail-panel{display:block}.detail-panel .eyebrow{margin-bottom:6px}.detail-empty,.detail-state{color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.feedback-body{white-space:pre-wrap}.feedback-report-group{border-top:none;padding-top:0}.feedback-report-body{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px 0 4px;font-size:19px;line-height:1.5}.feedback-meta-strip{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.feedback-meta-strip>span{align-items:center;min-height:24px;display:inline-flex}.feedback-meta-strip>span:not(:last-child):after{content:"";background:var(--line-strong);border-radius:999px;width:3px;height:3px;margin-left:8px}.detail-title{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.12}.detail-subtitle{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-groups{gap:0;margin-top:14px;display:grid}.detail-group{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:14px 0}.detail-group:first-child{border-top:none;padding-top:0}.detail-group h4{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;line-height:1.2;display:flex}.kv-list{gap:10px;display:grid}.feedback-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.feedback-meta-grid>div{border-bottom:1px solid var(--line);min-width:0;padding-bottom:10px}.feedback-meta-grid span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.feedback-meta-grid strong{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:600;line-height:1.35;display:block}.kv-row{border-bottom:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);align-items:start;gap:4px 14px;padding-bottom:10px;display:grid}.kv-row:last-child{border-bottom:none;padding-bottom:0}.section-label{font-weight:600}.section-note{color:var(--muted);font-size:12px;font-weight:500}.list-stack{gap:10px;display:grid}.list-item{border-bottom:1px solid var(--line);padding-bottom:10px}.list-item-action{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.list-item:last-child{border-bottom:none;padding-bottom:0}.list-item strong{overflow-wrap:anywhere;display:block}.template-localization-workspace{min-width:0}.template-locale-toolbar{grid-template-columns:minmax(0,1fr) minmax(118px,.45fr);gap:8px;margin-bottom:12px;display:grid}.template-workbench{gap:14px;display:grid}.template-localization-list{gap:10px;max-height:420px;padding-right:2px;display:grid;overflow:auto}.template-localization-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff94;gap:10px;padding:10px;display:grid}.template-localization-row.selected{background:var(--blue-soft);border-color:#0071e347}.template-localization-row-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.template-copy-preview{gap:4px;min-width:0;display:grid}.template-copy-preview span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.35}.template-editor-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb3;gap:12px;padding:12px;display:grid}.template-editor-panel.empty{align-content:start}.template-editor-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.template-editor-header h4,.template-editor-panel h4{margin:0}.template-variable-strip{flex-wrap:wrap;gap:6px;display:flex}.template-variable-strip code{background:#1111130f;border-radius:999px;padding:3px 7px}.template-preview-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f5f5f7b8;gap:6px;padding:10px;display:grid}.template-preview-panel p{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.45}.template-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.status-pill{background:#1111130f;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 9px;display:inline-flex}.status-pill.success{background:var(--green-soft);color:var(--green)}.status-pill.warning{background:var(--amber-soft);color:var(--amber)}.status-pill.info{background:var(--blue-soft);color:var(--blue)}.status-pill.danger{background:var(--red-soft);color:var(--red)}.danger-text{color:var(--red)}.inline-toggle-grid{flex-wrap:wrap;gap:6px 10px;max-width:420px;display:flex}.ai-routing-field-stack,.ai-routing-builder-panel,.ai-routing-action-stack{gap:8px;min-width:0;display:grid}.ai-routing-field-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.2}.ai-routing-reason-grid{max-width:none}.ai-routing-reason-grid .toggle-field{min-width:0}.ai-routing-json-preview{max-width:100%;margin-top:10px}.ai-routing-json-preview summary{padding:8px 10px;font-size:12px}.ai-routing-json-preview .detail-code-block{white-space:pre;word-break:normal;overflow-wrap:normal;max-height:110px;padding:0 10px 10px;overflow:auto}.ai-routing-action-stack .button{justify-content:center;width:100%}.toggle-field.compact{min-height:26px;font-size:12px}.detail-code-block.compact{max-height:140px;margin-top:8px;font-size:11px}.empty-note{margin:0}.state-message{color:var(--muted);margin:0}.state-message.error{color:var(--red)}.toast{z-index:30;color:#fff;opacity:0;pointer-events:none;background:#1c1c1eeb;border-radius:16px;min-width:220px;max-width:360px;padding:12px 14px;transition:opacity .16s,transform .16s;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 20px 40px #0f172a38}.toast.show{opacity:1;transform:translateY(0)}.modal-root[hidden],.detail-overlay-root[hidden]{display:none}.detail-overlay-root{z-index:35;overscroll-behavior:contain;justify-content:center;align-items:flex-start;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.detail-overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a3d;position:fixed;inset:0}.detail-overlay-sheet{z-index:1;background:#fffffff5;border:1px solid #ffffffbd;border-radius:24px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100vw - 36px);max-height:calc(100dvh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a38}.detail-overlay-header{border-bottom:1px solid var(--line);background:#fffffffa;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:18px 22px 14px;display:flex}.detail-overlay-header h3{letter-spacing:-.03em;margin:2px 0 0;font-size:22px;line-height:1.1}.detail-overlay-body{scrollbar-gutter:stable;min-height:0;padding:20px 24px 24px;overflow:auto}@media (width>=980px){.detail-overlay-body .detail-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.detail-overlay-body .detail-group:nth-child(2){border-top:none;padding-top:0}.detail-overlay-body .feedback-report-group,.detail-overlay-body .template-localization-workspace{grid-column:1/-1}}.modal-root{z-index:40;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity var(--motion-overlay) var(--ease-standard);justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.modal-root.is-opening,.modal-root.is-open{opacity:1;pointer-events:auto}.modal-root.is-closing{opacity:0;pointer-events:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--motion-overlay) var(--ease-standard);background:#0f172a3d;position:absolute;inset:0}.modal-sheet{z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;opacity:0;transform-origin:top;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity var(--motion-overlay) var(--ease-standard), transform var(--motion-overlay) var(--ease-standard);will-change:opacity, transform;background:#fffffff0;border:1px solid #ffffffb3;border-radius:24px;margin:0;padding:22px;position:relative;overflow:auto;transform:translateY(10px)scale(.985);box-shadow:0 24px 56px #0f172a2e}.modal-root.is-opening .modal-backdrop,.modal-root.is-open .modal-backdrop{opacity:1}.modal-root.is-opening .modal-sheet,.modal-root.is-open .modal-sheet{opacity:1;transform:translateY(0)scale(1)}.modal-root.is-closing .modal-backdrop,.modal-root.is-closing .modal-sheet{opacity:0}.modal-root.is-closing .modal-sheet{transform:translateY(8px)scale(.99)}.modal-sheet.wide{width:min(920px,100vw - 32px)}.modal-sheet.template-modal-sheet{width:min(640px,100vw - 32px)}.modal-sheet h3{letter-spacing:-.03em;z-index:2;background:linear-gradient(#fffffffa 0% 78%,#fff0 100%);margin:0;padding-bottom:12px;font-size:24px;position:sticky;top:0}.modal-sheet p{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;line-height:1.45}.modal-meta{background:var(--surface-muted);color:var(--muted);border-radius:14px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.4}.modal-error{color:var(--red);margin-top:12px;font-size:13px}.modal-actions{z-index:2;background:linear-gradient(#fff0 0%,#fffffffa 28% 100%);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:12px;display:flex;position:sticky;bottom:0}.template-modal-grid{gap:14px;margin-top:16px;display:grid}.form-grid{gap:14px;margin-top:18px;display:grid}.replay-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{min-width:0}.form-field.full-width{grid-column:1/-1}.detail-disclosure{border:1px solid var(--line);background:#ffffffad;border-radius:14px;overflow:hidden}.detail-disclosure summary{cursor:pointer;color:var(--ink);padding:10px 12px;font-size:13px;font-weight:600}.feedback-secondary-disclosure{margin-top:12px}.feedback-secondary-disclosure .kv-list,.feedback-context-disclosure .kv-list{padding:0 12px 12px}.feedback-context-disclosure{background:0 0}.detail-code-block{white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:0;padding:0 12px 12px;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:12px;display:grid}.compare-card{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.compare-card.selected{background:#0071e30d;border-color:#0071e33d}.compare-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.compare-card-title{overflow-wrap:anywhere;word-break:break-word;margin-top:4px;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.compare-facts{gap:10px;margin-top:0;display:grid}.compare-fact{gap:4px;display:grid}.compare-fact-value{overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:13px;line-height:1.45}.compare-output-grid,.output-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:12px;display:grid}.compare-output-card,.output-preview-card{gap:10px;min-width:0;display:grid}.compare-output-text,.compare-output-value,.output-preview-text,.output-preview-value{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#fff9;border-radius:14px;min-width:0;max-height:min(42vh,360px);padding:12px 14px;overflow:auto}.playground-cell{height:100%;border-bottom:0!important;padding:0!important}.playground-shell,.playground-empty{gap:10px;display:grid}.playground-shell{grid-template-rows:auto auto minmax(520px,1fr);align-content:stretch;min-height:100%}.playground-empty{padding:18px}.playground-section{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff8f;padding:12px}.playground-source-section{gap:8px;padding:10px 12px;display:grid}.playground-source-summary{margin-top:8px}.playground-source-bar{grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr) minmax(160px,.7fr) auto;align-items:end;gap:12px;display:grid}.playground-source-primary{min-width:0}.playground-source-primary h3{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:17px;line-height:1.2;overflow:hidden}.playground-source-route{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.playground-source-select{min-width:0;display:block}.playground-source-select select{width:100%}.playground-source-action{min-height:34px}.playground-source-details{border-top:1px solid var(--line);padding-top:6px}.playground-source-details summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.playground-runtime-bar{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffa8;grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(88px,.75fr));align-items:end;gap:8px;padding:8px 10px;display:grid}.playground-runtime-field{min-width:0}.playground-runtime-field.model{min-width:180px}.playground-runtime-field.compact{min-width:108px}.playground-runtime-field input,.playground-runtime-field select,.playground-panel input,.playground-panel select,.playground-panel textarea,.detail-overlay-sheet input,.detail-overlay-sheet select,.detail-overlay-sheet textarea,.detail-panel input,.detail-panel select,.detail-panel textarea{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:#fffffff0;border-radius:12px;outline:none;padding:7px 10px;transition:border-color .14s,box-shadow .14s,background .14s}.playground-runtime-field input:focus,.playground-runtime-field select:focus,.playground-panel input:focus,.playground-panel select:focus,.playground-panel textarea:focus,.detail-overlay-sheet input:focus,.detail-overlay-sheet select:focus,.detail-overlay-sheet textarea:focus,.detail-panel input:focus,.detail-panel select:focus,.detail-panel textarea:focus{border-color:#0071e357;box-shadow:0 0 0 4px #0071e31f}.readonly-field.compact{min-height:34px;padding:7px 10px;font-size:13px}.playground-workbench{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:stretch;gap:14px;min-height:0;display:grid}.playground-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff9e;flex-direction:column;min-height:0;display:flex;overflow:hidden}.playground-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:12px 14px;display:flex}.playground-panel-header h4{margin:0}.readonly-field{border:1px solid var(--line);min-height:38px;color:var(--muted);overflow-wrap:anywhere;background:#ffffff8f;border-radius:12px;align-items:center;padding:9px 11px;display:flex}#playgroundModelInput{width:100%;min-width:0}.playground-section h3,.playground-section h4,.playground-empty h3{margin:0}.playground-header,.message-card-header,.message-section-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.playground-header{flex-wrap:wrap}.playground-header>div:first-child{min-width:0}.playground-actions,.message-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.playground-warning{margin-top:12px}.playground-textarea{resize:vertical;width:100%;min-height:72px}.playground-system-editor{resize:none;background:#ffffff80;border:0;border-radius:0;flex:1;min-height:360px;line-height:1.5}.playground-textarea:disabled{color:var(--muted);background:#f5f5f7cc}.playground-prompt-controls{border-top:1px solid var(--line);background:#f5f5f76b;gap:10px;padding:12px 14px;display:grid}.prompt-control-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.prompt-control-block{gap:6px;display:grid}.prompt-control-code{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:180px;color:var(--ink);white-space:pre-wrap;background:#ffffffb8;margin:0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.playground-textarea.mono{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}.playground-textarea.compact{min-height:64px}.playground-mode-control{flex-wrap:wrap;gap:4px;display:flex}.segmented-option{border:1px solid var(--line);min-height:26px;color:var(--muted);background:#ffffff9e;border-radius:8px;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.segmented-option input{opacity:0;pointer-events:none;position:absolute}.segmented-option.selected{background:var(--blue-soft);color:var(--blue);border-color:#0071e36b}.tool-editor-list{gap:10px;display:grid}.tool-editor-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff85;gap:10px;padding:10px;display:grid}.tool-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.message-list{gap:8px;margin:12px 0;display:grid}.message-list.editable{margin-bottom:0}.messages-panel .message-list{scrollbar-gutter:stable;flex:1;grid-auto-rows:max-content;align-content:start;min-height:0;margin:0;padding:10px;overflow:auto}.messages-panel{z-index:2;position:relative;overflow:visible}.playground-message-actionbar{border-top:1px solid var(--line);background:#ffffffdb;align-items:center;gap:8px;padding:12px 14px;display:flex}.playground-add-message-menu{position:relative}.playground-add-message-menu>summary{cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex}.playground-add-message-menu>summary::-webkit-details-marker{display:none}.playground-add-message-popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius-sm);min-width:132px;box-shadow:var(--shadow);background:#fffffffa;gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.playground-add-message-popover .button{justify-content:flex-start;width:100%}.playground-reasoning-summary{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff8a;margin:10px 10px 0;padding:8px 10px}.playground-reasoning-summary>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.playground-reasoning-summary>div{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.55}.message-card .playground-reasoning-summary{background:#ffffff94;margin:0}.playground-reasoning-only-result{gap:6px;display:grid}.message-action-spacer{flex:1}.playground-run-duration{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.message-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffad;padding:8px 10px}.message-card.editable{align-content:start;gap:6px;display:grid}.message-card-header{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}.message-card-title{flex:none;align-items:center;gap:6px;min-width:0;display:flex}.message-card-title .section-label{white-space:nowrap;min-width:26px;margin:0}.message-card-title select{width:auto;min-width:86px;min-height:26px;padding:3px 24px 3px 8px;font-size:12px}.message-card-header .playground-mode-control{flex-wrap:nowrap;flex:none;min-width:0}.message-card-actions{flex-wrap:nowrap;flex:none}.message-card .segmented-option{justify-content:center;min-width:28px;min-height:24px;padding:3px 7px;font-size:12px}.message-card>.label{margin:0;font-size:12px}.message-card .playground-textarea{field-sizing:content;resize:none;min-height:34px;max-height:66px;padding:7px 10px;line-height:1.35;overflow-y:auto}.message-card.selected{background:var(--blue-soft);border-color:#0071e36b}@media (width<=1380px){:scope[data-view=playground] .content-grid{grid-template-columns:1fr}:scope[data-view=playground] .detail-panel{max-height:none;position:static}}@media (width<=1140px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,:scope[data-view=playground] .content-grid{grid-template-columns:1fr}.table-wrap,.detail-panel{height:auto;max-height:none}:scope[data-view=playground] .table-wrap{flex:none}.detail-panel{position:static;overflow:visible}.playground-shell{grid-template-rows:auto}.playground-runtime-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-source-bar{grid-template-columns:1fr;align-items:stretch}.playground-workbench{grid-template-columns:1fr}.playground-system-editor{min-height:240px}.replay-form-grid{grid-template-columns:1fr}}@media (width<=720px){.hero{flex-direction:column;align-items:flex-start}.hero-meta{text-align:left}.hero h2{font-size:32px}.stats{grid-template-columns:1fr}.panel-header,.detail-panel{padding-left:16px;padding-right:16px}.kv-row{grid-template-columns:1fr;gap:4px}.playground-runtime-bar{grid-template-columns:1fr}.playground-message-actionbar{flex-wrap:wrap}.message-action-spacer{display:none}.playground-message-actionbar>.button{flex:auto}.modal-root{padding:12px}.detail-overlay-root{padding:0}.detail-overlay-sheet{border-left:none;border-right:none;border-radius:0;width:100vw;min-height:100dvh;max-height:none}.detail-overlay-header{padding:14px 16px 12px}.detail-overlay-body{padding:16px}.modal-sheet,.modal-sheet.wide{border-radius:20px;width:min(100%,100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.compare-grid,.compare-output-grid,.output-preview-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.modal-root,.modal-backdrop,.detail-overlay-root,.detail-overlay-backdrop,.detail-overlay-sheet,.modal-sheet{transition:none}.modal-sheet{transform:none}.button,.table tbody tr,.toast{transition-duration:1ms}}.image-thumbnail:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.message-attachments{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.message-attachments:empty{display:none}.image-thumbnail{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-strong);width:min(100%,15rem);color:var(--ink);text-align:left;cursor:zoom-in;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:.5rem;display:inline-flex}.image-thumbnail:active{background:var(--blue-soft)}.image-thumbnail img{object-fit:contain;background:var(--surface-muted);border-radius:.5rem;width:100%;height:10rem}.image-preview-caption,.attachment-unavailable{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;line-height:1.5}.image-preview-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-strong);width:min(64rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);box-shadow:var(--shadow);padding:1rem;overflow:auto}.image-preview-dialog::backdrop{background:#0000007a}.image-preview-dialog header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.image-preview-dialog img{object-fit:contain;width:100%;max-height:calc(100dvh - 9rem);display:block}.image-preview-dialog img[hidden]{display:none}.image-preview-failed{cursor:default}}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.feature-workspace .detail-overlay-root{z-index:1400}.feature-workspace .modal-root{z-index:1500}body[data-view=ai] #dashboardSurface>div{min-width:0}