.y2p-wrap{margin-bottom:2rem;background:var(--surface,var(--bs-body-bg,#fff));border:1px solid var(--border,rgba(0,0,0,0.08));border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.y2p-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;padding:1rem 1.25rem;background:var(--surface-muted,rgba(0,0,0,0.02));border-bottom:1px solid var(--border,rgba(0,0,0,0.06));}
.y2p-bar-group{display:flex;flex-direction:column;gap:0.35rem;}
.y2p-bar-label{font-size:0.75rem;font-weight:600;color:var(--text-muted,#6c757d);letter-spacing:0.03em;text-transform:uppercase;}
.y2p-select{min-width:140px;min-height:42px;padding:0.5rem 2rem 0.5rem 0.75rem;font-size:0.9375rem;font-weight:500;color:var(--text-main,var(--bs-body-color,#212529));background:var(--bs-body-bg,#fff);border:1px solid var(--border,rgba(0,0,0,0.12));border-radius:10px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;-webkit-tap-highlight-color:transparent;transition:border-color 0.2s,box-shadow 0.2s;}
.y2p-select:focus{outline:0;border-color:var(--primary,var(--bs-primary,#0d6efd));box-shadow:0 0 0 3px rgba(13,110,253,0.15);}
.y2p-input{min-width:120px;min-height:42px;padding:0.5rem 0.75rem;font-size:0.9375rem;border:1px solid var(--border,rgba(0,0,0,0.12));border-radius:10px;background:var(--bs-body-bg,#fff);color:var(--text-main,var(--bs-body-color,#212529));transition:border-color 0.2s,box-shadow 0.2s;}
.y2p-input:focus{outline:0;border-color:var(--primary,var(--bs-primary,#0d6efd));box-shadow:0 0 0 3px rgba(13,110,253,0.15);}
.y2p-input::placeholder{color:var(--text-muted,#adb5bd);}
.y2p-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-left:auto;}
.y2p-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.25rem;font-size:0.9375rem;font-weight:500;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.1s;-webkit-tap-highlight-color:transparent;}
.y2p-btn:active{transform:scale(0.98);}
.y2p-btn-primary{background:var(--primary,var(--bs-primary,#0d6efd));color:#fff;border-color:var(--primary,var(--bs-primary,#0d6efd));}
.y2p-btn-primary:hover{filter:brightness(1.08);}
.y2p-btn-outline{background:transparent;color:var(--primary,var(--bs-primary,#0d6efd));border:1px solid var(--border,rgba(0,0,0,0.15));}
.y2p-btn-outline:hover{background:rgba(13,110,253,0.06);}
.y2p-btn-secondary{background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--border,rgba(0,0,0,0.12));}
.y2p-btn-secondary:hover{background:var(--bs-light,rgba(0,0,0,0.04));}
.y2p-btn-ghost{background:transparent;color:var(--text-muted,#6c757d);border:1px solid transparent;}
.y2p-btn-ghost:hover{color:var(--bs-body-color,#212529);background:var(--bs-light,rgba(0,0,0,0.04));}
.y2p-panes{display:grid;grid-template-columns:1fr;gap:0;min-height:280px;}
@media (min-width:768px){.y2p-panes{grid-template-columns:1fr 1fr;}}
.y2p-pane{display:flex;flex-direction:column;gap:0.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border,rgba(0,0,0,0.06));}
@media (min-width:768px){.y2p-pane:first-child{border-right:1px solid var(--border,rgba(0,0,0,0.06));}.y2p-pane:last-child{border-bottom:none;}}
.y2p-pane:last-child{border-bottom:none;}
.y2p-pane-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted,#6c757d);letter-spacing:0.02em;}
.y2p-editor{width:100%;min-height:240px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.875rem;line-height:1.55;border:1px solid var(--border,rgba(0,0,0,0.1));border-radius:10px;background:var(--bs-body-bg,#fff);resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;-webkit-appearance:none;appearance:none;}
.y2p-editor:focus{outline:0;border-color:var(--primary,var(--bs-primary,#0d6efd));box-shadow:0 0 0 3px rgba(13,110,253,0.12);}
.y2p-editor::placeholder{color:var(--text-muted,#adb5bd);}
.y2p-output{background:var(--bs-light,rgba(0,0,0,0.03));cursor:default;}
.y2p-foot{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border,rgba(0,0,0,0.06));background:var(--surface-muted,rgba(0,0,0,0.02));}
@media (max-width:767px){.y2p-bar{padding:1rem;}.y2p-bar-actions{margin-left:0;width:100%;}.y2p-pane{padding:1rem;}.y2p-editor{min-height:200px;}.y2p-foot{padding:1rem;}}