.forms-app-main {
    max-width: none;
    min-height: calc(100vh - 70px);
    margin: 0;
    padding: 0;
    color: #e5e5e5;
    background: #1a1a1a;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.forms-app-main,
.forms-app-main * {
    box-sizing: border-box;
}
.forms-app-main { --forms-accent: #ffcc00; color-scheme: dark; }
.forms-app-main img { filter: invert(1); }
.forms-app-main .forms-primary img { filter: none; }
.forms-app-main .forms-response-file-preview { filter: none; }

.forms-app {
    --forms-accent: #ffcc00;
    --forms-ink: #e5e5e5;
    --forms-muted: #999999;
    --forms-line: #383838;
    --forms-surface: #222222;
    min-height: calc(100vh - 70px);
    color: var(--forms-ink);
    font-family: Inter, Arial, sans-serif;
}

.forms-home {
    width: min(1160px, 100%);
    margin: 0 auto;
    padding: 54px 28px 72px;
}

.forms-home-head,
.forms-library-head,
.forms-responses-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.forms-home-head h1,
.forms-responses-head h1,
.forms-settings-view > h1 {
    margin: 4px 0 0;
    color: var(--forms-ink);
    font-size: clamp(1.8rem, 4vw, 2.35rem);
    font-weight: 500;
    letter-spacing: -.035em;
}

.forms-eyebrow {
    margin: 0;
    color: var(--forms-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.forms-subtitle {
    max-width: 560px;
    margin: 10px 0 0;
    color: var(--forms-muted);
    font-size: .98rem;
    line-height: 1.55;
}

.forms-primary,
.forms-secondary,
.forms-danger {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 .9rem Inter, Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.forms-primary {
    background: var(--forms-accent);
    color: #222222;
}

.forms-primary:hover { background: #e6b800; }
.forms-primary:focus-visible,
.forms-secondary:focus-visible,
.forms-danger:focus-visible,
.forms-icon-button:focus-visible {
    outline: 3px solid rgba(255, 204, 0, .25);
    outline-offset: 2px;
}

.forms-secondary {
    background: #222222;
    border-color: var(--forms-line);
    color: var(--forms-ink);
}

.forms-secondary:hover { background: #2d2d2d; }
.forms-danger { color: #ff7070; background: #222222; border-color: #633a36; }
.forms-danger:hover { background: #3a2422; }

.forms-create-menu { position: relative; }
.forms-create-options {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 20;
    display: none;
    min-width: 190px;
    padding: 5px;
    background: #222222;
    border: 1px solid var(--forms-line);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(32, 33, 36, .14);
}
.forms-create-menu:focus-within .forms-create-options,
.forms-create-menu:hover .forms-create-options,
.forms-create-menu.is-open .forms-create-options { display: grid; }
.forms-create-options button,
.forms-card-menu button,
.forms-card-menu a {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--forms-ink);
    font: 500 .87rem Inter, Arial, sans-serif;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.forms-create-options button:hover,
.forms-card-menu button:hover,
.forms-card-menu a:hover { background: #2d2d2d; }

.forms-library-head { margin: 50px 0 17px; }
.forms-library-head h2 { margin: 0; font-size: 1.15rem; font-weight: 600; }
.forms-library-controls { display: flex; gap: 9px; }
.forms-search input,
.forms-library-controls select {
    min-height: 38px;
    padding: 0 12px;
    background: #222222;
    border: 1px solid var(--forms-line);
    border-radius: 6px;
    color: var(--forms-ink);
    font: 400 .87rem Inter, Arial, sans-serif;
}
.forms-search input { width: min(250px, 42vw); }
.forms-search input:focus,
.forms-library-controls select:focus { outline: 2px solid rgba(255, 204, 0, .25); border-color: var(--forms-accent); }

.forms-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.forms-card {
    position: relative;
    min-width: 0;
    overflow: visible;
    background: var(--forms-surface);
    border: 1px solid #383838;
    border-radius: 9px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    transition: box-shadow .15s ease, transform .15s ease;
}
.forms-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }
.forms-card-color { height: 8px; border-radius: 9px 9px 0 0; background: var(--forms-accent); }
.forms-card-body { padding: 14px 16px 13px; }
.forms-card-topline { position: relative; display: flex; justify-content: space-between; align-items: center; }
.forms-status { padding: 4px 8px; border-radius: 12px; font-size: .7rem; font-weight: 600; }
.forms-status-draft { color: #dddddd; background: #2d2d2d; }
.forms-status-published { color: #6edb8e; background: #183322; }
.forms-status-closed { color: #ff7070; background: #3d2424; }
.forms-icon-button {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: var(--forms-muted);
    font-size: 1.35rem;
    cursor: pointer;
}
.forms-icon-button:hover { background: #2d2d2d; }
.forms-card-menu {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 4;
    width: 180px;
    padding: 5px;
    background: #222222;
    border: 1px solid var(--forms-line);
    border-radius: 7px;
    box-shadow: 0 5px 20px rgba(32, 33, 36, .16);
}
.forms-card-title { display: block; overflow: hidden; margin: 9px 0 5px; color: var(--forms-ink); font-size: 1rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.forms-card-title:hover { color: var(--forms-accent); }
.forms-card-description { min-height: 21px; margin: 0; overflow: hidden; color: var(--forms-muted); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.forms-card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; margin-top: 19px; color: var(--forms-muted); font-size: .72rem; }
.forms-empty { padding: 72px 20px; text-align: center; }
.forms-empty-mark { color: #888888; font-size: 2.8rem; }
.forms-empty h2 { margin: 11px 0 5px; font-size: 1.1rem; font-weight: 600; }
.forms-empty-mark img { width: 42px; height: 42px; }
.forms-empty p,.forms-signin-card p { color: var(--forms-muted); line-height: 1.5; }
.forms-signin-card { max-width: 520px; margin: 56px auto; padding: 32px; background: #222222; border: 1px solid var(--forms-line); border-radius: 10px; text-align: center; }
.forms-signin-card h2 { margin: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }

.forms-editor {
    --forms-accent: #ffcc00;
    min-height: calc(100vh - 70px);
    color: #e5e5e5;
    background: #1a1a1a;
    font-family: Inter, Arial, sans-serif;
}
.forms-editor,
.forms-public { color-scheme: dark; }
.forms-editor-topbar {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    min-height: 66px;
    align-items: center;
    gap: 14px;
    padding: 9px 22px;
    background: #222222;
    border-bottom: 1px solid #383838;
}
.forms-back-link { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #999999; font-size: 1.35rem; text-decoration: none; }
.forms-back-link img { width: 20px; height: 20px; }
.forms-back-link:hover { background: #2d2d2d; }
.forms-editor-name { min-width: 130px; flex: 1; }
.forms-editor-title { display: block; max-width: min(44vw, 520px); overflow: hidden; color: #e5e5e5; font-size: .94rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.forms-save-state { display: block; margin: 2px 0 0 8px; color: #999999; font-size: .69rem; }
.forms-save-state.is-error { color: #ff7070; }
.forms-editor-actions { display: flex; align-items: center; gap: 6px; }
.forms-editor-actions .forms-primary,.forms-editor-actions .forms-secondary { min-height: 36px; padding: 0 12px; font-size: .8rem; }
.forms-editor-actions img { width: 16px; height: 16px; }
.forms-icon-button img { width: 18px; height: 18px; }
.forms-tabs { position: sticky; top: 66px; z-index: 12; display: flex; justify-content: center; gap: 22px; background: #222222; border-bottom: 1px solid #383838; }
.forms-tabs button,.forms-response-tabs button { position: relative; min-height: 46px; padding: 0 11px; border: 0; background: transparent; color: #999999; font: 500 .86rem Inter, Arial, sans-serif; cursor: pointer; }
.forms-tabs button.is-active { color: var(--forms-accent); }
.forms-tabs button.is-active::after,.forms-response-tabs button.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--forms-accent); content: ""; }
.forms-response-badge { margin-left: 5px; color: #999999; font-size: .72rem; }
.forms-tab-panel { min-height: 500px; }
.forms-tab-panel[hidden] { display: none; }
.forms-editor-canvas-wrap { position: relative; display: flex; justify-content: center; padding: 32px 92px 90px 24px; }
.forms-editor-canvas { width: min(100%, 740px); }
.forms-form-heading,.forms-question-card,.forms-section-card,.forms-title-block {
    position: relative;
    margin-bottom: 13px;
    padding: 23px 24px;
    background: #222222;
    border: 1px solid #383838;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.forms-form-heading { border-top: 0; }
.forms-form-heading::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--forms-accent);
    border-radius: 7px 7px 0 0;
    content: "";
}
.forms-form-title-label { display: block; margin: 1px 0 8px; color: #999999; font-size: .78rem; }
.forms-form-heading #formTitle { width: 100%; min-height: 44px; padding: 8px 0; border: 0; border-bottom: 1px solid #383838; background: transparent; color: #e5e5e5; font: 500 1.25rem Inter, Arial, sans-serif; }
.forms-form-heading #formTitle:focus { border-bottom: 2px solid var(--forms-accent); outline: 0; }
.forms-form-heading #formDescription { width: 100%; height: 40px; min-height: 40px; resize: vertical; }
.forms-form-heading textarea,.forms-setting-card textarea {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
    padding: 9px 0;
    border: 0;
    border-bottom: 1px solid #383838;
    background: transparent;
    color: #e5e5e5;
    font: 400 .9rem Inter, Arial, sans-serif;
    scrollbar-color: #666 #222;
    scrollbar-width: thin;
}
.forms-editor textarea::-webkit-scrollbar { width: 8px; height: 8px; }
.forms-editor textarea::-webkit-scrollbar-track { border-radius: 4px; background: #222; }
.forms-editor textarea::-webkit-scrollbar-thumb { border: 2px solid #222; border-radius: 5px; background: #666; }
.forms-editor textarea::-webkit-scrollbar-thumb:hover { background: #888; }
.forms-editor textarea::-webkit-resizer { border: 2px solid #222; background: linear-gradient(135deg, transparent 45%, #666 46%, #666 54%, transparent 55%), linear-gradient(135deg, transparent 65%, #666 66%, #666 74%, transparent 75%); }
.forms-form-heading textarea:focus,.forms-setting-card textarea:focus { border-bottom: 2px solid var(--forms-accent); outline: 0; }
.forms-section-card { padding: 13px 19px; }
.forms-section-topline { display: flex; align-items: center; justify-content: space-between; color: #999999; font-size: .73rem; font-weight: 600; text-transform: uppercase; }
.forms-section-fields { display: grid; gap: 8px; margin-top: 12px; }
.forms-section-fields input,.forms-section-fields textarea { width: 100%; padding: 9px 8px; border: 0; border-bottom: 1px solid #383838; font: 500 .95rem Inter, Arial, sans-serif; }
.forms-section-fields textarea { font-size: .82rem; font-weight: 400; }
.forms-question-card { padding: 20px 23px 16px; border-left: 0; transition: box-shadow .12s ease; }
.forms-question-card:hover { box-shadow: 0 2px 7px rgba(0, 0, 0, .4); }
.forms-question-card.is-active { box-shadow: 0 2px 8px rgba(0, 0, 0, .45); }
.forms-question-card.is-dragging { opacity: .28; transform: scale(.985); box-shadow: 0 8px 26px rgba(0, 0, 0, .55); }
.forms-question-drag-preview { position: absolute; z-index: 10000; pointer-events: none; opacity: .72; transform: rotate(-1deg) scale(.985); box-shadow: 0 12px 32px rgba(0, 0, 0, .6); }
.forms-question-card.is-drop-before::after,.forms-question-card.is-drop-after::after { position: absolute; right: 12px; left: 12px; height: 3px; border-radius: 3px; background: var(--forms-accent); box-shadow: 0 0 10px rgba(255, 204, 0, .4); content: ""; pointer-events: none; }
.forms-question-card.is-drop-before::after { top: -8px; }
.forms-question-card.is-drop-after::after { bottom: -8px; }
.forms-question-card.is-active::before,.forms-section-card.is-active::before,.forms-title-block.is-active::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: var(--forms-accent);
    border-radius: 7px 0 0 7px;
    content: "";
}
.forms-question-card.is-active,.forms-section-card.is-active,.forms-title-block.is-active,.forms-form-heading.is-active { box-shadow: 0 2px 8px rgba(0, 0, 0, .45); }
.forms-question-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(170px, 245px); gap: 12px; align-items: start; }
.forms-question-top textarea { box-sizing: border-box; width: 100%; height: 40px; min-height: 40px; padding: 9px; resize: vertical; border: 0; border-bottom: 1px solid #383838; border-radius: 3px 3px 0 0; background: #1a1a1a; color: #e5e5e5; font: 500 .94rem Inter, Arial, sans-serif; scrollbar-color: #666 #1a1a1a; scrollbar-width: thin; }
.forms-question-top textarea:focus { border-bottom: 2px solid var(--forms-accent); outline: 0; }
.forms-question-top select,.forms-question-editor select,.forms-section-next select {
    min-height: 40px;
    padding: 0 9px;
    border: 1px solid #383838;
    border-radius: 5px;
    background: #222222;
    color: #e5e5e5;
    font: 400 .81rem Inter, Arial, sans-serif;
}
.forms-question-editor { display: grid; gap: 10px; margin: 13px 0; }
.forms-question-editor > input,.forms-question-editor > textarea { width: min(100%, 590px); padding: 9px 8px; border: 0; border-bottom: 1px solid #383838; color: #e5e5e5; font: 400 .85rem Inter, Arial, sans-serif; }
.forms-question-editor > textarea { box-sizing: border-box; height: 40px; min-height: 40px; resize: vertical; scrollbar-color: #666 #222; scrollbar-width: thin; }
.forms-section-fields textarea,.forms-title-block > textarea { box-sizing: border-box; height: 40px; min-height: 40px; resize: vertical; scrollbar-color: #666 #222; scrollbar-width: thin; }
.forms-options { display: grid; gap: 4px; }
.forms-option-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) 22px 34px minmax(92px, 145px); align-items: center; gap: 7px; }
.forms-option-row .forms-option-marker { color: #888888; text-align: center; }
.forms-option-marker::before { display: inline-block; width: 14px; height: 14px; border: 1px solid #888; content: ""; }
.forms-option-marker.is-radio::before { border-radius: 50%; }
.forms-option-marker.is-checkbox::before { border-radius: 3px; }
.forms-option-row input { width: 100%; padding: 8px 5px; border: 0; border-bottom: 1px solid #383838; background: transparent; color: #e5e5e5; font: 400 .85rem Inter, Arial, sans-serif; }
.forms-option-row button,.forms-question-tools button,.forms-section-tools button { min-height: 32px; padding: 0 8px; border: 0; border-radius: 4px; background: transparent; color: #999999; font: 400 .78rem Inter, Arial, sans-serif; cursor: pointer; }
.forms-option-row button:hover,.forms-question-tools button:hover,.forms-section-tools button:hover { background: #2d2d2d; }
.forms-add-option { justify-self: start; min-height: 32px; padding: 0 6px; border: 0; background: transparent; color: var(--forms-accent); font: 500 .82rem Inter, Arial, sans-serif; cursor: pointer; }
.forms-question-extras { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid #333333; }
.forms-required-toggle { display: inline-flex; align-items: center; gap: 7px; margin-right: auto; color: #999999; font-size: .8rem; }
.forms-required-toggle input,.forms-setting-row input[type=checkbox],.forms-option-row .forms-correct-toggle { width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--forms-accent); }
.forms-question-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; }
.forms-drag-handle { position: absolute; top: 4px; left: 50%; color: #888888; cursor: grab; user-select: none; }
.forms-drag-handle img { width: 22px; height: 14px; }
.forms-question-card.is-dragging .forms-drag-handle { cursor: grabbing; }
.forms-section-action img { width: 16px; height: 16px; }
.forms-section-action-duplicate img { filter: brightness(0) invert(1); }
.forms-title-block .forms-text-block-delete img { width: 17px; height: 17px; }
.forms-add-option { display: inline-flex; align-items: center; gap: 5px; }
.forms-add-option img { width: 15px; height: 15px; }
.forms-title-block { display: grid; gap: 8px; }
.forms-title-block > input,.forms-title-block > textarea { width: 100%; padding: 8px; border: 0; border-bottom: 1px solid #383838; background: #222222; color: #e5e5e5; font: 500 .92rem Inter, Arial, sans-serif; }
.forms-title-block > textarea { font-size: .84rem; font-weight: 400; }
.forms-text-block-delete { position: absolute; top: 5px; right: 7px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: #999999; font-size: 1.2rem; cursor: pointer; }
.forms-text-block-delete:hover { background: #2d2d2d; }
.forms-scale-settings { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 8px 14px; color: #999999; font-size: .78rem; }
.forms-scale-value-settings { display: grid; min-width: 0; gap: 2px; }
.forms-scale-controls { display: grid; min-width: 0; grid-template-columns: 72px minmax(0, 1fr); align-items: start; gap: 12px; }
.forms-quiz-settings { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #999999; font-size: .78rem; }
.forms-scale-settings input,.forms-quiz-settings input { width: min(180px, 40%); min-height: 34px; padding: 5px 8px; border: 1px solid #383838; border-radius: 4px; color: #e5e5e5; }
.forms-quiz-settings label { display: inline-flex; align-items: center; gap: 8px; }
.forms-scale-bounds { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); align-items: center; gap: 0; }
.forms-scale-bounds input { width: 100%; min-width: 0; }
.forms-scale-bounds-separator { color: #999; text-align: center; }
.forms-scale-end-labels { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); gap: 0; }
.forms-scale-settings .forms-scale-end-labels input { width: 100%; min-width: 0; }
.forms-scale-step-label,.forms-scale-zero-mode-label { display: grid; min-width: 0; align-content: start; gap: 5px; }
.forms-scale-zero-mode-label { white-space: nowrap; }
.forms-scale-zero-mode-label > .forms-select { width: 100%; }
.forms-scale-zero-mode-label .forms-select-trigger { white-space: nowrap; }
.forms-scale-settings .forms-scale-step-label select { width: 68px; min-height: 34px; padding: 4px 7px; border: 1px solid #383838; border-radius: 4px; background: #222; color: #e5e5e5; }
.forms-scale-settings .forms-scale-zero-mode-label select { width: 100%; min-height: 34px; padding: 4px 7px; border: 1px solid #383838; border-radius: 4px; background: #222; color: #e5e5e5; }
.forms-quiz-settings > .forms-correct-answer-control { flex: 0 0 auto; }
.forms-quiz-settings > .forms-correct-answer-status { flex: 1 0 100%; }
.forms-option-row .forms-correct-toggle { justify-self: center; cursor: pointer; }
.forms-option-row .forms-correct-toggle:focus-visible { outline: 2px solid var(--forms-accent); outline-offset: 2px; }
.forms-correct-answer-control { display: flex; flex: 1 1 100%; flex-wrap: wrap; align-items: center; gap: 9px; }
.forms-correct-answer-status { color: #999; font-size: .78rem; overflow-wrap: anywhere; }
.forms-correct-answer-status.is-set { color: #e5e5e5; }
.forms-correct-answer-dialog { width: min(620px, calc(100vw - 24px)); }
.forms-correct-answer-dialog .forms-import-dialog-inner { max-height: min(82vh, 760px); overflow: auto; }
.forms-correct-answer-dialog .forms-import-dialog-inner footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.forms-correct-answer-dialog .forms-import-dialog-inner footer button { min-width: 0; padding-right: 8px; padding-left: 8px; white-space: normal; }
.forms-correct-answer-dialog #saveCorrectAnswerButton { display: inline-flex; visibility: visible; opacity: 1; background: var(--forms-accent); color: #222; }
.forms-correct-answer-preview { display: grid; gap: 12px; }
.forms-answer-preview-hint { margin: 0; color: #999; font-size: .84rem; }
.forms-answer-preview-input { min-width: 0; }
.forms-answer-preview-option { display: flex; align-items: center; gap: 9px; padding: 7px 3px; color: #e5e5e5; font-size: .88rem; }
.forms-answer-preview-option input { width: 18px; height: 18px; accent-color: var(--forms-accent); }
.forms-answer-preview-rating { display: flex; flex-wrap: wrap; gap: 7px; }
.forms-answer-preview-rating-value { width: 40px; height: 40px; border: 1px solid #444; border-radius: 50%; background: #1a1a1a; color: #ddd; cursor: pointer; }
.forms-answer-preview-rating-value.is-selected { border-color: var(--forms-accent); background: var(--forms-accent); color: #171717; }
.forms-answer-preview-grid { width: 100%; border-collapse: collapse; font-size: .82rem; }
.forms-answer-preview-grid th,.forms-answer-preview-grid td { padding: 8px; border: 1px solid #383838; text-align: center; }
.forms-answer-preview-grid th:first-child { text-align: left; }
.forms-answer-preview-grid input { width: 18px; height: 18px; accent-color: var(--forms-accent); }
.forms-answer-preview-input > .forms-public-range { width: 100%; }
.forms-grid-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.forms-grid-settings textarea { box-sizing: border-box; height: 85px; min-height: 85px; padding: 8px; border: 1px solid #383838; border-radius: 4px; resize: vertical; scrollbar-color: #666 #222; scrollbar-width: thin; }
.forms-file-help { margin: 0; color: #999999; font-size: .8rem; }
.forms-option-route { grid-column: 5; max-width: 148px; min-height: 32px; border: 1px solid #383838; border-radius: 4px; background: #222222; color: #999999; font-size: .69rem; }
.forms-response-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.forms-response-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin: 18px 0; color: #999999; font-size: .8rem; }
.forms-public-grid-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-color: #666 #222; }
.forms-public-grid-hint[hidden] { display: none !important; }
.forms-public-grid { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; color: #d0d0d0; font-size: .78rem; }
.forms-public-grid th,.forms-public-grid td { min-width: 74px; max-width: 140px; padding: 9px 7px; border-bottom: 1px solid #333333; text-align: center; overflow-wrap: anywhere; }
.forms-public-grid th:first-child { position: sticky; left: 0; z-index: 1; min-width: 76px; background: #222222; text-align: left; }
.forms-public-grid thead th { background: #222222; }
.forms-public-grid input { width: 18px; height: 18px; accent-color: var(--forms-accent); }
.forms-public-grid-hint { margin: 8px 0 0; color: #999999; font-size: .72rem; }
.forms-public-grid-hint:not([hidden]) { display: block; }
.forms-public-time-control { position: relative; width: min(100%, 470px); }
.forms-public-time-picker { position: absolute; top: 0; right: 0; width: 1px; height: 1px; padding: 0; overflow: hidden; opacity: 0; pointer-events: none; }
.forms-public-time-control:focus-within .forms-public-input { border-bottom: 2px solid var(--forms-accent); }
.forms-scale-labels { display: flex; justify-content: space-between; gap: 12px; margin-top: 2px; color: #999999; font-size: .75rem; }
.forms-scale-label-group { display: grid; min-width: 0; gap: 0; line-height: 1.1; }
.forms-scale-label-group:last-child { text-align: right; }
.forms-scale-label-value { color: #e5e5e5; font-weight: 600; line-height: 1; }
.forms-scale-label-name { margin-top: -2px; overflow-wrap: anywhere; line-height: 1.1; }
.forms-submit-error { padding: 9px 12px; color: #ff7070; font-size: .82rem; }
.forms-public-text-block h3 { margin: 0; font-size: 1rem; font-weight: 500; }
.forms-public-text-block p { margin: 7px 0 0; color: #999999; white-space: pre-wrap; }
.forms-import-dialog { width: min(520px, calc(100vw - 24px)); max-height: min(80vh, 680px); padding: 0; border: 1px solid #383838; border-radius: 10px; background: #222222; color: #e5e5e5; box-shadow: 0 12px 42px rgba(0,0,0,.5); }
.forms-import-dialog::backdrop { background: rgba(32,33,36,.42); }
.forms-import-dialog-inner { display: grid; gap: 15px; padding: 20px; }
.forms-import-dialog-inner header,.forms-import-dialog-inner footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.forms-import-dialog-inner h2 { margin: 0; font-size: 1.15rem; }
.forms-import-dialog-inner select { min-height: 40px; padding: 0 10px; border: 1px solid #383838; border-radius: 5px; background: #222222; }
.forms-import-question-list { display: grid; max-height: 40vh; gap: 5px; overflow: auto; }
.forms-import-question { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid #333333; border-radius: 5px; font-size: .84rem; }
.forms-import-question input { accent-color: var(--forms-accent); }
.forms-drop-indicator { height: 4px; margin: 5px 0; border-radius: 3px; background: var(--forms-accent); }
.forms-section-next { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: 8px 0 25px; color: #999999; font-size: .78rem; }
.forms-floating-toolbar { position: sticky; top: 138px; display: flex; width: 48px; height: max-content; flex-direction: column; gap: 5px; margin: 15px 0 0 16px; padding: 5px; background: #222222; border: 1px solid #383838; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5); }
.forms-floating-toolbar button { width: 36px; height: 36px; border: 0; border-radius: 6px; background: transparent; color: #999999; font-size: 1.1rem; cursor: pointer; }
.forms-floating-toolbar button:hover { background: #2d2d2d; color: var(--forms-accent); }

.forms-responses-view,.forms-settings-view { width: min(900px, calc(100% - 36px)); margin: 42px auto 72px; }
.forms-responses-head { padding-bottom: 19px; border-bottom: 1px solid #383838; }
.forms-responses-head h1 { font-size: 1.7rem; }
.forms-response-tabs { display: flex; gap: 14px; margin: 12px 0 18px; border-bottom: 1px solid #383838; }
.forms-response-question,.forms-response-individual { margin: 12px 0; padding: 20px; background: #222222; border: 1px solid #383838; border-radius: 8px; }
.forms-response-question-toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.forms-response-question-toggle::-webkit-details-marker { display: none; }
.forms-response-question-toggle::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; transform: rotate(-45deg); transition: transform .15s ease; }
.forms-response-question[open] > .forms-response-question-toggle::before { transform: rotate(45deg); }
.forms-response-question h3 { margin: 0; font-size: 1rem; font-weight: 500; }
.forms-response-question-content { padding-top: 14px; }
.forms-response-count { color: #999999; font-size: .78rem; }
.forms-response-bars { display: grid; gap: 9px; }
.forms-response-bar-row { display: grid; grid-template-columns: minmax(80px, 220px) minmax(50px,1fr) 84px; align-items: center; gap: 10px; font-size: .82rem; }
.forms-response-bar { height: 10px; overflow: hidden; border-radius: 8px; background: #333333; }
.forms-response-bar span { display: block; height: 100%; border-radius: inherit; background: var(--forms-accent); }
.forms-response-text { margin: 7px 0; padding: 9px 11px; border-left: 3px solid #383838; color: #d0d0d0; font-size: .85rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.forms-response-individual { display: grid; gap: 9px; }
.forms-response-delete { justify-self: end; }
.forms-response-answer { padding-top: 9px; border-top: 1px solid #333333; }
.forms-response-answer strong { display: block; margin-bottom: 4px; font-size: .8rem; }
.forms-response-answer span { color: #999999; font-size: .86rem; }
.forms-response-answer .forms-response-count,.forms-response-grade { display: block; margin-top: 4px; }
.forms-response-score { color: var(--forms-accent); }
.forms-response-grade.is-correct { color: #6edb8e; }
.forms-response-grade.is-incorrect { color: #ff7070; }
.forms-response-answer span,.forms-response-answer a { white-space: pre-line; overflow-wrap: anywhere; }
.forms-response-file-link { display: grid; justify-items: start; gap: 7px; width: fit-content; color: var(--forms-accent); text-decoration: underline; }
.forms-response-file-preview { display: block; max-width: min(320px, 100%); max-height: 260px; object-fit: contain; border: 1px solid #383838; border-radius: 6px; }
.forms-response-answer .forms-response-no-answer,.forms-response-no-answer { display: inline-block; color: #999999; font-size: .82rem; font-style: italic; }
.forms-response-sort { display: flex; align-items: center; gap: 8px; margin: 12px 0; color: #999999; font-size: .8rem; }
.forms-response-sort select { min-height: 34px; padding: 0 9px; border: 1px solid #383838; border-radius: 5px; background: #222222; color: #d0d0d0; }
.forms-response-question-content { overflow-x: auto; }
.forms-management-content { width: min(980px, calc(100% - 36px)); margin: 34px auto 72px; }
.forms-management-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 22px; }
.forms-management-heading h1 { margin: 5px 0; overflow-wrap: anywhere; font-size: 1.7rem; }
.forms-management-heading p:not(.forms-eyebrow) { color: var(--forms-muted); }
.forms-management-title { display: block; overflow: hidden; color: var(--forms-ink); text-overflow: ellipsis; white-space: nowrap; }
.forms-notification-card { grid-template-columns: 1fr auto; align-items: center; }
.forms-notification-card h2 { margin: 0 0 5px; }
.forms-notification-card p { margin: 0; color: var(--forms-muted); font-size: .82rem; overflow-wrap: anywhere; }
.forms-notification-card .forms-setting-row { grid-column: 2; grid-row: 1; }
.forms-notification-status { grid-column: 1 / -1; }
.forms-notification-status.is-error { color: #ff7070; }
.forms-management-responses { margin-top: 30px; }
.forms-management-responses .forms-responses-head { display: flex; justify-content: space-between; align-items: center; }
.forms-management-responses .forms-responses-head h2 { margin: 7px 0 0; font-size: 1.3rem; }
.forms-management-response { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 10px 0; padding: 16px 18px; background: #222; border: 1px solid #383838; border-radius: 8px; }
.forms-management-response-info { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 9px 18px; }
.forms-management-response-info > span:not(.forms-response-score) { color: var(--forms-muted); font-size: .82rem; }
.forms-management-response .forms-secondary { flex: 0 0 auto; }
.forms-response-detail-content { width: min(800px, calc(100% - 36px)); margin: 34px auto 72px; }
.forms-response-form-heading h1 { margin: 0; overflow-wrap: anywhere; font-size: 1.65rem; }
.forms-response-form-heading > p { color: #c5c5c5; white-space: pre-wrap; }
.forms-response-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 17px; margin-top: 15px; color: var(--forms-muted); font-size: .82rem; }
.forms-response-total-score { display: block; margin-top: 16px; font-size: 1rem; }
.forms-filled-section { margin: 23px 0 12px; padding: 13px 18px; border-left: 3px solid var(--forms-accent); background: #202020; }
.forms-filled-section h2 { margin: 0 0 5px; font-size: 1.1rem; }
.forms-filled-section p { margin: 0; color: var(--forms-muted); white-space: pre-wrap; }
.forms-filled-question,.forms-filled-info { margin: 12px 0; padding: 19px 21px; background: #222; border: 1px solid #383838; border-radius: 8px; }
.forms-filled-question.is-correct { border-color: rgba(110, 219, 142, .62); background: #1a2a20; }
.forms-filled-question.is-incorrect { border-color: rgba(255, 112, 112, .62); background: #302020; }
.forms-filled-question.is-correct .forms-filled-question-heading h3 { color: #a8f0bb; }
.forms-filled-question.is-incorrect .forms-filled-question-heading h3 { color: #ffb2b2; }
.forms-filled-question-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.forms-filled-question-heading h3 { margin: 0; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.forms-filled-points { flex: 0 0 auto; font-size: .85rem; font-weight: 700; }
.forms-filled-points.is-correct,.forms-filled-answer[data-correctness="correct"] { color: #6edb8e; }
.forms-filled-points.is-incorrect,.forms-filled-answer[data-correctness="incorrect"] { color: #ff8a8a; }
.forms-filled-description,.forms-filled-info p { color: var(--forms-muted); font-size: .84rem; white-space: pre-wrap; }
.forms-filled-answer { margin-top: 14px; }
.forms-filled-value { margin: 0; padding: 10px 12px; border-radius: 5px; background: rgba(0, 0, 0, .16); color: #f0f0f0; white-space: pre-wrap; overflow-wrap: anywhere; }
.forms-filled-answer[data-correctness="correct"] .forms-filled-value { border: 1px solid rgba(110, 219, 142, .45); background: rgba(45, 125, 70, .22); color: #a8f0bb; }
.forms-filled-answer[data-correctness="incorrect"] .forms-filled-value { border: 1px solid rgba(255, 112, 112, .45); background: rgba(135, 45, 45, .24); color: #ffb2b2; }
.forms-filled-answer[data-correctness="correct"] .forms-response-file-link { color: #a8f0bb; }
.forms-filled-answer[data-correctness="incorrect"] .forms-response-file-link { color: #ffb2b2; }
.forms-filled-option { display: flex; align-items: center; gap: 10px; margin: 5px 0; padding: 8px 10px; border: 1px solid #414141; border-radius: 6px; color: #ddd; }
.forms-filled-option.is-selected { border-color: #777; background: rgba(255, 255, 255, .04); }
.forms-filled-option.is-correct,.forms-filled-grid .is-correct { border-color: rgba(110, 219, 142, .7); background: rgba(45, 125, 70, .22); color: #a8f0bb; }
.forms-filled-option.is-incorrect,.forms-filled-grid .is-incorrect { border-color: rgba(255, 112, 112, .7); background: rgba(135, 45, 45, .24); color: #ffb2b2; }
.forms-filled-option-marker { display: inline-grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .75rem; }
.forms-filled-option-marker.is-checkbox { border-radius: 4px; }
.forms-filled-grid { width: 100%; border-collapse: collapse; color: #ddd; font-size: .82rem; }
.forms-filled-grid th,.forms-filled-grid td { min-width: 56px; padding: 9px 7px; border: 1px solid #414141; text-align: center; }
.forms-filled-grid th:first-child { text-align: left; }
.forms-filled-grid .is-selected { color: var(--forms-accent); font-weight: 700; }
.forms-filled-rating { display: flex; align-items: center; gap: 12px; }
.forms-filled-scale { width: min(100%, 470px); }
.forms-filled-scale-values,.forms-filled-scale-labels { display: flex; justify-content: space-between; gap: 12px; color: var(--forms-muted); font-size: .72rem; }
.forms-filled-scale-track { position: relative; height: 3px; margin: 13px 8px; background: #777; }
.forms-filled-scale-marker { position: absolute; top: 50%; width: 16px; height: 16px; border: 3px solid #222; border-radius: 50%; background: var(--forms-accent); box-shadow: 0 0 0 2px var(--forms-accent); transform: translate(-50%, -50%); }
.forms-filled-answer[data-correctness="correct"] .forms-filled-scale-marker { background: #6edb8e; box-shadow: 0 0 0 2px #6edb8e; }
.forms-filled-answer[data-correctness="incorrect"] .forms-filled-scale-marker { background: #ff8a8a; box-shadow: 0 0 0 2px #ff8a8a; }
.forms-filled-stars { gap: 3px; }
.forms-filled-stars .forms-rating-star { display: block; }
.forms-filled-answer[data-correctness="correct"] .forms-rating-star.is-filled { filter: brightness(0) saturate(100%) invert(73%) sepia(23%) saturate(708%) hue-rotate(82deg) brightness(98%) contrast(91%); }
.forms-filled-answer[data-correctness="incorrect"] .forms-rating-star.is-filled { filter: brightness(0) saturate(100%) invert(62%) sepia(27%) saturate(1608%) hue-rotate(313deg) brightness(103%) contrast(101%); }
.forms-filled-expected { color: #a8f0bb; font-size: .83rem; }
.forms-response-detail .forms-response-grade { margin: 12px 0 0; font-weight: 600; }
.forms-response-detail .forms-response-grade.is-correct { color: #6edb8e; }
.forms-response-detail .forms-response-grade.is-incorrect { color: #ff8a8a; }
.forms-response-grid { width: 100%; border-collapse: collapse; color: #d0d0d0; font-size: .8rem; }
.forms-response-grid th,.forms-response-grid td { min-width: 70px; padding: 10px 8px; border-bottom: 1px solid #383838; text-align: center; }
.forms-response-grid th:first-child { text-align: left; }
.forms-settings-view > h1 { margin-bottom: 20px; font-size: 1.7rem; }
.forms-setting-card { display: grid; gap: 12px; margin-bottom: 14px; padding: 20px 23px; background: #222222; border: 1px solid #383838; border-radius: 8px; }
.forms-setting-card h2 { margin: 0 0 4px; font-size: 1rem; font-weight: 600; }
.forms-setting-row { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 16px; color: #d0d0d0; font-size: .88rem; }
.forms-setting-row.is-disabled { opacity: .5; }
.forms-setting-row input[type=number] { width: 135px; padding: 8px; border: 1px solid #383838; border-radius: 5px; }
.forms-setting-row select { min-height: 35px; padding: 0 8px; border: 1px solid #383838; border-radius: 5px; background: #222222; }
.forms-setting-block { display: grid; gap: 5px; color: #d0d0d0; font-size: .84rem; }
.forms-setting-card textarea { height: 40px; min-height: 40px; resize: vertical; scrollbar-color: #666 #222; scrollbar-width: thin; }
#formStatusText { margin: 0; color: #999999; font-size: .86rem; }
.forms-setting-card .forms-danger { justify-self: start; }
.forms-quiz-access { display: grid; gap: 15px; padding: 20px; border-top: 1px solid #383838; }
.forms-quiz-access h2 { margin: 0; font-size: 1.05rem; }
.forms-quiz-access > p { margin: 0; color: #d0d0d0; font-size: .88rem; line-height: 1.5; }
.forms-quiz-access .forms-identity-privacy { color: #999999; }
.forms-identity-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.forms-identity-gate > label { color: #d0d0d0; font-size: .84rem; }
.forms-quiz-access[hidden],.forms-quiz-access [hidden] { display: none !important; }

.forms-public-main { padding: 34px 14px 60px; }
.forms-public { --forms-accent: #ffcc00; width: min(700px, 100%); margin: 0 auto; color: #e5e5e5; font-family: Inter, Arial, sans-serif; }
.forms-public-progress { height: 4px; overflow: hidden; border-radius: 8px 8px 0 0; background: #333333; }
.forms-public-progress::before { display: block; width: var(--progress, 0%); height: 100%; background: var(--forms-accent); content: ""; transition: width .18s ease; }
.forms-public-card { overflow: visible; background: #222222; border: 1px solid #383838; border-radius: 9px; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
.forms-public-heading { overflow: hidden; padding: 0 24px 22px; border-radius: 8px 8px 0 0; }
.forms-public-color { height: 10px; margin: 0 -24px 22px; background: var(--forms-accent); }
.forms-public-heading h1,.forms-closed-card h1 { margin: 0; font-size: clamp(1.45rem, 5vw, 2rem); font-weight: 500; }
.forms-public-heading p,.forms-closed-card p { margin: 12px 0 0; color: #999999; font-size: .9rem; line-height: 1.6; white-space: pre-wrap; }
.forms-public-question { margin: 0 0 12px; padding: 20px 24px; border-top: 1px solid #333333; }
.forms-public-question label.forms-public-question-title { display: block; margin-bottom: 13px; color: #e5e5e5; font-size: .95rem; font-weight: 500; }
.forms-public-question-title .required-mark { color: #ff7070; }
.forms-public-question-description { margin: -6px 0 12px; color: #999999; font-size: .8rem; }
.forms-public-input { width: min(100%, 470px); min-height: 42px; padding: 8px 2px; border: 0; border-bottom: 1px solid #383838; background: transparent; color: #e5e5e5; font: 400 .9rem Inter, Arial, sans-serif; }
.forms-public-input:focus { border-bottom: 2px solid var(--forms-accent); outline: 0; }
.forms-public-input.is-error { border-bottom-color: #ff7070; }
.forms-public-options { display: grid; gap: 10px; }
.forms-public-option { display: flex; align-items: center; gap: 11px; color: #d0d0d0; font-size: .88rem; cursor: pointer; }
.forms-public-option input { width: 18px; height: 18px; accent-color: var(--forms-accent); }
.forms-scale-choice { min-width: 34px; justify-content: center; }
.forms-public-range-wrap { position: relative; width: 100%; padding: 22px 3px 8px; }
.forms-public-range-wrap::before {
    position: absolute;
    top: 27px;
    left: var(--zero-position, 50%);
    z-index: 0;
    width: 2px;
    height: 14px;
    background: #d0d0d0;
    content: "";
    pointer-events: none;
    transform: translateX(-50%);
}
.forms-public-range-wrap.has-zero-reference::before,.forms-public-range-wrap.has-center-reference::before { display: block; }
.forms-public-range-wrap:not(.has-zero-reference):not(.has-center-reference)::before { display: none; }
.forms-public-range-zero-label { position: absolute; top: 47px; z-index: 1; color: #999; font-size: .68rem; line-height: 1; transform: translateX(-50%); pointer-events: none; }
.forms-public-range-tooltip {
    position: absolute;
    top: 0;
    left: var(--range-position, 0%);
    z-index: 2;
    min-width: 24px;
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--forms-accent);
    color: #222222;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
}
.forms-public-range-wrap.has-range-tooltip .forms-public-range-tooltip,
.forms-public-range-wrap.is-range-focused .forms-public-range-tooltip { opacity: 1; }
.forms-public-range {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 24px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
}
.forms-public-range::-webkit-slider-runnable-track { height: 3px; border: 0; border-radius: 0; background: #777777; }
.forms-public-range::-moz-range-track { height: 3px; border: 0; border-radius: 0; background: #777777; }
.forms-public-range::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -7.5px;
    appearance: none;
    -webkit-appearance: none;
    border: 3px solid #222222;
    border-radius: 50%;
    background: #ffcc00;
    box-shadow: 0 0 0 2px #ffcc00, 0 1px 3px rgba(0, 0, 0, .8);
}
.forms-public-range::-moz-range-thumb { width: 18px; height: 18px; border: 3px solid #222222; border-radius: 50%; background: #ffcc00; box-shadow: 0 0 0 2px #ffcc00, 0 1px 3px rgba(0, 0, 0, .8); }
.forms-public-range:focus-visible { outline: 2px solid rgba(255, 204, 0, .35); outline-offset: 4px; }
.forms-public-scale { display: flex; align-items: center; gap: 0; }
.forms-rating-stars { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.forms-rating-choice { position: relative; display: inline-flex; width: 30px; height: 32px; align-items: center; justify-content: center; cursor: pointer; }
.forms-rating-choice input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
.forms-rating-choice:focus-within { outline: 2px solid rgba(255, 204, 0, .35); outline-offset: 2px; border-radius: 3px; }
.forms-app-main .forms-rating-star { width: 24px; height: 24px; filter: brightness(0) saturate(100%) invert(58%); transition: transform .12s ease; }
.forms-app-main .forms-rating-star.is-filled { filter: none; }
.forms-rating-choice:hover .forms-rating-star { transform: scale(1.1); }
.forms-rating-range { margin-top: 8px; color: #999999; font-size: .76rem; }
.forms-public-date-control { position: relative; display: flex; width: min(100%, 470px); min-width: 0; align-items: center; gap: 8px; }
.forms-public-date-display { position: relative; z-index: 1; width: 100%; min-width: 0; flex: 1; }
.forms-public-date-picker {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
.forms-public-date-control:focus-within .forms-public-date-display { border-bottom: 2px solid var(--forms-accent); }
.forms-success-icon img { width: 24px; height: 24px; }
.forms-public-error { display: none; margin-top: 8px; color: #ff7070; font-size: .78rem; }
.forms-public-error.is-visible { display: block; }
.forms-public-controls { display: flex; justify-content: space-between; gap: 10px; padding: 18px 24px; border-top: 1px solid #333333; }
.forms-public-controls #publicBack { margin-right: auto; }
.forms-public-controls [hidden] { display: none; }
.forms-success { padding: 40px 24px; text-align: center; }
.forms-public [hidden] { display: none !important; }
.forms-success-icon { display: grid; width: 46px; height: 46px; margin: 0 auto 15px; place-items: center; border-radius: 50%; background: #183322; color: #6edb8e; font-size: 1.3rem; }
.forms-success h2 { margin: 0; font-size: 1.35rem; font-weight: 500; }
.forms-success p { color: #999999; }
.forms-closed-card { padding: 0 26px 28px; }
.forms-public-footer { padding: 13px; color: #888888; font-size: .72rem; text-align: center; }
.forms-public-section-title { padding: 18px 24px; border-top: 1px solid #333333; }
.forms-public-section-title h2 { margin: 0; font-size: 1.2rem; font-weight: 500; }
.forms-public-section-title p { margin: 7px 0 0; color: #999999; font-size: .85rem; }

.forms-select { position: relative; min-width: 0; }
.forms-select-native { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
.forms-select-trigger {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 11px;
    border: 1px solid #383838;
    border-radius: 6px;
    background: #222222;
    color: #e5e5e5;
    font: 400 .84rem Inter, Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}
.forms-select-trigger:hover,.forms-select.is-open .forms-select-trigger { border-color: #555; background: #292929; }
.forms-select-trigger:focus-visible { outline: 2px solid var(--forms-accent); outline-offset: 2px; }
.forms-select-chevron { width: 15px; height: 15px; flex: 0 0 auto; opacity: .8; }
.forms-select-options {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 30;
    display: none;
    max-height: min(300px, 45vh);
    padding: 5px;
    overflow-y: auto;
    border: 1px solid #383838;
    border-radius: 7px;
    background: #222222;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}
.forms-select.is-open .forms-select-options { display: grid; }
.forms-select-option {
    min-height: 36px;
    padding: 8px 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #e5e5e5;
    font: 400 .84rem Inter, Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}
.forms-select-option:hover,.forms-select-option:focus-visible { background: #2d2d2d; outline: 0; }
.forms-select-option[aria-selected="true"] { color: var(--forms-accent); }
.forms-library-controls > .forms-select { min-width: 175px; }
.forms-question-top > .forms-select { min-width: 0; }
.forms-setting-row > .forms-select { min-width: 170px; }
.forms-option-route.forms-select-native { width: 1px; }
.forms-option-row > .forms-select { grid-column: 5; min-width: 0; }
.forms-option-row > .forms-select .forms-select-trigger { min-height: 32px; padding: 0 7px; font-size: .69rem; }
.forms-option-row > .forms-select .forms-select-chevron { width: 13px; height: 13px; }
.forms-section-next > .forms-select { min-width: 180px; }
.forms-import-dialog-inner > .forms-setting-block > .forms-select { width: 100%; }
.forms-history-button { white-space: nowrap; }
.forms-editor-actions .forms-history-button { display: inline-flex; }
.forms-history-hint { margin: 0; color: #999; font-size: .84rem; }
.forms-history-list { display: grid; max-height: 50vh; gap: 8px; overflow: auto; }
.forms-history-revision { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px; border: 1px solid #383838; border-radius: 7px; background: #1a1a1a; }
.forms-history-revision-details { display: grid; min-width: 0; gap: 4px; }
.forms-history-revision-details strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forms-history-revision-details time,.forms-history-current { color: #999; font-size: .76rem; }
.forms-history-current { color: #ffcc00; }
.forms-history-empty { color: #999; text-align: center; }
.forms-history-dialog { color: #e5e5e5; }

@media (max-width: 900px) {
    .forms-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .forms-editor-topbar { padding: 8px 12px; gap: 7px; }
    .forms-editor-actions { gap: 3px; }
    .forms-editor-actions .forms-secondary { display: none; }
    .forms-editor-actions .forms-history-button { display: inline-flex; }
    .forms-management .forms-editor-actions { flex-wrap: wrap; justify-content: flex-end; }
    .forms-management .forms-editor-actions .forms-secondary { display: inline-flex; }
    .forms-editor-canvas-wrap { padding-right: 76px; }
}

@media (max-width: 600px) {
    .forms-scale-settings { grid-template-columns: minmax(0, 1fr); }
    .forms-scale-controls { grid-template-columns: 72px minmax(0, 1fr); }
    .forms-scale-settings .forms-scale-zero-mode-label select { max-width: 100%; }
    .forms-home { padding: 33px 16px 54px; }
    .forms-home-head { align-items: flex-start; }
    .forms-home-head > .forms-primary,.forms-create-menu > .forms-primary { min-height: 36px; padding: 0 10px; font-size: .78rem; }
    .forms-library-head { align-items: flex-start; flex-direction: column; margin-top: 36px; }
    .forms-library-controls { width: 100%; }
    .forms-search { flex: 1; }
    .forms-search input { width: 100%; }
    .forms-grid { grid-template-columns: 1fr; gap: 11px; }
    .forms-card-meta { margin-top: 12px; }
    .forms-editor-topbar { min-height: 58px; }
    .forms-tabs { top: 58px; justify-content: space-evenly; gap: 0; }
    .forms-tabs button { flex: 1; min-height: 43px; padding: 0 3px; font-size: .78rem; }
    .forms-editor-actions .forms-icon-button { display: none; }
    .forms-editor-actions .forms-history-button { display: inline-flex; }
    .forms-history-button > span { display: none; }
    .forms-editor-actions .forms-primary { min-height: 34px; padding: 0 9px; font-size: .75rem; }
    .forms-save-state { font-size: .62rem; }
    .forms-editor-canvas-wrap { display: block; padding: 17px 10px 100px; }
    .forms-editor-canvas { width: 100%; }
    .forms-management-content,.forms-response-detail-content { width: calc(100% - 24px); margin-top: 22px; }
    .forms-management-heading { align-items: flex-start; flex-direction: column; }
    .forms-management-response { align-items: flex-start; flex-direction: column; }
    .forms-response-detail .forms-editor-actions .forms-secondary { display: inline-flex; }
    .forms-filled-question,.forms-filled-info { padding: 15px; }
    .forms-form-heading,.forms-question-card { padding: 18px 15px 14px; }
    .forms-question-top { grid-template-columns: 1fr; }
    .forms-question-top select { width: 100%; }
    .forms-grid-settings { grid-template-columns: 1fr; }
    .forms-option-route { max-width: 92px; font-size: .64rem; }
    .forms-question-extras { gap: 5px; }
    .forms-floating-toolbar { position: fixed; z-index: 14; right: 12px; bottom: 12px; left: 12px; top: auto; width: auto; height: 54px; flex-direction: row; justify-content: center; margin: 0; border-radius: 12px; }
    .forms-floating-toolbar button { width: 48px; height: 42px; }
    .forms-setting-card { padding: 17px 15px; }
    .forms-responses-view,.forms-settings-view { width: calc(100% - 24px); margin-top: 24px; }
    .forms-responses-head { align-items: flex-start; }
    .forms-responses-head h1 { font-size: 1.3rem; }
    .forms-response-bar-row { grid-template-columns: minmax(65px, 1fr) minmax(35px,1fr) 68px; gap: 6px; font-size: .75rem; }
    .forms-public-main { padding: 16px 10px 36px; }
    .forms-public-heading { padding: 0 17px 19px; }
    .forms-public-color { margin-right: -17px; margin-left: -17px; }
    .forms-public-question { padding: 18px 17px; }
    .forms-public-controls { padding: 15px 17px; }
    .forms-public-grid-scroll { max-width: calc(100vw - 56px); }
    .forms-public-grid { font-size: .76rem; }
    .forms-public-grid th,.forms-public-grid td { min-width: 70px; padding: 9px 6px; }
    .forms-public-grid th:first-child { min-width: 76px; }
    .forms-public-date-control { width: 100%; }
    .forms-public-time-control { width: 100%; }
    .forms-rating-stars { gap: 9px; }
    .forms-rating-choice { width: 36px; height: 40px; }
    .forms-app-main .forms-rating-star { width: 28px; height: 28px; }
}

@media (prefers-reduced-motion: reduce) {
    .forms-app-main *, .forms-app-main *::before, .forms-app-main *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}