yaml-converter .ytj-editor,yaml-converter .ytj-textarea{height:var(--ytj-editor-h,clamp(260px, 40svh, 420px))}@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(480px, 60vh, 740px))}}yaml-converter .ytj-editor{overflow:hidden}yaml-converter .ytj-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px 8px;display:flex}yaml-converter .ytj-live{color:var(--ytj-ink);font-size:var(--text-body-sm);align-items:center;gap:8px;font-weight:600;display:inline-flex}yaml-converter .ytj-live__dot{background-color:var(--ytj-good);border-radius:999px;flex:none;width:8px;height:8px;position:relative}yaml-converter .ytj-live__dot:after{content:"";border-radius:inherit;background-color:var(--ytj-good);opacity:.25;animation:2.4s ease-in-out infinite ytj-breathe;position:absolute;inset:-4px}@keyframes ytj-breathe{50%{opacity:0;transform:scale(1.5)}}yaml-converter .ytj-privacy,yaml-converter .ytj-icon-button{border-radius:var(--radius-sm);min-width:34px;min-height:34px;color:var(--ytj-body);font-size:var(--text-body-sm);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-weight:600;display:inline-flex}yaml-converter .ytj-privacy{background-color:var(--ytj-good-soft);color:var(--ytj-good-deep);margin-right:4px}yaml-converter .ytj-icon-button{transition:background-color .16s,color .16s,box-shadow .16s}yaml-converter .ytj-icon-button:hover,yaml-converter .ytj-menu[open]>.ytj-icon-button,yaml-converter [data-action=expand][aria-pressed=true]{background-color:var(--ytj-canvas-soft-2);color:var(--ytj-ink)}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(300px,100vw - 32px);box-shadow:var(--shadow-modal);transform-origin:100% 0;padding:6px;position:absolute;top:calc(100% + 8px);right:0}yaml-converter .ytj-menu[open]>.ytj-menu__panel{animation:ytj-menu-in .18s var(--ease-out-soft)}yaml-converter .ytj-options-menu .ytj-menu__panel{width:min(320px,100vw - 32px)}yaml-converter .ytj-opt{border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--ytj-ink);font-size:var(--text-body-sm);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 10px;font-weight:500;transition:background-color .14s;display:flex}yaml-converter .ytj-opt:hover{background-color:var(--ytj-canvas-soft-2)}yaml-converter .ytj-select{appearance:none;background-color:var(--ytj-canvas-soft-2);max-width:60%;box-shadow:var(--shadow-hairline);color:var(--ytj-ink);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b93a1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:7px;outline:none;padding:6px 28px 6px 10px;font-weight:600}yaml-converter .ytj-opt:hover .ytj-select{background-color:var(--ytj-canvas)}yaml-converter .ytj-select:focus-visible{outline:2px solid var(--ytj-primary);outline-offset:1px}yaml-converter .ytj-switch{background-color:var(--ytj-hairline-strong);border-radius:999px;flex:none;width:34px;height:20px;margin-right:4px;transition:background-color .2s;position:relative}yaml-converter .ytj-switch:after{content:"";width:16px;height:16px;transition:transform .24s var(--ease-spring);background-color:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}yaml-converter [data-on=true] .ytj-switch{background-color:var(--ytj-primary)}yaml-converter [data-on=true] .ytj-switch:after{transform:translate(14px)}yaml-converter .ytj-shortcuts-panel{gap:2px;display:grid}yaml-converter .ytj-shortcut-row{border-radius:var(--radius-sm);color:var(--ytj-body);font-size:var(--text-body-sm);justify-content:space-between;align-items:center;gap:16px;padding:7px 8px 7px 10px;display:flex}yaml-converter .ytj-kbd{background-color:var(--ytj-canvas-soft-2);box-shadow:inset 0 -2px 0 var(--ytj-hairline-strong), inset 0 0 0 1px var(--ytj-hairline);color:var(--ytj-ink);font-family:var(--font-mono);border-radius:6px;padding:4px 7px;font-size:11.5px;line-height:1}yaml-converter .ytj-mobile-tabs{border-radius:var(--radius-md);background-color:var(--ytj-canvas-soft-2);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;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:600;transition:background-color .16s,color .16s,box-shadow .16s}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{border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}yaml-converter .ytj-pane-header{background-color:var(--ytj-code);border-bottom:1px solid #ffffff12;flex-flow:wrap;align-items:center;gap:8px;min-height:56px;padding:10px 8px 10px 12px;display:flex}@media (width>=600px){yaml-converter .ytj-pane-header{padding-inline:14px 10px}}yaml-converter .ytj-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}yaml-converter .ytj-format-badge{color:#fff;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;background-color:#ffffff12;border-radius:7px;align-items:center;gap:7px;padding:5px 9px 5px 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}yaml-converter .ytj-format-badge:before{content:"";background-color:var(--color-sun);border-radius:999px;width:7px;height:7px}yaml-converter .ytj-format-badge--out:before{background-color:var(--color-cyan)}yaml-converter .ytj-count{color:#ffffff7a;font-size:var(--text-caption);font-variant-numeric:tabular-nums}yaml-converter .ytj-btn{border-radius:var(--radius-sm);color:#ffffffc7;white-space:nowrap;min-width:32px;height:32px;transition:background-color .14s ease, color .14s ease, transform .14s var(--ease-out-soft), box-shadow .14s ease;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}yaml-converter .ytj-btn:hover{color:#fff;background-color:#ffffff14}yaml-converter .ytj-btn:active{transform:translateY(1px)scale(.98)}yaml-converter .ytj-btn--danger:hover{color:#ffa3a3;background-color:#ff6b6b24}yaml-converter .ytj-btn[data-confirmed]{color:#8ff0b8;background-color:#3ddc8429}yaml-converter .ytj-btn--primary{background-color:var(--color-sun);color:#15171c;min-width:88px;margin-left:2px;box-shadow:0 2px #c99a00}yaml-converter .ytj-btn--primary:hover{color:#15171c;background-color:#ffdc5e;transform:translateY(-1px);box-shadow:0 3px #c99a00}yaml-converter .ytj-btn--primary:active{transform:translateY(2px);box-shadow:0 0 #c99a00}yaml-converter .ytj-btn--primary[data-confirmed]{color:#0b2a17;background-color:#3ddc84;box-shadow:0 2px #1f9d57}@media (width<520px),(960px<=width<1200px){yaml-converter .ytj-btn:not([data-confirmed]) .ytj-btn__label{display:none}yaml-converter .ytj-btn:not(.ytj-btn--primary){width:34px;padding:0}yaml-converter .ytj-btn[data-confirmed]:not(.ytj-btn--primary){width:auto;padding:0 10px}}yaml-converter .ytj-toolbar-sep{background-color:#ffffff1f;flex:none;width:1px;height:18px;margin:0 2px}yaml-converter .ytj-copy-done,yaml-converter [data-confirmed] .ytj-copy-icon{display:none}yaml-converter [data-confirmed] .ytj-copy-done{animation:ytj-pop .36s var(--ease-spring);display:block}yaml-converter .ytj-swap-column{background-color:var(--ytj-code);justify-content:center;align-items:center;display:none}@media (width>=960px){yaml-converter .ytj-swap-column{border-inline:1px solid #ffffff12;display:flex}}@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-swap{background-color:var(--color-sun);color:#15171c;width:40px;height:40px;transition:transform .16s var(--ease-out-soft), box-shadow .16s ease;border-radius:999px;justify-content:center;align-items:center;display:flex;box-shadow:0 3px #c99a00,0 0 0 6px #ffd43b14}yaml-converter .ytj-swap:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 4px #c99a00,0 0 0 8px #ffd43b1f}yaml-converter .ytj-swap:active{transform:translateY(3px);box-shadow:0 0 #c99a00,0 0 0 6px #ffd43b14}yaml-converter .ytj-swap__icon{transition:transform .48s var(--ease-spring)}yaml-converter .ytj-swap[data-turned=true] .ytj-swap__icon{transform:rotate(180deg)}yaml-converter .ytj-mobile-back{color:#ffffffb8;font-size:var(--text-body-sm);background:0 0;border:0;padding:0 6px 0 0;font-weight:600}yaml-converter .ytj-mobile-pane-action{background-color:var(--ytj-code);border-top:1px solid #ffffff12;justify-content:flex-end;padding:10px 12px;display:flex}@media (width>=960px){yaml-converter .ytj-mobile-tabs,yaml-converter .ytj-mobile-back,yaml-converter .ytj-mobile-pane-action{display:none}}yaml-converter .ytj-drop-overlay{z-index:10;color:#fff;opacity:0;pointer-events:none;text-align:center;backdrop-filter:blur(6px);background-color:#0c0e11c7;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}yaml-converter .ytj-drop-overlay__card{border-radius:var(--radius-lg);transition:transform .26s var(--ease-spring);background-color:#ffd43b0f;border:2px dashed #ffd43b99;justify-items:center;gap:4px;padding:28px 40px;display:grid;transform:scale(.94)}yaml-converter .ytj-drop-overlay__icon{background-color:var(--color-sun);color:#15171c;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex}yaml-converter[data-dropping=true] .ytj-drop-overlay__icon{animation:.9s ease-in-out infinite ytj-bob}@keyframes ytj-bob{50%{transform:translateY(4px)}}yaml-converter .ytj-drop-overlay p{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}yaml-converter .ytj-drop-overlay span:last-child{color:#fff9;font-family:var(--font-mono);font-size:var(--text-caption)}yaml-converter[data-dropping=true] .ytj-drop-overlay{opacity:1}yaml-converter[data-dropping=true] .ytj-drop-overlay__card{transform:scale(1)}yaml-converter[data-dropping=true] .ytj-shell{border-color:var(--ytj-primary);box-shadow:0 0 0 4px var(--ytj-primary-soft), var(--shadow-float)}yaml-converter .ytj-options{scrollbar-width:none;overscroll-behavior-x:contain}yaml-converter .ytj-options::-webkit-scrollbar{display:none}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 #ffffff12;justify-content:center;align-items:center;height:14px;display:flex}}yaml-converter .ytj-resize__grip{width:36px;height:4px;transition:background-color .16s ease, width .22s var(--ease-out-soft);background-color:#fff3;border-radius:999px}yaml-converter .ytj-resize:hover .ytj-resize__grip{background-color:var(--color-sun);width:56px}yaml-converter[data-fullscreen=true] .ytj-resize,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);animation:ytj-expand-in .24s var(--ease-out-soft);padding:12px;position:fixed;inset:0;overflow-y:auto}@keyframes ytj-expand-in{0%{opacity:0;transform:scale(.985)}}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 - 214px)}}yaml-converter .ytj-empty{z-index:1;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}yaml-converter[data-filled=true] .ytj-empty{display:none}yaml-converter .ytj-empty__icon{color:#ffffff80;background-color:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}yaml-converter .ytj-empty__icon--in{color:var(--color-sun);background-color:#ffd43b1a;box-shadow:inset 0 0 0 1px #ffd43b38}yaml-converter .ytj-empty__text{max-width:34ch;font-size:var(--text-body-sm);color:#ffffff94;margin:0;line-height:1.55}yaml-converter .ytj-empty__text [data-empty-label]{color:#ffffffe6;font-weight:600}yaml-converter .ytj-empty__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}yaml-converter .ytj-empty__btn{z-index:2;border-radius:var(--radius-sm);color:#ffffffdb;height:36px;font-size:var(--text-body-sm);pointer-events:auto;transition:background-color .14s ease, color .14s ease, transform .14s var(--ease-out-soft), box-shadow .14s ease;background-color:#ffffff14;border:0;align-items:center;gap:7px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}yaml-converter .ytj-empty__btn:hover{color:#fff;background-color:#ffffff24;transform:translateY(-1px)}yaml-converter .ytj-empty__btn:active{transform:translateY(1px)}yaml-converter .ytj-empty__btn--primary{background-color:var(--color-sun);color:#15171c;box-shadow:0 2px #c99a00}yaml-converter .ytj-empty__btn--primary:hover{color:#15171c;background-color:#ffdc5e;box-shadow:0 3px #c99a00}yaml-converter .ytj-empty__btn--primary:active{transform:translateY(2px);box-shadow:0 0 #c99a00}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:#ffffff80;font-size:var(--text-caption);border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:9px 14px;display:flex}yaml-converter .ytj-status-strip__privacy{color:#8ff0b8d9;align-items:center;gap:6px;display:inline-flex}yaml-converter .ytj-verdict{font-size:var(--text-caption);white-space:nowrap;animation:ytj-pop .34s var(--ease-spring);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;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]{background-color:var(--ytj-error-soft);color:var(--ytj-error-deep)}yaml-converter .ytj-verdict[data-state=warn]{background-color:var(--ytj-warning-soft);color:var(--ytj-warning-deep)}yaml-converter .ytj-verdict[data-state=ok]{background-color:var(--ytj-good-soft);color:var(--ytj-good-deep)}yaml-converter .ytj-status{padding:0 2px 2px}yaml-converter .ytj-msg{border-radius:var(--radius-md);font-size:var(--text-body-sm);border-left:3px solid #0000;margin:0;padding:12px 16px;line-height:1.55}yaml-converter .ytj-msg+.ytj-msg{margin-top:8px}yaml-converter .ytj-msg--error{border-left-color:var(--ytj-error);background-color:var(--ytj-error-soft);color:var(--ytj-error-deep)}yaml-converter .ytj-msg--warn{border-left-color:var(--ytj-warning);background-color:var(--ytj-warning-soft);color:var(--ytj-warning-deep)}yaml-converter .ytj-msg--ok{border-left-color:var(--ytj-good);background-color:var(--ytj-good-soft);color:var(--ytj-good-deep);font-weight:500}yaml-converter .ytj-msg--note{border-left-color:var(--ytj-hairline-strong);background-color:var(--ytj-canvas-soft);color:var(--ytj-body)}yaml-converter .ytj-msg__title{margin:0;font-weight:600}yaml-converter .ytj-msg__where{margin:4px 0 0}yaml-converter .ytj-msg__hint{opacity:.88;margin:4px 0 0}yaml-converter .ytj-msg__detail{font-size:var(--text-caption);opacity:.8;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:.82;flex-basis:100%}yaml-converter .ytj-goto{font:inherit;color:inherit;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline 2px}yaml-converter .ytj-goto:hover{text-decoration-color:var(--ytj-primary)}@media (prefers-reduced-motion:reduce){yaml-converter *,yaml-converter :before,yaml-converter :after,yaml-converter[data-fullscreen=true]{transition:none!important;animation:none!important}}