.pandariaquiz-author {
    box-sizing: border-box;
    color: #2b3440;
    font-family: inherit;
    --pandariaquiz-author-primary: #343a40;
    --pandariaquiz-author-primary-hover: #23272b;
    --pandariaquiz-author-focus: rgba(52, 58, 64, .16);
}

.pandariaquiz-author *,
.pandariaquiz-author *::before,
.pandariaquiz-author *::after {
    box-sizing: inherit;
}

.pandariaquiz-author-notice {
    background: #f7fafc;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    color: #596579;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1.125rem;
}

.pandariaquiz-author-request {
    display: grid;
    gap: 1rem;
}

.pandariaquiz-author-request__form {
    display: grid;
    gap: 1rem;
}

.pandariaquiz-author-request__message,
.pandariaquiz-author-request__status,
.pandariaquiz-author-request__comment {
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    color: #2b3440;
    line-height: 1.5;
    padding: .85rem 1rem;
}

.pandariaquiz-author-request__message.is-success {
    background: #f1faf4;
    border-color: rgba(92, 184, 92, .45);
    color: #2f7d67;
}

.pandariaquiz-author-request__message.is-error {
    background: #fff5f4;
    border-color: rgba(178, 52, 44, .35);
    color: #a8322b;
}

.pandariaquiz-author-app {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pandariaquiz-author [hidden] {
    display: none !important;
}

.pandariaquiz-author-head {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.pandariaquiz-author-app.is-editor-view > .pandariaquiz-author-head {
    display: none;
}

.pandariaquiz-author-head h2 {
    color: var(--pandariaquiz-author-primary);
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 .35rem;
}

.pandariaquiz-author-head p {
    color: #6f7b8d;
    font-size: .98rem;
    line-height: 1.45;
    margin: 0;
}

.pandariaquiz-author-actions,
.pandariaquiz-author-editor__tools,
.pandariaquiz-author-inline-actions {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.pandariaquiz-author-button,
.pandariaquiz-author-link {
    align-items: center;
    background: var(--pandariaquiz-author-primary);
    border: 1px solid var(--pandariaquiz-author-primary);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    gap: .45rem;
    font-size: .98rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: .72rem 1rem;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
    white-space: nowrap;
}

.pandariaquiz-author-button:hover,
.pandariaquiz-author-link:hover {
    background: var(--pandariaquiz-author-primary-hover);
    border-color: var(--pandariaquiz-author-primary-hover);
    color: #fff;
}

.pandariaquiz-author-button:disabled,
.pandariaquiz-author-icon-button:disabled,
.pandariaquiz-author-mode__button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.pandariaquiz-author-button.is-loading:disabled {
    opacity: .86;
}

.pandariaquiz-author-button.is-saved {
    background: #3f8b52;
    border-color: #3f8b52;
    color: #fff;
}

.pandariaquiz-author-button--secondary,
.pandariaquiz-author-link {
    background: #f3f6fa;
    border-color: #c7d1dd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    color: #334155;
}

.pandariaquiz-author-button--secondary:hover,
.pandariaquiz-author-link:hover {
    background: #e9eff6;
    border-color: #b8c5d4;
    color: var(--pandariaquiz-author-primary);
}

.pandariaquiz-author-spinner {
    animation: pandariaquiz-author-spin .72s linear infinite;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    display: inline-block;
    height: 1rem;
    width: 1rem;
}

@keyframes pandariaquiz-author-spin {
    to {
        transform: rotate(360deg);
    }
}

.pandariaquiz-author-icon-button {
    align-items: center;
    background: #f3f6fa;
    border: 1px solid #c7d1dd;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    justify-content: center;
    min-height: 2.25rem;
    padding: .45rem .7rem;
}

.pandariaquiz-author-icon-button:hover {
    background: #e9eff6;
    border-color: #b8c5d4;
}

.pandariaquiz-author-icon-button.is-active {
    background: var(--pandariaquiz-author-primary);
    border-color: var(--pandariaquiz-author-primary);
    color: #fff;
}

.pandariaquiz-author-stage-toggle svg {
    display: block;
    height: 1.15rem;
    width: 1.15rem;
}

.pandariaquiz-author-mode {
    background: #eef2f6;
    border: 1px solid #d5dee8;
    border-radius: 8px;
    display: inline-flex;
    padding: .18rem;
}

.pandariaquiz-author-mode__button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #526173;
    cursor: pointer;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1.2;
    min-height: 2.35rem;
    padding: .55rem .85rem;
}

.pandariaquiz-author-mode__button.is-active {
    background: var(--pandariaquiz-author-primary);
    color: #fff;
}

.pandariaquiz-author-toast {
    background: var(--pandariaquiz-author-primary);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    bottom: 1.25rem;
    box-shadow: 0 .85rem 2.5rem rgba(15, 23, 42, .22);
    color: #fff;
    font-size: .96rem;
    font-weight: 600;
    line-height: 1.35;
    max-width: min(28rem, calc(100vw - 2rem));
    opacity: 0;
    padding: .9rem 1rem;
    pointer-events: none;
    position: fixed;
    right: 1.25rem;
    transform: translateY(.65rem);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 10050;
}

.pandariaquiz-author-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.pandariaquiz-author-toast.is-success {
    background: #2f7741;
}

.pandariaquiz-author-toast.is-error {
    background: #9f342a;
}

.pandariaquiz-author-layout {
    display: block;
}

.pandariaquiz-author-questions,
.pandariaquiz-author-question-editor {
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    min-width: 0;
}

.pandariaquiz-author-panel {
    background: transparent;
    border: 0;
    border-radius: 0;
    min-width: 0;
}

.pandariaquiz-author-list-panel {
    background: transparent;
    border: 0;
    border-radius: 0;
    min-width: 0;
    overflow: visible;
}

.pandariaquiz-author-list-tools {
    margin-bottom: .75rem;
}

.pandariaquiz-author-list-search {
    display: block;
}

.pandariaquiz-author-list-search input {
    background: #fff;
    border: 1px solid #ccd6e2;
    border-radius: 8px;
    color: var(--pandariaquiz-author-primary);
    display: block;
    font: inherit;
    min-height: 2.85rem;
    outline: none;
    padding: .65rem .85rem;
    transition: border-color .18s ease, box-shadow .18s ease;
    width: 100%;
}

.pandariaquiz-author-list-search input:focus {
    border-color: #77899d;
    box-shadow: 0 0 0 .18rem var(--pandariaquiz-author-focus);
}

.pandariaquiz-author-list-panel__head {
    align-items: baseline;
    border-bottom: 1px solid #e5ebf2;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem;
}

.pandariaquiz-author-list-panel__head h3 {
    color: var(--pandariaquiz-author-primary);
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.pandariaquiz-author-list-panel__head span {
    color: #4b5565;
    font-size: .9rem;
    line-height: 1.35;
}

.pandariaquiz-author-list {
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.pandariaquiz-author-list-more {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem 0 0;
}

.pandariaquiz-author-list-more span {
    color: #7a8595;
    font-size: .9rem;
    line-height: 1.35;
}

.pandariaquiz-author-empty {
    color: #7a8595;
    font-size: .95rem;
    line-height: 1.45;
    padding: 1rem;
}

.pandariaquiz-author-empty--editor {
    min-height: 18rem;
}

.pandariaquiz-author-empty strong {
    color: var(--pandariaquiz-author-primary);
    display: block;
    font-size: 1.08rem;
    margin-bottom: .25rem;
}

.pandariaquiz-author-item {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: .45rem 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 1.25rem;
    text-align: left;
}

.pandariaquiz-author-item:hover,
.pandariaquiz-author-item.is-active {
    background: #f4f8fc;
}

.pandariaquiz-author-item.has-draft {
    box-shadow: inset 3px 0 0 #d9822b;
}

.pandariaquiz-author-item__title {
    color: var(--pandariaquiz-author-primary);
    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz-author-item.has-draft .pandariaquiz-author-item__title::before {
    background: #d9822b;
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: .46rem;
    margin-right: .45rem;
    vertical-align: middle;
    width: .46rem;
}

.pandariaquiz-author-item__meta,
.pandariaquiz-author-item__status,
.pandariaquiz-author-editor__meta,
.pandariaquiz-author-editor__bottom span,
.pandariaquiz-author-muted,
.pandariaquiz-author-field__note {
    color: #7a8595;
    font-size: .88rem;
    line-height: 1.35;
}

.pandariaquiz-author-item__status {
    background: #f4f7fb;
    border: 1px solid #d7e0ea;
    border-radius: 999px;
    color: #55708f;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    padding: .35rem .65rem;
    white-space: nowrap;
}

.pandariaquiz-author-item__status.is-dirty {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.pandariaquiz-author-editor {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 36rem;
    min-width: 0;
    overflow: visible;
}

.pandariaquiz-author-editor__top,
.pandariaquiz-author-editor__bottom {
    justify-content: space-between;
    padding: 1rem 0;
}

.pandariaquiz-author-editor__top {
    align-items: center;
    display: grid;
    gap: .85rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.pandariaquiz-author-editor__title {
    min-width: 0;
}

.pandariaquiz-author-editor__tools {
    justify-content: flex-end;
    min-width: 0;
}

.pandariaquiz-author-top-button {
    font-size: 1.15rem;
    min-height: 2.75rem;
    min-width: 2.75rem;
    padding: .55rem;
}

.pandariaquiz-author-editor__label {
    color: var(--pandariaquiz-author-primary);
    display: none;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: .25rem;
}

.pandariaquiz-author-editor__meta {
    display: grid;
    font-size: .9rem;
    gap: .12rem;
}

.pandariaquiz-author-editor__meta-dirty {
    font-weight: 600;
}

.pandariaquiz-author-form {
    background: transparent;
    flex: 1;
    padding: 0;
}

.pandariaquiz-author-form-grid {
    display: grid;
    gap: 1.25rem;
}

.pandariaquiz-author-panel,
.pandariaquiz-author-questions,
.pandariaquiz-author-question-editor {
    overflow: hidden;
}

.pandariaquiz-author-panel {
    overflow: visible;
}

.pandariaquiz-author-panel__header,
.pandariaquiz-author-question-editor__top {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0 0 .8rem;
}

.pandariaquiz-author-panel__header {
    padding-bottom: 0;
}

.pandariaquiz-author-question-editor__top {
    border-bottom: 1px solid #e5ebf2;
}

.pandariaquiz-author-panel__header h3,
.pandariaquiz-author-question-editor__top h3,
.pandariaquiz-author-subhead h4 {
    color: var(--pandariaquiz-author-primary);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.pandariaquiz-author-fields {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.pandariaquiz-author-field {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.pandariaquiz-author-field--wide {
    grid-column: 1 / -1;
}

.pandariaquiz-author-field__label {
    color: #4b5565;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.25;
}

.pandariaquiz-author input[type="text"],
.pandariaquiz-author input[type="url"],
.pandariaquiz-author textarea,
.pandariaquiz-author select {
    background: #fff;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    color: var(--pandariaquiz-author-primary);
    font: inherit;
    font-size: 1rem;
    line-height: 1.4;
    min-height: 2.75rem;
    outline: none;
    padding: .7rem .8rem;
    width: 100%;
}

.pandariaquiz-author textarea {
    min-height: 6rem;
    resize: vertical;
}

.pandariaquiz-author textarea.pandariaquiz-author-autosize {
    min-height: 2.75rem;
    overflow: hidden;
    resize: none;
}

.pandariaquiz-author input:focus,
.pandariaquiz-author textarea:focus,
.pandariaquiz-author select:focus {
    border-color: var(--pandariaquiz-author-primary);
    box-shadow: 0 0 0 3px var(--pandariaquiz-author-focus);
}

.pandariaquiz-author-check {
    align-items: center;
    color: #4b5565;
    display: inline-flex;
    gap: .5rem;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.35;
}

.pandariaquiz-author-check input {
    height: 1.05rem;
    width: 1.05rem;
}

.pandariaquiz-author-preview {
    align-items: stretch;
    border-top: 1px solid #e5ebf2;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(13rem, 18rem) minmax(0, 1fr);
    padding: 1rem;
}

.pandariaquiz-author-preview__image {
    align-items: center;
    aspect-ratio: 1200 / 630;
    background: #eef2f6;
    border: 1px dashed #bfccd9;
    border-radius: 8px;
    color: #7a8595;
    display: flex;
    justify-content: center;
    min-height: 10rem;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.pandariaquiz-author-preview__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.pandariaquiz-author-preview__image--empty {
    padding: 1rem;
}

.pandariaquiz-author-preview__image--empty span {
    color: #7a8595;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
}

.pandariaquiz-author-preview__controls {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: center;
    min-width: 0;
}

.pandariaquiz-author-workspace {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
}

.pandariaquiz-author-stagebar {
    border-bottom: 1px solid #e5ebf2;
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 1rem;
}

.pandariaquiz-author-stage-fields {
    border-bottom: 1px solid #e5ebf2;
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.pandariaquiz-author-question-list {
    display: flex;
    flex-direction: column;
    max-height: 34rem;
    overflow: auto;
}

.pandariaquiz-author-question-item {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    color: var(--pandariaquiz-author-primary);
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    min-height: 3.35rem;
    padding: .7rem .9rem;
    text-align: left;
}

.pandariaquiz-author-question-item:hover,
.pandariaquiz-author-question-item.is-active {
    background: #f4f8fc;
}

.pandariaquiz-author-question-item__num {
    align-items: center;
    background: #e7eef6;
    border-radius: 999px;
    color: var(--pandariaquiz-author-primary);
    display: inline-flex;
    font-size: .86rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.pandariaquiz-author-question-item__text {
    font-size: .95rem;
    font-weight: 650;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.pandariaquiz-author-question-editor .pandariaquiz-author-inline-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pandariaquiz-author-subhead {
    align-items: baseline;
    border-top: 1px solid #e5ebf2;
    display: flex;
    gap: .75rem;
    padding: 1rem 1rem 0;
}

.pandariaquiz-author-subhead span {
    color: #7a8595;
    font-size: .9rem;
}

.pandariaquiz-author-answers {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding: 1rem;
}

.pandariaquiz-author-answer {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e1e8f0;
    border-radius: 8px;
    display: grid;
    gap: .7rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: .7rem;
}

.pandariaquiz-author-answer > input[type="radio"] {
    height: 1.05rem;
    width: 1.05rem;
}

.pandariaquiz-author-answer__tools {
    display: flex;
    gap: .4rem;
}

.pandariaquiz-author-question-image {
    display: grid;
    gap: .75rem;
}

.pandariaquiz-author-question-image__preview {
    align-items: center;
    background: #eef2f6;
    border: 1px dashed #bfccd9;
    border-radius: 8px;
    color: #7a8595;
    display: flex;
    justify-content: center;
    max-height: 26rem;
    min-height: 9rem;
    padding: .5rem;
    overflow: hidden;
}

.pandariaquiz-author-question-image__preview img {
    display: block;
    height: auto;
    max-height: 25rem;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.pandariaquiz-author-json {
    background: #f7f9fc;
    display: grid;
    flex: 1;
    grid-template-rows: auto minmax(20rem, 1fr) auto;
    min-width: 0;
}

.pandariaquiz-author-json__bar {
    align-items: center;
    border-bottom: 1px solid #e5ebf2;
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
    padding: .85rem 1rem;
}

.pandariaquiz-author-textarea {
    background: #fbfcfe;
    border: 0;
    border-radius: 0;
    color: var(--pandariaquiz-author-primary);
    display: block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: .95rem;
    line-height: 1.55;
    min-height: 30rem;
    outline: none;
    padding: 1rem;
    resize: vertical;
    width: 100%;
}

.pandariaquiz-author-editor__bottom {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border-top: 1px solid #e5ebf2;
    clear: both;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    position: relative;
    width: 100%;
    z-index: 2;
}

.pandariaquiz-author-bottom-link {
    min-width: 7rem;
}

.pandariaquiz-author-delete-link {
    background: transparent;
    border: 0;
    color: #c03434;
    cursor: pointer;
    font: inherit;
    font-size: .95rem;
    font-weight: 500;
    grid-column: 1 / -1;
    justify-self: center;
    line-height: 1.3;
    min-height: 2.5rem;
    padding: .55rem .75rem;
    touch-action: manipulation;
}

.pandariaquiz-author-delete-link:hover {
    color: #9f342a;
    text-decoration: underline;
}

.pandariaquiz-author-delete-link.is-confirming {
    color: #9f342a;
    font-weight: 600;
    text-decoration: underline;
}

.pandariaquiz-author-delete-link:disabled {
    cursor: default;
    opacity: .55;
    text-decoration: none;
}

.pandariaquiz-author-delete-hint {
    color: #c03434;
    font-size: .82rem;
    grid-column: 1 / -1;
    justify-self: center;
    line-height: 1.35;
    margin-top: -.45rem;
    text-align: center;
}

.pandariaquiz-author-save-hint {
    color: #7b8794;
}

.pandariaquiz-author-save-hint.is-dirty {
    color: #c03434;
    font-weight: 600;
}

.pandariaquiz-author.is-busy {
    opacity: .82;
}

.pandariaquiz-author-quiz-summary {
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
}

.pandariaquiz-author-fields--compact,
.pandariaquiz-author-fields--modal {
    padding: 0;
}

.pandariaquiz-author-fields--compact {
    grid-template-columns: minmax(0, 1fr);
}

.pandariaquiz-author-preview--compact {
    border-top: 0;
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
}

.pandariaquiz-author-preview--compact .pandariaquiz-author-preview__image {
    max-width: min(100%, 30rem);
    min-height: clamp(10rem, 42vw, 16rem);
    width: 100%;
}

.pandariaquiz-author-stage-list {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .75rem 0 0;
}

.pandariaquiz-author-stage-card {
    background: #fbfcfe;
    border: 0;
    border-top: 1px solid #e5ebf2;
    border-radius: 8px;
    overflow: hidden;
    padding: 0 .75rem;
}

.pandariaquiz-author-stage-card:not(.is-collapsed) {
    background: #f6f8fb;
    border-top-color: transparent;
    box-shadow: inset 0 0 0 1px #dfe8f1;
}

.pandariaquiz-author-stage-card.is-collapsed {
    background: #fbfcfe;
}

.pandariaquiz-author-stage-card__head,
.pandariaquiz-author-question-row {
    align-items: center;
    display: grid;
    gap: .8rem;
}

.pandariaquiz-author-stage-card__head {
    background: transparent;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .75rem 0;
}

.pandariaquiz-author-stage-card__summary {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
}

.pandariaquiz-author-stage-card__text {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    font: inherit;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.pandariaquiz-author-stage-card__text strong {
    color: var(--pandariaquiz-author-primary);
    font-size: 1rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz-author-stage-badge,
.pandariaquiz-author-question-row__num {
    align-items: center;
    background: #eef2f6;
    border-radius: 999px;
    color: #617084;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    min-height: 1.7rem;
    padding: .25rem .55rem;
    white-space: nowrap;
}

.pandariaquiz-author-stage-card__body {
    border-top: 1px solid #e0e8f1;
    padding: .15rem 0 .85rem 2.75rem;
}

.pandariaquiz-author-question-row {
    border-bottom: 1px solid #edf1f5;
    grid-template-columns: 2rem minmax(0, 1fr);
    min-height: 3.85rem;
    padding: .65rem 0;
}

.pandariaquiz-author-question-row:last-child {
    border-bottom: 0;
}

.pandariaquiz-author-question-row__num {
    height: 2rem;
    min-height: 2rem;
    padding: 0;
    width: 2rem;
}

.pandariaquiz-author-question-row__title {
    background: transparent;
    border: 0;
    color: var(--pandariaquiz-author-primary);
    cursor: pointer;
    font: inherit;
    font-size: .98rem;
    font-weight: 500;
    line-height: 1.3;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandariaquiz-author-question-row__title:hover {
    color: var(--pandariaquiz-author-primary);
}

.pandariaquiz-author-row-actions {
    align-items: center;
    display: flex;
    gap: .45rem;
    justify-content: flex-end;
}

.pandariaquiz-author-row-actions .pandariaquiz-author-icon-button {
    min-height: 2.1rem;
    min-width: 2.1rem;
    padding: .35rem .55rem;
}

.pandariaquiz-author-stage-card__footer {
    padding-top: .85rem;
}

.pandariaquiz-author-modal {
    align-items: center;
    background: rgba(25, 33, 44, .48);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 1.25rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

.pandariaquiz-author-modal-dialog {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1.25rem 4rem rgba(15, 23, 42, .28);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2.5rem);
    max-width: 58rem;
    overflow: hidden;
    width: min(100%, 58rem);
}

.pandariaquiz-author-modal-head,
.pandariaquiz-author-modal-foot {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.pandariaquiz-author-modal-head {
    background: #f4f6f8;
    border-bottom: 1px solid #e1e8f0;
    padding-bottom: .5rem;
    padding-top: .5rem;
}

.pandariaquiz-author-modal-head h3 {
    color: var(--pandariaquiz-author-primary);
    font-size: 1.12rem;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
}

.pandariaquiz-author-modal-body {
    overflow: auto;
    padding: 1rem 1.15rem;
}

.pandariaquiz-author-modal-foot {
    border-top: 1px solid #e1e8f0;
    justify-content: flex-end;
}

.pandariaquiz-author-modal-delete {
    padding: 0 1.15rem 1rem;
    text-align: center;
}

.pandariaquiz-author-modal-delete__button {
    background: transparent;
    border: 0;
    color: #c03434;
    cursor: pointer;
    font: inherit;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.3;
    min-height: 2.5rem;
    padding: .55rem .75rem;
    text-decoration: none;
    touch-action: manipulation;
}

.pandariaquiz-author-modal-delete__button:hover {
    color: #9f342a;
    text-decoration: underline;
}

.pandariaquiz-author-modal-delete__button.is-confirming {
    color: #9f342a;
    font-weight: 600;
    text-decoration: underline;
}

.pandariaquiz-author-modal-delete__hint {
    color: #c03434;
    font-size: .82rem;
    line-height: 1.35;
    margin-top: .1rem;
}

.pandariaquiz-author-modal-tabs {
    border-bottom: 1px solid #e1e8f0;
    display: flex;
    gap: 1.35rem;
    margin: 0 0 1rem;
}

.pandariaquiz-author-modal-tab {
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: #6a7688;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    padding: .45rem 0 .7rem;
}

.pandariaquiz-author-modal-tab.is-active {
    border-bottom-color: #68b44a;
    color: var(--pandariaquiz-author-primary);
}

.pandariaquiz-author-modal-note {
    color: #7a8595;
    font-size: .95rem;
    line-height: 1.4;
    margin-bottom: .85rem;
}

.pandariaquiz-author-modal-answers {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.pandariaquiz-author-crop-dialog {
    max-width: 62rem;
    width: min(100%, 62rem);
}

.pandariaquiz-author-crop-body {
    display: grid;
    gap: .9rem;
}

.pandariaquiz-author-crop-stage {
    align-items: center;
    background: #eef2f6;
    border: 1px solid #d5dee8;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    max-height: min(62vh, 42rem);
    min-height: 14rem;
    overflow: auto;
    padding: .75rem;
    position: relative;
    touch-action: none;
}

.pandariaquiz-author-crop-canvas {
    display: inline-block;
    line-height: 0;
    position: relative;
}

.pandariaquiz-author-crop-canvas img {
    display: block;
    height: auto;
    max-height: calc(62vh - 1.5rem);
    max-width: 100%;
    user-select: none;
    width: auto;
}

.pandariaquiz-author-crop-box {
    border: 2px solid #fff;
    box-shadow: 0 0 0 9999px rgba(15, 23, 42, .48), 0 0 0 1px rgba(52, 58, 64, .45);
    cursor: move;
    min-height: 2rem;
    min-width: 2rem;
    position: absolute;
    touch-action: none;
}

.pandariaquiz-author-crop-handle {
    background: #fff;
    border: 2px solid var(--pandariaquiz-author-primary);
    border-radius: 999px;
    bottom: -.65rem;
    cursor: nwse-resize;
    height: 1.3rem;
    position: absolute;
    right: -.65rem;
    touch-action: none;
    width: 1.3rem;
}

@media (max-width: 1100px) {
    .pandariaquiz-author-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .pandariaquiz-author-question-list {
        max-height: 18rem;
    }

    .pandariaquiz-author-quiz-summary {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .pandariaquiz-author-head,
    .pandariaquiz-author-panel__header,
    .pandariaquiz-author-question-editor__top {
        align-items: stretch;
        flex-direction: column;
    }

    .pandariaquiz-author-actions,
    .pandariaquiz-author-editor__tools,
    .pandariaquiz-author-inline-actions,
    .pandariaquiz-author-json__bar {
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
    }

    .pandariaquiz-author-editor__tools {
        grid-column: 1 / -1;
        justify-content: stretch;
        order: 3;
    }

    .pandariaquiz-author-editor__top {
        align-items: center;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pandariaquiz-author-editor__title {
        order: 2;
    }

    .pandariaquiz-author-button,
    .pandariaquiz-author-link,
    .pandariaquiz-author-mode,
    .pandariaquiz-author-mode__button {
        flex: 1 1 auto;
    }

    .pandariaquiz-author-fields,
    .pandariaquiz-author-preview,
    .pandariaquiz-author-preview--compact {
        grid-template-columns: minmax(0, 1fr);
    }

    .pandariaquiz-author-form {
        padding: 0;
    }

    .pandariaquiz-author-editor__bottom {
        grid-template-columns: minmax(0, 1fr);
        justify-items: stretch;
        width: 100%;
    }

    .pandariaquiz-author-editor__bottom span {
        text-align: center;
    }

    .pandariaquiz-author-editor__bottom .pandariaquiz-author-button {
        width: 100%;
    }

    .pandariaquiz-author-editor__bottom .pandariaquiz-author-link {
        width: 100%;
    }

    .pandariaquiz-author-stagebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .pandariaquiz-author-stage-card__head {
        align-items: center;
        gap: .55rem;
        grid-template-columns: minmax(0, 1fr) 2.5rem;
        padding: .7rem 0;
    }

    .pandariaquiz-author-stage-card__head > .pandariaquiz-author-icon-button:last-child {
        align-self: start;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        min-height: 2.5rem;
        min-width: 2.5rem;
        padding: .35rem;
    }

    .pandariaquiz-author-stage-card__summary {
        gap: .55rem;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .pandariaquiz-author-stage-card__text strong {
        font-size: .98rem;
    }

    .pandariaquiz-author-question-row {
        gap: .45rem .6rem;
        grid-template-columns: 2.15rem minmax(0, 1fr);
        min-height: 0;
        padding: .75rem 0;
    }

    .pandariaquiz-author-question-row__num {
        align-self: start;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        height: 2.15rem;
        min-height: 2.15rem;
        width: 2.15rem;
    }

    .pandariaquiz-author-question-row__title {
        align-self: center;
        font-size: .96rem;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .pandariaquiz-author-modal {
        align-items: stretch;
        padding: .75rem;
    }

    .pandariaquiz-author-modal-dialog {
        max-height: calc(100vh - 1.5rem);
        width: 100%;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer {
        gap: .55rem;
        grid-template-columns: 1.6rem minmax(0, 1fr) 2.5rem;
        padding: .6rem;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer > input[type="radio"] {
        justify-self: center;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer__tools {
        justify-content: flex-end;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer__tools .pandariaquiz-author-icon-button {
        min-height: 2.35rem;
        min-width: 2.35rem;
        padding: .35rem;
    }

    .pandariaquiz-author-crop-stage {
        max-height: 52vh;
        min-height: 12rem;
        padding: .55rem;
    }

    .pandariaquiz-author-crop-canvas img {
        max-height: calc(52vh - 1.1rem);
    }
}

@media (max-width: 560px) {
    .pandariaquiz-author-head h2 {
        font-size: 1.45rem;
    }

    .pandariaquiz-author-editor {
        min-height: 0;
    }

    .pandariaquiz-author-sidebar__title,
    .pandariaquiz-author-question-editor__top,
    .pandariaquiz-author-fields,
    .pandariaquiz-author-preview,
    .pandariaquiz-author-stagebar,
    .pandariaquiz-author-stage-fields,
    .pandariaquiz-author-answers {
        padding-left: .85rem;
        padding-right: .85rem;
    }

    .pandariaquiz-author-fields {
        padding-left: 0;
        padding-right: 0;
    }

    .pandariaquiz-author-modal-body {
        padding-left: .85rem;
        padding-right: .85rem;
    }

    .pandariaquiz-author-form {
        padding-left: 0;
        padding-right: 0;
    }

    .pandariaquiz-author-list-more {
        align-items: stretch;
        flex-direction: column;
    }

    .pandariaquiz-author-list-more .pandariaquiz-author-button {
        width: 100%;
    }

    .pandariaquiz-author-fields--compact,
    .pandariaquiz-author-preview--compact {
        padding-left: 0;
        padding-right: 0;
    }

    .pandariaquiz-author-panel__header {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pandariaquiz-author-panel__header .pandariaquiz-author-button {
        flex: 0 1 auto;
        min-height: 2.35rem;
        padding: .55rem .75rem;
    }

    .pandariaquiz-author-stage-list {
        gap: .7rem;
        padding-bottom: .85rem;
        padding-top: .85rem;
    }

    .pandariaquiz-author-stage-card {
        padding-left: .6rem;
        padding-right: .6rem;
    }

    .pandariaquiz-author-stage-card__body {
        padding-bottom: .85rem;
        padding-left: .85rem;
        padding-right: 0;
        padding-top: .25rem;
    }

    .pandariaquiz-author-icon-button {
        min-height: 2.5rem;
    }

    .pandariaquiz-author-modal-tabs {
        gap: .9rem;
        overflow-x: auto;
    }

    .pandariaquiz-author-modal-answers {
        gap: .6rem;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer {
        grid-template-columns: 1.45rem minmax(0, 1fr) 2.25rem;
        padding: .55rem;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer > input[type="radio"] {
        height: 1rem;
        width: 1rem;
    }

    .pandariaquiz-author-modal-answers .pandariaquiz-author-answer__tools .pandariaquiz-author-icon-button {
        min-height: 2.2rem;
        min-width: 2.2rem;
    }

    .pandariaquiz-author-toast {
        bottom: .85rem;
        left: .75rem;
        max-width: none;
        right: .75rem;
        text-align: center;
    }

    .pandariaquiz-author-modal-foot {
        align-items: stretch;
        flex-direction: column;
    }

    .pandariaquiz-author-crop-stage {
        border-radius: 6px;
        max-height: 46vh;
        min-height: 10rem;
    }

    .pandariaquiz-author-crop-canvas img {
        max-height: calc(46vh - 1.1rem);
    }
}