yaml-converter .ytj-editor,yaml-converter .ytj-textarea{height:var(--ytj-editor-h,clamp(240px, 36svh, 400px))}@media (width>=600px){yaml-converter .ytj-editor,yaml-converter .ytj-textarea{height:var(--ytj-editor-h,clamp(340px, 52svh, 520px))}}@media (width>=960px){yaml-converter .ytj-editor,yaml-converter .ytj-textarea{height:var(--ytj-editor-h,clamp(520px, 62vh, 760px))}}yaml-converter .ytj-editor{overflow:hidden}yaml-converter .ytj-topbar{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}@media (width>=600px){yaml-converter .ytj-topbar{flex-direction:row;align-items:center}}yaml-converter .ytj-live-dot{background-color:#50e3c2;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #50e3c21f}yaml-converter .ytj-privacy,yaml-converter .ytj-icon-button{border-radius:var(--radius-md);background-color:var(--ytj-canvas-soft-2);min-height:36px;color:var(--ytj-body);box-shadow:var(--shadow-hairline);white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}yaml-converter .ytj-privacy{min-width:36px;padding:0 10px}yaml-converter .ytj-icon-button{min-width:36px;font-size:var(--text-body-sm);padding:0 10px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}yaml-converter .ytj-icon-button:hover,yaml-converter .ytj-menu[open]>.ytj-icon-button{background-color:var(--ytj-canvas);color:var(--ytj-ink);box-shadow:var(--shadow-subtle)}yaml-converter .ytj-menu{flex:none;position:relative}yaml-converter .ytj-menu>summary{list-style:none}yaml-converter .ytj-menu>summary::-webkit-details-marker{display:none}yaml-converter .ytj-menu__panel{z-index:20;border:1px solid var(--ytj-hairline);border-radius:var(--radius-lg);background-color:var(--ytj-canvas);width:min(320px,100vw - 32px);box-shadow:var(--shadow-modal);padding:10px;position:absolute;top:calc(100% + 8px);right:0}yaml-converter .ytj-options-menu .ytj-menu__panel{width:min(360px,100vw - 32px)}yaml-converter .ytj-shortcuts-panel{gap:8px;display:grid}yaml-converter .ytj-shortcut-row{color:var(--ytj-body);font-size:var(--text-body-sm);justify-content:space-between;align-items:center;gap:16px;display:flex}yaml-converter .ytj-mobile-tabs{border-radius:var(--radius-md);background-color:var(--ytj-canvas-soft-2);box-shadow:var(--shadow-hairline);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:4px;display:grid}yaml-converter .ytj-mobile-tab{border-radius:var(--radius-sm);min-height:40px;color:var(--ytj-body);font-size:var(--text-body-sm);font-weight:500}yaml-converter .ytj-mobile-tab[aria-selected=true]{background-color:var(--ytj-canvas);color:var(--ytj-ink);box-shadow:var(--shadow-subtle)}yaml-converter .ytj-workspace{position:relative}yaml-converter .ytj-pane-header{background-color:var(--ytj-code);border-bottom:1px solid #ffffff1a;flex-direction:column;gap:8px;min-height:60px;padding:12px 16px;display:flex}@media (width>=600px){yaml-converter .ytj-pane-header{flex-flow:wrap;align-items:center;padding-inline:20px}}yaml-converter .ytj-swap-column{background-color:var(--ytj-code);border-block:1px solid #ffffff1a;justify-content:center;align-items:center;padding:10px;display:none}@media (width>=960px){yaml-converter .ytj-swap-column{border:0;border-inline:1px solid #ffffff1a;padding-inline:0;display:flex}yaml-converter .ytj-mobile-tabs,yaml-converter .ytj-mobile-back,yaml-converter .ytj-mobile-pane-action{display:none}}@media (width<960px){yaml-converter:not([data-mobile-pane=output]) [data-pane=output],yaml-converter[data-mobile-pane=output] [data-pane=input],yaml-converter[data-mobile-pane=output] .ytj-swap-column{display:none}}yaml-converter .ytj-mobile-back{color:#ffffffb8;font-size:var(--text-body-sm);background:0 0;border:0;padding:0;font-weight:500}yaml-converter .ytj-mobile-pane-action{background-color:var(--ytj-code);border-top:1px solid #ffffff1a;justify-content:flex-end;padding:10px 12px;display:flex}yaml-converter .ytj-drop-overlay{z-index:10;color:#fff;opacity:0;pointer-events:none;text-align:center;backdrop-filter:blur(8px);background-color:#0a0a0ab8;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}yaml-converter .ytj-drop-overlay>div{border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);background-color:#ffffff0f;border:1px dashed #ffffff57;padding:24px 32px}yaml-converter .ytj-drop-overlay p{font-size:var(--text-body-md-strong);margin:0}yaml-converter .ytj-drop-overlay span{color:#ffffff9e;font-family:var(--font-mono);font-size:var(--text-caption);margin-top:4px;display:block}yaml-converter[data-dropping=true] .ytj-drop-overlay{opacity:1}yaml-converter .ytj-options{scrollbar-width:none;overscroll-behavior-x:contain}yaml-converter .ytj-options::-webkit-scrollbar{display:none}yaml-converter .ytj-format-badge{color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background-color:#ffffff14;border-radius:6px;align-items:center;padding:5px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}yaml-converter .ytj-toolbar-sep{background-color:var(--ytj-hairline);flex:none;align-self:center;width:1px;height:20px}yaml-converter .ytj-toolbar-sep--dark{background-color:#ffffff26}yaml-converter .ytj-copy-done,yaml-converter [data-confirmed] .ytj-copy-icon{display:none}yaml-converter [data-confirmed] .ytj-copy-done{display:block}yaml-converter .ytj-resize{display:none}@media (width>=960px){yaml-converter .ytj-resize{background-color:var(--ytj-code);cursor:ns-resize;touch-action:none;user-select:none;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;height:14px;display:flex}}yaml-converter .ytj-resize__grip{background-color:#ffffff38;border-radius:999px;width:40px;height:4px;transition:background-color .15s}yaml-converter .ytj-resize:hover .ytj-resize__grip{background-color:#ffffff73}yaml-converter[data-fullscreen=true] .ytj-resize,yaml-converter .ytj-hints{display:none}@media (width>=960px) and (hover:hover){yaml-converter .ytj-hints{color:var(--ytj-mute);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;padding:0 4px;display:flex}}yaml-converter .ytj-hints__item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}yaml-converter .ytj-hints__note{margin-left:auto}yaml-converter .ytj-kbd{background-color:var(--ytj-canvas);box-shadow:var(--shadow-hairline);color:var(--ytj-body);font-family:var(--font-mono);border-radius:4px;padding:3px 5px;font-size:11px;line-height:1}yaml-converter .ytj-expand-close,yaml-converter[data-fullscreen=true] .ytj-expand-open{display:none}yaml-converter[data-fullscreen=true] .ytj-expand-close{display:block}yaml-converter[data-fullscreen=true]{z-index:60;background-color:var(--ytj-canvas-soft);padding:12px;position:fixed;inset:0;overflow-y:auto}section:has(yaml-converter[data-fullscreen=true]){z-index:60;position:relative}@media (width>=960px){yaml-converter[data-fullscreen=true]{padding:16px 24px}}yaml-converter[data-fullscreen=true] .ytj-editor,yaml-converter[data-fullscreen=true] .ytj-textarea{height:max(320px,100svh - 246px)}@media (width>=960px){yaml-converter[data-fullscreen=true] .ytj-editor,yaml-converter[data-fullscreen=true] .ytj-textarea{height:max(400px,100svh - 226px)}}yaml-converter .ytj-empty{z-index:1;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex;position:absolute;inset:0}yaml-converter[data-filled=true] .ytj-empty{display:none}yaml-converter .ytj-empty__text{max-width:36ch;font-size:var(--text-body-sm);color:#ffffff73;margin:0;line-height:1.5}yaml-converter .ytj-empty__sample{z-index:2;border-radius:var(--radius-sm);color:#ffffffd1;font-size:var(--text-body-sm);pointer-events:auto;background-color:#ffffff14;border:0;margin-top:8px;padding:6px 10px;font-weight:500;transition:background-color .15s,color .15s;position:relative}yaml-converter .ytj-empty__sample:hover{color:#fff;background-color:#ffffff24}yaml-converter .ytj-textarea{resize:none;background-color:var(--ytj-code-deep);color:#fff;width:100%;font-family:var(--font-mono);font-size:var(--text-code);tab-size:2;border:0;outline:none;padding:20px;line-height:1.6;display:block}yaml-converter .ytj-status-strip{background-color:var(--ytj-code);color:#ffffff85;font-size:var(--text-caption);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:9px 14px;display:flex}yaml-converter .ytj-status-strip__privacy{color:#ffffffad}yaml-converter .ytj-verdict{font-size:var(--text-caption);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;line-height:1.4;display:inline-flex}yaml-converter .ytj-verdict:before{content:"";background-color:currentColor;border-radius:50%;flex:none;width:6px;height:6px}yaml-converter .ytj-verdict[data-state=error]{color:#ff6369;background-color:#ff636929}yaml-converter .ytj-verdict[data-state=warn]{color:#f5a623;background-color:#f5a62329}yaml-converter .ytj-verdict[data-state=ok]{color:#50e3c2;background-color:#50e3c229}yaml-converter[data-dropping=true]{outline:2px dashed var(--ytj-link);outline-offset:6px;border-radius:var(--radius-md)}yaml-converter .ytj-msg{border-radius:var(--radius-md);font-size:var(--text-body-sm);padding:12px 16px;line-height:1.5}yaml-converter .ytj-msg+.ytj-msg{margin-top:8px}yaml-converter .ytj-msg--error{background-color:var(--ytj-error-soft);box-shadow:var(--shadow-hairline);color:var(--ytj-error-deep)}yaml-converter .ytj-msg--warn{background-color:var(--ytj-warning-soft);box-shadow:var(--shadow-hairline);color:var(--ytj-warning-deep)}yaml-converter .ytj-msg--note,yaml-converter .ytj-msg--ok{background-color:var(--ytj-canvas);box-shadow:var(--shadow-subtle);color:var(--ytj-body)}yaml-converter .ytj-msg__title{margin:0;font-weight:500}yaml-converter .ytj-msg__where{margin:4px 0 0}yaml-converter .ytj-msg__hint{opacity:.85;margin:4px 0 0}yaml-converter .ytj-msg__detail{font-size:var(--text-caption);opacity:.75;margin-top:8px}yaml-converter .ytj-msg__detail code{font-family:var(--font-mono)}yaml-converter .ytj-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}yaml-converter .ytj-list li{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}yaml-converter .ytj-list--plain li{margin-left:18px;list-style:outside;display:list-item}yaml-converter .ytj-hint{opacity:.8;flex-basis:100%}yaml-converter .ytj-goto{font:inherit;color:var(--ytj-link);text-underline-offset:2px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}yaml-converter .ytj-goto:hover{color:var(--ytj-link-deep)}