.other-formats-chip{position:relative;display:inline-flex}.other-formats-chip>button{padding:3px 10px;border:1px dashed var(--el-accent);border-radius:4px;background:linear-gradient(110deg,color-mix(in srgb,var(--el-accent) 14%,transparent),#976ef01a);color:var(--el-accent);font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 0 2px color-mix(in srgb,var(--el-accent) 6%,transparent);transition:background .15s ease,box-shadow .15s ease}.other-formats-chip>button:hover:not(:disabled){background:linear-gradient(110deg,color-mix(in srgb,var(--el-accent) 22%,transparent),#976ef029);box-shadow:0 0 0 3px color-mix(in srgb,var(--el-accent) 10%,transparent)}.other-formats-chip>button:disabled{opacity:.45;cursor:not-allowed}.other-formats-chip>button:focus-visible{outline:2px solid var(--el-accent);outline-offset:3px}.other-formats-tooltip{display:none;position:absolute;z-index:2;top:100%;left:50%;transform:translate(-50%);width:min(230px,calc(100vw - 48px));padding-top:8px;text-align:center}.other-formats-tooltip>span{display:block;padding:8px 10px;border:1px solid var(--el-border);border-radius:6px;background:var(--el-bg-overlay);color:var(--el-text-primary);font-size:11px;font-weight:400;line-height:1.5;box-shadow:0 4px 12px var(--el-shadow-ink)}.other-formats-chip:not([data-tooltip-dismissed=true]):focus-within .other-formats-tooltip{display:block}@media(hover:hover){.other-formats-chip:not([data-tooltip-dismissed=true]):hover .other-formats-tooltip{display:block}}.adapter-entry-options{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:10px}.adapter-entry-options>div{flex:1;min-width:190px}.adapter-entry-options button{width:100%}.adapter-entry-options p{color:var(--el-text-secondary);font-size:11px;margin:6px 0 0;line-height:1.5}.adapter-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--el-border);border-radius:14px;background:var(--el-bg-base);color:var(--el-text-primary);font:inherit;font-size:13px;overflow-y:auto}.adapter-dialog::backdrop{background:#000000a6}.adapter-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.adapter-dialog h2{font-size:19px;margin:0}.adapter-dialog h3{font-size:13px}.adapter-dialog p{color:var(--el-text-secondary);line-height:1.65}.adapter-dialog button:disabled{cursor:not-allowed!important;opacity:.45}.adapter-dialog button:focus-visible{outline:2px solid var(--el-accent);outline-offset:3px}.adapter-intro-title:focus{outline:none}.adapter-text-button{padding:8px 0;border:0;background:transparent;color:var(--el-accent-blue);font:inherit;cursor:pointer;text-align:left}.adapter-input-methods{display:flex;gap:8px;margin:16px 0 12px}.adapter-input-methods button[aria-pressed=true]{border-color:var(--el-accent)!important}.adapter-url-form{display:grid;gap:10px}.adapter-url-form label{display:grid;gap:6px;font-size:12px}.adapter-url-form input{min-width:0;padding:10px;border:1px solid var(--el-border);border-radius:6px;background:var(--el-bg-surface);color:var(--el-text-primary);font:inherit}.adapter-url-form p{font-size:11px;margin:0}.adapter-advanced-options summary{cursor:pointer;color:var(--el-text-secondary);font-size:12px}.adapter-advanced-options summary:focus-visible{outline:2px solid var(--el-accent);outline-offset:3px}.adapter-advanced-options label{margin:10px 0 6px}.adapter-source-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin:16px 0;background:var(--el-bg-surface);border-radius:8px}.adapter-source-summary>div{min-width:0;overflow-wrap:anywhere}.adapter-source-summary button{flex-shrink:0}.adapter-source-summary p{margin:4px 0 0;font-size:11px}.adapter-recipe-summary,.adapter-folder-step{padding:12px 0;overflow-wrap:anywhere}.adapter-recipe-summary p{margin:4px 0;font-size:11px}.adapter-saved{border-top:1px solid var(--el-border);margin-top:20px;padding-top:6px}.adapter-error{color:var(--el-danger);white-space:pre-wrap;overflow-wrap:anywhere}.adapter-dialog .adapter-error{color:var(--el-danger)}.landing-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:10px;margin-top:8px;width:100%}.landing-presets>button:first-child{grid-column:2 / span 2}.landing-presets>button:nth-child(2){grid-column:4 / span 2}.hosted-teaching-preset{grid-column:3 / span 2;min-width:0;text-align:center;font-size:11px;line-height:1.5}.hosted-teaching-button:disabled{opacity:.5;cursor:not-allowed}.hosted-teaching-preset p{margin:8px 0 0}.hosted-teaching-preset a{color:var(--el-accent-blue);text-underline-offset:2px}.hosted-teaching-preset :is(button,a):focus-visible{outline:2px solid var(--el-accent);outline-offset:3px;border-radius:4px}@media(max-width:640px){.landing-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landing-presets>button{min-width:0!important}.landing-presets>button:first-child,.landing-presets>button:nth-child(2){grid-column:auto}.hosted-teaching-preset{grid-column:1 / -1}.hosted-teaching-button{font-size:12px}}@media(max-width:480px){.adapter-dialog{padding:18px}.adapter-entry-options{gap:10px}.adapter-source-summary{flex-wrap:wrap}}.adapter-inline{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:12px}.adapter-inline .adapter-input-methods{margin:0}.adapter-inline p{margin:4px 0;color:var(--el-text-dim);font-size:11px;line-height:1.4}.adapter-inline button:not(.dataset-load-button){padding:8px 12px!important;border-radius:4px!important}.adapter-inline button:not(.dataset-load-button):disabled{opacity:.45;cursor:not-allowed!important}.adapter-inline :is(input,button):focus-visible{outline:2px solid var(--el-accent);outline-offset:2px}.adapter-inline .adapter-url-form{gap:10px}.adapter-inline input{box-sizing:border-box;width:100%;padding:8px 12px;font-family:monospace;font-size:12px;color:var(--el-text-primary);background:var(--el-bg-overlay);border:1px solid var(--el-border);border-radius:4px}.adapter-inline .adapter-source-summary,.adapter-inline .adapter-recipe-summary,.adapter-inline .adapter-folder-step{margin:0;padding:0;border:0;background:transparent}.adapter-segmented{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;gap:2px;padding:3px;border:1px solid var(--el-border);border-radius:6px;background:var(--el-bg-overlay)}.adapter-segmented>button{flex:0 0 auto;border:0!important;background:transparent!important;color:var(--el-text-dim)!important;padding:7px 10px!important}.adapter-segmented>button[aria-pressed=true]{background:var(--el-bg-surface)!important;color:var(--el-text-primary)!important;box-shadow:0 1px 3px #00000026}.adapter-load-row{display:flex;align-items:center;gap:8px}.adapter-load-row>:first-child{flex:1;min-width:0}.adapter-load-row>.dataset-load-button{flex:0 0 auto}.adapter-intro{text-align:left}.adapter-intro h3{margin:20px 0 6px}.adapter-intro p{margin:8px 0}.adapter-intro-environment{margin:18px 0;padding:18px 20px;border:1px solid color-mix(in srgb,var(--el-accent) 18%,var(--el-border));border-radius:16px;background:linear-gradient(125deg,color-mix(in srgb,var(--el-accent) 9%,var(--el-bg-surface)),color-mix(in srgb,#a78bfa 5%,var(--el-bg-surface)) 70%,var(--el-bg-surface));box-shadow:inset 0 1px #ffffff0d}.adapter-intro-environment h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--el-text-primary)}.adapter-intro-environment h3:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--el-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--el-accent) 12%,transparent)}.adapter-intro-environment details{margin-top:16px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--el-accent) 10%,var(--el-border))}.adapter-intro-environment summary{cursor:pointer;font-weight:500;color:var(--el-text-dim)}.adapter-intro-environment summary:hover,.adapter-intro-environment details[open] summary{color:var(--el-text-primary)}.adapter-intro-environment code{overflow-wrap:anywhere}.adapter-intro-environment a{color:var(--el-accent)}.adapter-intro-cta{margin-top:16px;padding:10px 14px;border:0;border-radius:6px;background:var(--el-accent);color:var(--el-text-on-accent, #000);font:inherit;font-weight:600;cursor:pointer}.adapter-intro-cta:hover{filter:brightness(.95)}.adapter-intro-cta:focus-visible{outline:2px solid var(--el-accent);outline-offset:3px}.hosted-sample-selector>button{font:inherit;font-size:11px;border-radius:4px;cursor:pointer}.hosted-sample-card{position:relative;width:calc(100% + 10px);margin-left:-5px;box-sizing:border-box;border:1px solid var(--el-border);border-radius:8px;background:var(--el-bg-overlay)}@media(max-width:640px){.hosted-sample-card{width:100%;margin-left:0}}.hosted-teaching-button{position:relative;display:block;width:100%;padding:9px 8px 3px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--el-text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.hosted-sample-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:0 6px 7px;color:var(--el-text-dim);font-size:10px}.hosted-sample-selector{margin:0;padding:1px;gap:1px}.hosted-sample-selector>button{padding:2px 4px!important;font-size:10px}.hosted-download{position:relative}.hosted-download>a{white-space:nowrap;text-decoration:none}.hosted-download-hint{display:none;position:absolute;z-index:5;top:100%;right:0;width:220px;padding:8px;border:1px solid var(--el-border);border-radius:6px;background:var(--el-bg-base);color:var(--el-text-secondary);font-size:11px;line-height:1.5;text-align:left}.hosted-download:hover .hosted-download-hint,.hosted-download:focus-within .hosted-download-hint{display:block}.hosted-sample-card{transition:background-color .15s,border-color .15s}.hosted-sample-card:not([data-active=true]):hover:has(.hosted-teaching-button:not(:disabled)){border-color:var(--el-accent);background:color-mix(in srgb,var(--el-accent) 8%,transparent)}.hosted-sample-card[data-active=true]{background:var(--el-accent);border-color:var(--el-accent)}.hosted-sample-card[data-active=true] .hosted-teaching-button,.hosted-sample-card[data-active=true] .hosted-sample-meta,.hosted-sample-card[data-active=true] .hosted-download>a{color:var(--el-text-on-accent, #000)}