.api-editor-v2 .api-editor{grid-template-columns:190px minmax(0,1fr) 260px}.api-editor-v2 .editor-stage{min-width:0}.api-editor-v2 .editor-preview-wrap{max-width:650px;margin:auto;transition:max-width .2s}.api-editor-v2 .editor-preview-wrap.mobile{max-width:340px}.api-editor-v2 .editor-frame{display:block;background:white;border:1px solid var(--line);border-radius:8px;width:100%;height:600px}.api-editor-v2 .editor-policy{padding:12px 16px;border:1px solid #d4dfd0;background:#f0f5eb;font-size:12px;line-height:1.6;border-radius:0 0 8px 8px}.api-editor-v2 .editor-code{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:370px;width:100%;tab-size:2;resize:vertical;white-space:pre}.api-editor-v2 .editor-tree{max-height:350px;overflow:auto;margin-top:18px}.api-editor-v2 .editor-tree button{font-size:11px;padding:9px 7px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.api-editor-v2 .editor-tree button.selected{background:#e6efdf;border-color:#82ac93}.api-editor-v2 .editor-mode{display:flex;gap:8px;margin:12px 0}.api-editor-v2 .editor-mode [aria-pressed=true]{background:#245943;color:white}.api-editor-v2 .editor-note{margin:12px 0}.api-editor-v2 .editor-prop-footer{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.api-editor-v2 .editor-history-code{width:100%;min-height:180px;font:12px/1.5 monospace}.api-editor-v2 .editor-history-frame{width:100%;height:480px;border:1px solid var(--line)}.api-editor-v2 .editor-file{max-width:100%;font-size:12px}.api-editor-v2 .editor-wide{grid-column:1/-1}.api-editor-v2 .editor-warning{background:#fff7e9;border:1px solid #e6d7b8;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.api-editor-v2 .editor-tree .btn{margin-bottom:6px}@media(max-width:1150px){.api-editor-v2 .api-editor{grid-template-columns:180px minmax(0,1fr)}.api-editor-v2 .api-props{position:static;grid-column:1/-1}}@media(max-width:760px){.api-editor-v2 .api-editor{grid-template-columns:1fr}.api-editor-v2 .api-editor-tools{display:block}.api-editor-v2 .api-editor-tools>.btn{display:inline-block;width:auto}.api-editor-v2 .editor-tree button{display:block;width:100%}.api-editor-v2 .editor-frame{height:520px}}
.api-editor-v2 .editor-topbar{position:sticky;top:0;z-index:4;background:#f5f8f3ee;backdrop-filter:blur(10px);padding:14px 0;flex-wrap:wrap;gap:14px}.api-editor-v2 .editor-title{font-size:15px;margin:0 12px 0 6px}.api-editor-v2 .editor-code-toolbar{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:#18372e;color:#dbe9df;font:11px/1.5 ui-monospace,monospace;border-radius:8px 8px 0 0}.api-editor-v2 .editor-code-wrap{display:grid;grid-template-columns:48px minmax(0,1fr);border:1px solid #cddbd1;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;background:#fafcf9}.api-editor-v2 .editor-code-lines{margin:0;padding:14px 8px;text-align:right;height:420px;overflow:hidden;background:#edf3ed;color:#829487;user-select:none;font:13px/20.8px ui-monospace,SFMono-Regular,Consolas,monospace}.api-editor-v2 .editor-code-wrap .editor-code{margin:0;border:0;border-radius:0;padding:14px 12px;min-height:420px;height:420px;resize:vertical;line-height:20.8px;background:#fafcf9;color:#203e33;outline-offset:-2px;overflow:auto}.api-editor-v2 [data-editor-status]{display:inline-block;font-size:11px;padding:5px 9px;border-radius:20px;background:#e9f1e6}.api-editor-v2 [data-editor-status].api-dirty{background:#fff2df;color:#8b5c28}.api-editor-v2 .btn:focus-visible,.api-editor-v2 input:focus-visible,.api-editor-v2 textarea:focus-visible,.api-editor-v2 select:focus-visible{outline:2px solid #4b8f6e;outline-offset:3px}.api-editor-v2 .btn:disabled{opacity:.45;cursor:not-allowed}.api-editor-v2 .editor-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.api-editor-v2 .editor-test-summary{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f3f7ef;line-height:1.7;font-size:12px}@media(max-width:760px){.api-editor-v2 .editor-topbar{position:static}.api-editor-v2 .editor-title{display:none}.api-editor-v2 .editor-test-grid{grid-template-columns:1fr}.api-editor-v2 .editor-code-toolbar{flex-wrap:wrap}}
.api-editor-v2 .editor-publication-review{max-width:660px}.api-editor-v2 .editor-review-eyebrow{color:#477c5f;font-size:10px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px}.api-editor-v2 .editor-publication-review h2{margin-bottom:12px}.api-editor-v2 .editor-publication-review [data-publication-subject]{overflow-wrap:anywhere}.api-editor-v2 .editor-publication-review .editor-warning p+p{margin-top:10px}.api-editor-v2 .editor-publication-review footer{border-top:1px solid var(--line);padding-top:20px}
.api-editor-v2 .api-editor.editor-html{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.api-editor-v2 .editor-html>.api-editor-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:0;padding:14px 18px}.api-editor-v2 .editor-html>.api-editor-tools h2{font-size:14px;margin:0 10px 0 0}.api-editor-v2 .editor-html>.api-editor-tools .btn{display:inline-flex;width:auto;margin:0}.api-editor-v2 .editor-html>.api-editor-tools hr{display:none}.api-editor-v2 .editor-html>.api-editor-tools label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-right:auto}.api-editor-v2 .editor-html>.api-editor-tools input[type=file]{width:245px}.api-editor-v2 .editor-html>.editor-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.api-editor-v2 .editor-html>.editor-stage>.api-card{margin:0;padding:18px;min-width:0}.api-editor-v2 .editor-preview-panel{min-width:0}.api-editor-v2 .editor-html .editor-preview-panel .editor-frame{height:590px}.api-editor-v2 .editor-html>.api-props{position:static;grid-column:1/-1;margin:0;padding:14px 18px}.api-editor-v2 .editor-tips>summary{cursor:pointer;font-weight:650;font-size:13px;color:#365c48}.api-editor-v2 .editor-tips-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.api-editor-v2 .editor-tips-body .editor-note{margin:0}@media(max-width:900px){.api-editor-v2 .editor-html>.editor-stage{grid-template-columns:minmax(0,1fr)}.api-editor-v2 .editor-tips-body{grid-template-columns:1fr}.api-editor-v2 .editor-html>.api-editor-tools label{width:100%}}