.image-placeholder{color:#999;background:#e3e3e3;border-radius:12px;place-items:center;display:grid}.image-placeholder svg{width:min(40%,180px);height:auto}.client-modal-shell .ant-modal-body{max-height:none;overflow:visible}.mechanics-prototype{background:#343e3e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mechanics-prototype *,.mechanics-select-popup *{box-sizing:border-box}.prototype-container{width:min(100% - 64px,1480px);margin-inline:auto}.task-switcher{justify-content:flex-end;padding-block:18px;display:flex}.task-switcher .ant-select{width:220px}.task-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding-bottom:64px;display:grid}.task-layout>*{min-width:0}.scene-placeholder{aspect-ratio:1;border-radius:20px;max-height:calc(100dvh - 48px);position:sticky;top:24px}.question-placeholder{aspect-ratio:16/9;margin-top:24px}.question-placeholder svg{width:min(30%,120px)}.task-card.ant-card{border:0;border-radius:20px}.task-card .ant-card-body{padding:32px}.task-meta{margin-bottom:16px;font-size:14px}.task-card h2.ant-typography{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(25px,2.15vw,34px);line-height:1.2}.task-copy{color:#515c60;line-height:1.65}.task-copy p{margin:0 0 14px}.answer-heading{margin:28px 0 14px;font-size:15px;font-weight:650}.answer-options{gap:10px;width:100%;display:grid}.answer-options .ant-radio-wrapper{border:1px solid #dfe4e8;border-radius:10px;align-items:center;margin:0;padding:14px 16px;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.answer-options .ant-radio-wrapper-checked{background:#eff6ff;border-color:#1677ff}.answer-options .ant-radio-wrapper>span:last-child{gap:10px;display:flex}.option-letter{color:#7c8589}.answer-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.answer-actions>.ant-btn-primary{min-width:160px}.answer-modal-title{align-items:center;gap:12px;font-size:24px;line-height:1.3;display:flex}.answer-modal-title .anticon{font-size:28px}.answer-modal-title.is-correct .anticon{color:#52c41a}.answer-modal-title.is-incorrect .anticon{color:#ff4d4f}.answer-modal-feedback{white-space:pre-line;margin:24px 0;line-height:1.65}.word-cells{gap:6px;display:grid}.word-cells .ant-input{text-align:center;border-radius:7px;min-width:0;height:48px;padding:3px;font-size:20px;font-weight:600}.matching-fields{gap:16px;min-width:0;display:grid}.matching-row{gap:8px;min-width:0;display:grid}.matching-row label{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.pair-number{color:#6e7b81;background:#edf2f5;border-radius:6px;place-items:center;width:23px;height:23px;font-size:12px;display:inline-grid}.matching-row .ant-select{width:100%;min-width:0}.mechanics-prototype .matching-row .ant-select .ant-select-content{white-space:normal;min-width:0;padding-block:9px;line-height:1.45}.matching-row .ant-select-selection-item,.mechanics-select-popup .ant-select-item-option-content{white-space:normal;line-height:1.45}.matching-row .ant-select{height:auto;min-height:44px}.mechanics-select-popup .ant-select-item{padding-block:10px}.drag-matching{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.drag-bank{background:#f5f7fa;border:1px solid #e3e8ed;border-radius:12px;grid-template-columns:minmax(0,1fr);gap:10px;min-height:76px;padding:8px;display:grid}.drag-matching .drag-task,.drag-matching .drag-slot{text-align:left;white-space:normal;justify-content:flex-start;width:100%;min-width:0;height:auto;min-height:68px;padding:10px;font-size:13px;line-height:1.4}.drag-matching .drag-task{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-matching .drag-task>span:last-child,.drag-matching .drag-slot>span:last-child{overflow-wrap:anywhere;min-width:0}.drag-task>.anticon{color:#7c8a97;flex-shrink:0}.drag-matching .is-selected{background:#eaf3ff;border-color:#1677ff}.drag-matching .is-over{background:#eaf3ff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.drag-matching .is-dragging{opacity:.35}.drag-matching .drag-task:disabled{cursor:default;touch-action:auto}.drag-pairs{gap:12px;display:grid}.drag-pair{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.drag-person{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.drag-person .pair-number{flex-shrink:0}.drag-slot:not(.drag-task){color:#84909a}.drag-bank-empty{text-align:center;color:#84909a;grid-column:1/-1;align-self:center;font-size:13px}.matching-drag-preview{z-index:1100;pointer-events:none;box-sizing:border-box;color:#242c2e;background:#fff;border:1px solid #1677ff;border-radius:12px;align-items:center;gap:10px;padding:14px;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 8px 28px #22354d33}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1023px){.prototype-container{width:calc(100% - 32px)}.task-layout{gap:16px}.task-card .ant-card-body{padding:24px}.word-cells{gap:3px}.word-cells .ant-input{height:42px;font-size:17px}.drag-matching{gap:10px}.drag-bank{gap:8px;padding:5px}.drag-matching .drag-task,.drag-matching .drag-slot{padding:8px;font-size:12px}.drag-person{gap:5px;font-size:12px}.drag-person .pair-number{width:18px;height:18px;font-size:10px}.drag-task>.anticon{display:none}}@media (width<=767px){.task-switcher{padding-block:14px}.task-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:32px}.scene-placeholder{aspect-ratio:1.2;border-radius:14px;max-height:none;position:static}.task-card.ant-card{border-radius:14px}.task-card .ant-card-body{padding:22px 20px}.task-card h2.ant-typography{font-size:27px}.task-copy{font-size:15px}.answer-options .ant-radio-wrapper{padding:13px 12px;font-size:15px}.word-cells{gap:4px}.word-cells .ant-input{height:42px;font-size:18px}}html,body,#root{min-height:100%}body{background:#fff;margin:0}