.yaml-studio-tool{gap:18px;display:grid}.yaml-studio-header{border:1px solid var(--color-border);background:var(--color-surface);border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.yaml-mode-switch{background:#f1f3f8;border-radius:11px;flex-wrap:wrap;gap:5px;padding:5px;display:flex}.yaml-mode-switch button,.yaml-header-actions button,.yaml-toolbar button,.yaml-convert-card header button,.yaml-convert-card footer button,.yaml-document-preview footer button{border:1px solid var(--color-border);min-height:39px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding-inline:11px;font-weight:700;display:inline-flex}.yaml-mode-switch button{background:0 0;border-color:#0000}.yaml-mode-switch button.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.yaml-header-actions{flex-wrap:wrap;gap:6px;display:flex}.yaml-toolbar{border:1px solid var(--color-border);background:#f8f9fc;border-radius:14px;flex-wrap:wrap;align-items:end;gap:8px;padding:13px;display:flex}.yaml-toolbar label{gap:6px;min-width:160px;display:grid}.yaml-toolbar label>span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px;font-weight:700}.yaml-toolbar select{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-height:39px;padding-inline:10px}.yaml-toolbar button:first-of-type{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.yaml-toolbar button:disabled,.yaml-convert-card button:disabled{opacity:.45;cursor:default}.yaml-validation-card{border:1px solid var(--color-border);border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:15px;display:grid}.yaml-validation-card.is-valid{color:#267452;background:#eefaf4;border-color:#bde3cf}.yaml-validation-card.is-invalid{color:#9e3434;background:#fff1f1;border-color:#efbcbc}.yaml-validation-card strong,.yaml-validation-card span,.yaml-validation-card small{display:block}.yaml-validation-card span{color:var(--color-text-secondary);margin-top:4px}.yaml-validation-card small{margin-top:4px}.yaml-stats-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.yaml-stats-grid article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;padding:12px}.yaml-stats-grid span,.yaml-stats-grid strong{display:block}.yaml-stats-grid span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px}.yaml-stats-grid strong{margin-top:5px;font-size:17px}.yaml-warning-list{gap:7px;display:grid}.yaml-warning-list article{color:#8a681e;background:#fff9e8;border:1px solid #ead6a3;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;display:grid}.yaml-editor-layout,.yaml-tree-layout,.yaml-documents-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;display:grid}.yaml-convert-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.yaml-editor-card,.yaml-search-card,.yaml-tree-card,.yaml-node-card,.yaml-convert-card,.yaml-document-list,.yaml-document-preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px;padding:18px}.yaml-editor-card{grid-template-rows:auto minmax(0,1fr);min-height:720px;padding:0;display:grid;overflow:hidden}.yaml-editor-card>header,.yaml-convert-card>header{border-bottom:1px solid var(--color-border);background:#f8f9fc;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.yaml-editor-card>header>div,.yaml-convert-card>header>div{align-items:center;gap:8px;font-weight:750;display:flex}.yaml-editor-card>header svg,.yaml-convert-card>header svg{color:var(--color-primary)}.yaml-editor-card>header>span{color:var(--color-text-secondary);font-size:10px}.yaml-editor-card textarea,.yaml-convert-card textarea,.yaml-document-preview textarea{resize:none;color:#e3e9f4;background:#101522;border:0;outline:0;width:100%;height:100%;min-height:650px;padding:16px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.yaml-search-card>header,.yaml-tree-card>header,.yaml-node-card>header,.yaml-document-list>header,.yaml-document-preview>header{align-items:flex-start;gap:9px;margin-bottom:14px;display:flex}.yaml-search-card header svg,.yaml-tree-card header svg,.yaml-node-card header svg,.yaml-document-list header svg,.yaml-document-preview header svg{color:var(--color-primary)}.yaml-search-card h2,.yaml-tree-card h2,.yaml-node-card h2,.yaml-document-list h2,.yaml-document-preview h2{margin:0;font-size:18px}.yaml-search-card p,.yaml-tree-card p,.yaml-node-card p,.yaml-document-list p,.yaml-document-preview p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px;line-height:1.55}.yaml-search-card>label{border:1px solid var(--color-border);background:#fff;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding-inline:10px;display:grid}.yaml-search-card>label input{border:0;outline:0;min-height:43px}.yaml-search-results{gap:7px;max-height:625px;margin-top:12px;display:grid;overflow:auto}.yaml-search-results article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:11px}.yaml-search-results span,.yaml-search-results code,.yaml-search-results strong,.yaml-search-results p{display:block}.yaml-search-results span{color:var(--color-primary);text-transform:uppercase;font-size:9px;font-weight:750}.yaml-search-results code{overflow-wrap:anywhere;margin-top:5px}.yaml-search-results strong{margin-top:6px}.yaml-search-results p{color:var(--color-text-secondary);margin:5px 0 0}.yaml-empty-note{border:1px dashed var(--color-border);color:var(--color-text-secondary);text-align:center;background:#fafbfe;border-radius:10px;padding:18px;font-size:11px}.yaml-tree-root{max-height:680px;overflow:auto}.yaml-tree-node{margin-left:2px}.yaml-tree-node>button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:20px auto auto minmax(0,1fr);align-items:center;gap:7px;width:100%;padding:7px 8px;display:grid}.yaml-tree-node>button:hover,.yaml-tree-node>button.is-selected{background:var(--color-primary-soft)}.yaml-tree-toggle{place-items:center;width:18px;height:18px;display:grid}.yaml-tree-node code{color:var(--color-primary);font-weight:750}.yaml-tree-node small{color:var(--color-text-secondary);background:#fff;border-radius:999px;padding:3px 6px;font-size:9px}.yaml-tree-node em{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:10px;overflow:hidden}.yaml-tree-children{border-left:1px solid var(--color-border);margin-left:18px;padding-left:9px}.yaml-node-details{gap:8px;display:grid}.yaml-node-details article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:11px}.yaml-node-details span,.yaml-node-details strong,.yaml-node-details code,.yaml-node-details p{display:block}.yaml-node-details span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px}.yaml-node-details strong,.yaml-node-details code,.yaml-node-details p{overflow-wrap:anywhere;margin:5px 0 0}.yaml-convert-card{grid-template-rows:auto minmax(0,1fr) auto;min-height:590px;padding:0;display:grid;overflow:hidden}.yaml-convert-card.is-wide{grid-column:1/-1}.yaml-convert-card textarea{min-height:480px}.yaml-convert-card>footer,.yaml-document-preview>footer{border-top:1px solid var(--color-border);background:#f8f9fc;justify-content:flex-end;gap:7px;padding:9px 12px;display:flex}.yaml-convert-card>footer button:first-child{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.yaml-document-list>div{gap:7px;display:grid}.yaml-document-list>div>button{border:1px solid var(--color-border);cursor:pointer;text-align:left;background:#f8f9fc;border-radius:9px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:11px;display:grid}.yaml-document-list>div>button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.yaml-document-list>div>button>span{width:28px;height:28px;color:var(--color-primary);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.yaml-document-list strong,.yaml-document-list small{display:block}.yaml-document-list small{color:var(--color-text-secondary);margin-top:4px}.yaml-document-preview{grid-template-rows:auto minmax(0,1fr) auto;min-height:650px;padding:0;display:grid;overflow:hidden}.yaml-document-preview>header{margin:0;padding:18px}.yaml-document-preview textarea{min-height:540px}.yaml-native-error{color:#8a681e;background:#fff9e8;border:1px solid #ead6a3;border-radius:11px;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:13px;display:grid}.yaml-native-error strong,.yaml-native-error code{display:block}.yaml-native-error code{overflow-wrap:anywhere;margin-top:5px}.yaml-status{color:#267452;background:#eefaf4;border:1px solid #bde3cf;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:13px;display:grid}.yaml-status span{color:var(--color-text-secondary);font-size:11px}.yaml-privacy{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.yaml-privacy svg{color:#267452}@media (width<=1200px){.yaml-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.yaml-editor-layout,.yaml-tree-layout,.yaml-documents-layout{grid-template-columns:1fr}.yaml-editor-card{min-height:600px}.yaml-editor-card textarea{min-height:530px}.yaml-search-results,.yaml-tree-root{max-height:500px}}@media (width<=900px){.yaml-convert-layout{grid-template-columns:1fr}.yaml-convert-card.is-wide{grid-column:auto}.yaml-convert-card{min-height:560px}.yaml-convert-card textarea{min-height:450px}.yaml-studio-header{flex-direction:column;align-items:stretch}.yaml-header-actions button{flex:1}}@media (width<=700px){.yaml-mode-switch,.yaml-toolbar{grid-template-columns:1fr 1fr;display:grid}.yaml-toolbar label{grid-column:1/-1}.yaml-stats-grid{grid-template-columns:1fr 1fr}.yaml-convert-card>footer,.yaml-document-preview>footer{display:grid}.yaml-tree-node>button{grid-template-columns:20px minmax(0,1fr) auto}.yaml-tree-node em{grid-column:2/-1}}