@font-face{font-family:Inter;src:url(/serlo-editor-prototype/static/font/inter.e4653e2f.woff2)format("woff2");font-style:normal;font-display:swap}:root{--font-sans:"Inter",sans-serif;--color-page-bg:#f7f6f3;--color-surface:#fff;--color-surface-subtle:#fafaf9;--color-border:#e7e5e4;--color-text:#2f3437;--color-text-muted:#6b7280;--color-accent:#2f76ff;--color-accent-contrast:#fff;--color-fill-blank:#c9a800;--color-multiple-choice:#2f76ff;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--radius-1:.5rem;--radius-2:.75rem;--radius-3:1rem;--shadow-1:0 10px 24px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-page-bg);margin:0}#root{min-height:100vh}.app{gap:var(--space-3);min-height:100vh;padding:var(--space-3);flex-direction:column;display:flex}.app__header{justify-content:center;display:flex}.app__title{text-align:center;margin:0;font-size:max(1.5rem,min(4vw,2.5rem))}.app__editors{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.app__debug{background:var(--color-surface-subtle)}.panel{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.surface{border:1px solid var(--color-border);border-radius:var(--radius-2)}.editor-card{flex:24rem;width:100%;min-width:24rem;max-width:48rem}.editor-card__title{margin:0;font-size:1.125rem}.editor-card__accent{width:.7rem;height:.7rem;margin:0 var(--space-1);background:var(--accent-color);border-radius:50%;display:inline-block}.editor-frame{background:var(--color-surface-subtle);overflow:hidden}.editor-toolbar-shell{z-index:2;background:#fff;position:sticky;top:0}.toolbar{background:#fff;border-bottom:1px solid #e0e3e7;gap:.3rem;padding:.3rem .45rem;display:flex}.toolbar__button{min-width:2.25rem;font:inherit;color:var(--color-text);cursor:pointer;border-radius:var(--radius-1);background:#fff;border:1px solid #dadce0;padding:.3rem .5rem}.toolbar__button--enabled:hover:not(:disabled){opacity:.6}.toolbar__button--active{color:var(--color-accent-contrast);background:var(--editor-accent,var(--color-accent));border-color:#0000}.toolbar__button--disabled{cursor:not-allowed;opacity:.5}.toolbar__button:focus-visible{outline:2px solid var(--editor-accent,var(--color-accent));outline-offset:2px}.editor-content{gap:var(--space-2);padding:var(--space-2);flex-direction:column;font-size:1rem;line-height:1.5;display:flex}.editor-rich-text{outline:none}.editor-rich-text--inline{display:inline}.exercise{padding:var(--space-2)var(--space-3);border-radius:var(--radius-2);background:#fffef7;border:1.5px solid #e2d89a;line-height:1.6}.exercise>p:first-child{margin:0 0 var(--space-1);color:#8a7a30;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.exercise--fill-blank{border-left:4px solid var(--color-fill-blank);background:#fffef5}.ProseMirror .gap-mark{vertical-align:baseline;color:#7a5c00;border-bottom:2px solid var(--color-fill-blank);background:#c9a8001a;min-width:3rem;margin:0 .1rem;padding:0 .35rem;font-weight:600;display:inline-block}.exercise--multiple-choice{border-left:4px solid var(--color-multiple-choice);background:#f8fbff}.exercise--multiple-choice>p:first-child{color:#1a52c2}.multiple-choice-options{margin:var(--space-1)0 0;counter-reset:mc-option;padding:0;list-style:none}.multiple-choice-options li{counter-increment:mc-option;background:var(--color-surface);border-radius:var(--radius-1);border:1px solid #d6e4ff;align-items:baseline;gap:.6rem;margin-bottom:.4rem;padding:.45rem .6rem;display:flex}.multiple-choice-options li:before{min-width:1.4rem;color:var(--color-multiple-choice);content:counter(mc-option,upper-alpha)".";flex-shrink:0;font-weight:600}.debug-panel__options{gap:var(--space-2);padding:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.debug-panel__options legend{padding:0 var(--space-1);font-size:.75rem}.debug-panel__options label{font-size:.9rem}.debug-panel__options input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent);margin-right:.35rem}.debug-panel__values{gap:var(--space-2);flex-wrap:wrap;display:flex}.debug-panel__value{max-height:24rem;padding:var(--space-2);color:#1f2937;background:#f8fafc;flex:18rem;font-family:monospace;overflow:auto}
/*# sourceMappingURL=index.cce0f4f4.css.map*/