:root{--ink:#172744;--blue:#386aff;--bg:#f4f7fc;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Thai",Tahoma,sans-serif}.v15{min-height:100vh}.topbar15{height:62px;padding:0 max(18px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4eaf4}.brand15{font-size:17px;font-weight:900;text-decoration:none;color:var(--ink)}.brand15 b{color:var(--blue)}.brand15 span{font-size:11px;color:#94a3b8;margin-left:9px}.toplinks15{display:flex;gap:20px}.toplinks15 a{font-size:13px;text-decoration:none;color:#475569}.main15{max-width:1140px;padding:30px 18px 70px;margin:auto}.heading15{margin-bottom:23px}.heading15 h1{font-size:clamp(25px,4vw,37px);margin:4px 0;font-weight:850;line-height:1.36}.heading15 p{color:var(--muted);margin:0}.card{background:white;border:1px solid #e6eaf2;border-radius:16px;box-shadow:0 10px 30px #22385a08}.panel15{padding:25px;max-width:850px}.panel15 h2{font-size:21px;margin:0 0 18px}.panel15>h3{margin:22px 0 10px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;padding:12px 14px;font:inherit;border:1px solid #d9e3ef;border-radius:11px;background:#fff;color:var(--ink);margin:8px 0 15px;outline-color:#80a5ff}textarea{resize:vertical;line-height:1.7}label{display:block;font-size:14px;font-weight:650;color:#334155}.row label,.mode-grid15 label{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:13px 18px;background:#3467ed;color:white;cursor:pointer;text-decoration:none;font-size:14px;font-weight:750;min-height:44px}.btn:hover{filter:brightness(.97)}.btn.secondary{background:#e9efff;color:#274ccb}.btn.ghost{background:#f3f6fa;color:#465974}.btn.wide{width:100%;margin-top:10px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.wrap15{flex-wrap:wrap}.home-grid15{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.hero15{border-radius:18px;padding:40px;background:linear-gradient(130deg,#152c61,#315be2);color:white;min-height:420px;position:relative;overflow:hidden}.hero15 h2{font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-1px;margin:28px 0}.hero15 h2 span{color:#aee9ff}.hero-symbol{font-size:46px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-tags span{background:#ffffff1a;border:1px solid #ffffff39;border-radius:999px;padding:8px 12px;font-size:12px}.separator15{border-top:1px solid #edf0f5;margin:20px 0;padding-top:16px;color:#7f8da3;text-align:center}.form-grid15{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.mode-grid15{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.mode-grid15 label{background:#f2f6fd;border-radius:10px;padding:12px;font-size:13px}.center15{text-align:center;margin:auto}.center15 input{max-width:450px}.center15 label{text-align:left;max-width:450px;margin:18px auto 0}.center15 .btn.wide{max-width:450px;margin:12px auto}.big-icon15{font-size:54px}.quiz-layout15{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px}.qheader15{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.clock15{font-size:26px;font-weight:850;font-variant-numeric:tabular-nums;background:#e8f0ff;border-radius:14px;padding:9px 18px;color:#2451ae}.clock15.urgent15{background:#fff0ee;color:#d93734}.question15{padding:24px}.question15 h2{font-size:clamp(21px,3.2vw,28px);line-height:1.65;margin:14px 0 23px;font-weight:750;overflow-wrap:anywhere}.q-type15{font-weight:750;color:#4473dd;font-size:13px}.options15{display:grid;gap:12px}.answer15{display:grid;grid-template-columns:43px minmax(0,1fr) 22px;gap:14px;align-items:center;background:#fff;border:2px solid #dfe6f2;color:var(--ink);border-radius:14px;text-align:left;padding:17px 16px;min-height:73px;font:inherit;font-size:18px;font-weight:600;line-height:1.55;cursor:pointer}.answer15:hover,.answer15.picked15{border-color:#4a75e9;background:#eff4ff}.answer15:disabled{cursor:default}.letter15{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e8efff;color:#2b59c9;font-weight:800}.image-frame15{position:relative;display:table;margin:8px auto 15px;max-width:100%;line-height:0;overflow:hidden;border-radius:12px;border:1px solid #dce4f0;touch-action:manipulation}.image-frame15 img{display:block;max-width:100%;width:auto;max-height:60vh;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.marks15{position:absolute;inset:0;cursor:crosshair}.mark15{position:absolute;transform:translate(-50%,-50%);border:3px solid #ff5c47;background:#ff75592c;color:#a32112;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:15px;font-weight:850;cursor:pointer}.editing-mark15{border-color:#1d70ee;background:#e0ecff}.correctmark15{position:absolute;transform:translate(-50%,-50%);border:3px solid #20b770;background:#28b66e30;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:14px;color:#066f43;font-weight:800}.quiz-video15{display:block;max-width:100%;width:100%;max-height:440px;background:#0a1221;border-radius:12px;margin:12px 0 18px}.nav-footer15{display:flex;justify-content:space-between;gap:10px;margin:15px 0}.side15 .panel15{padding:18px}.side15 .panel15 h3{margin:4px 0 10px}.meter{height:10px;background:#e6edf7;border-radius:999px;overflow:hidden}.meter>div{height:100%;background:#3d79ff;border-radius:999px}.navdots15{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.navdots15 button{border:1px solid #dce5f1;background:white;padding:8px 0;border-radius:7px}.navdots15 button.done{background:#c8f7de}.navdots15 button.current{outline:2px solid #4c75e9}.score15{font-size:54px;font-weight:900;color:#245ce7}.score15 small{font-size:18px;color:#65758e}.ranking15{display:grid;gap:8px;margin:16px 0}.rank15{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 16px;border:1px solid #e5eaf3;border-radius:12px;background:#fcfdff}.rank15 b{overflow-wrap:anywhere}.rank15 small{color:#64748b}.admin-grid15{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px}.admin-grid15 .panel15{max-width:none}.qr15{display:block;width:190px;max-width:100%;margin:12px auto;border:9px solid white;box-shadow:0 0 0 1px #dce5ef}.room-code15{text-align:center;font-size:43px;letter-spacing:7px;font-weight:900;color:#2a53c5}.stat15{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.stat15 div{text-align:center;background:#f2f6fd;border-radius:12px;padding:15px 5px}.stat15 b{font-size:26px;display:block}.stat15 small{font-size:11px;color:#64748b}.people15{display:flex;gap:8px;flex-wrap:wrap}.people15 span{border:1px solid #e3eaf4;border-radius:8px;padding:7px 12px;font-size:13px}.review15{padding:23px 0;border-top:1px solid #e3eaf5}.review15 video{width:min(480px,100%);display:block;margin:10px 0;border-radius:12px}.rubric15{background:#f2f6ff;padding:14px;border-radius:12px;white-space:pre-wrap}.rubric15 p{margin:8px 0}.review-answer15{white-space:pre-wrap;background:#f8fafc;padding:18px;border-radius:12px}.bank-list15{display:grid;gap:8px;max-height:60vh;overflow-y:auto}.bank-item15{display:grid;grid-template-columns:110px 1fr 85px;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #edf1f7}.bank-item15>span:nth-child(2){font-size:14px;overflow-wrap:anywhere}.tag{font-size:12px;padding:7px 9px;background:#eef4ff;border-radius:8px}.chart15>div{margin:14px 0}.track15{height:13px;background:#e8edf5;border-radius:10px;overflow:hidden}.track15>div{height:100%;background:#4578ef}.tv15{min-height:100vh;color:#fff;background:radial-gradient(circle at top left,#3157b9 0,#0d1e45 50%,#0b142d 100%);padding:36px max(22px,calc((100vw - 1200px)/2))}.tv15 header{display:flex;justify-content:space-between;align-items:start}.tv15 h1{font-size:clamp(28px,4vw,48px)}.tv15 h2{font-size:clamp(24px,3vw,38px)}.tv15 p{color:#bfccec}.tv15 .ranking15{margin-top:25px}.tv15 .rank15{background:#ffffff19;border:1px solid #ffffff28;color:white;font-size:clamp(17px,2vw,27px)}.tv15 .rank15 small{color:#d3dff9}.tv-status15{border:1px solid #ffffff30;border-radius:999px;padding:10px 18px}.tv-question15{text-align:center;margin:60px auto;max-width:900px}.tv-question15 h2{font-size:clamp(26px,4vw,48px);line-height:1.5}.tv-question15 img{max-height:36vh;max-width:65vw;border-radius:16px}.tv-question15 #tvClock{font-size:clamp(65px,9vw,115px);font-weight:900;color:#a4d7ff;font-variant-numeric:tabular-nums}.tv15 footer{margin-top:40px;color:#acbddc}.notice{margin:15px 0;padding:12px 15px;border-radius:10px;background:#fff7e8;color:#8b5910}.notice.success{background:#e7f8ef;color:#137a48}.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#5781db}.question-badge{display:inline-block;border-radius:8px;background:#edf2ff;padding:9px 13px;color:#3760c0;font-weight:850}.center15 .ranking15{text-align:left}@media(max-width:780px){.topbar15{padding:0 14px}.brand15{font-size:14px}.toplinks15 a{font-size:11px}.main15{padding:22px 12px 55px}.home-grid15,.quiz-layout15,.admin-grid15{grid-template-columns:1fr}.hero15{min-height:280px;padding:25px}.hero15 h2{font-size:45px;margin:12px 0}.panel15,.question15{padding:17px}.mode-grid15{grid-template-columns:1fr}.form-grid15{grid-template-columns:1fr}.answer15{font-size:17px;padding:14px 11px;gap:10px}.rank15{grid-template-columns:34px minmax(0,1fr) auto}.rank15>small:last-child{grid-column:2/-1}.bank-item15{grid-template-columns:1fr auto}.bank-item15 .tag{grid-column:1/-1;width:max-content}.tv15{padding:22px 16px}.tv15 header{display:block}.side15{order:2}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* V1.6 */
.question-image16{display:block;max-width:100%;width:auto;max-height:420px;object-fit:contain;margin:18px auto;border-radius:12px;border:1px solid #d7dfe8;background:#fff} .truefalse16{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.truefalse16>div{background:#eaf3ff;border-radius:12px;text-align:center;padding:18px;font-size:20px;font-weight:700;color:#163d77}.import-result16{margin-top:24px;padding:18px;border-radius:12px;background:#f2f7ff;color:#17355a}.import-error16{color:#ac2634!important;border-left:3px solid #dd4359;padding-left:10px}.import-result16 details{max-height:350px;overflow:auto}.question15 h2{line-height:1.55;overflow-wrap:anywhere}.answer15{min-height:64px;line-height:1.5} 

/* V1.7: image-based answer cards */
.answer-content17{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;flex:1;text-align:left;white-space:normal}
.choice-image17{display:block;max-width:min(100%,360px);width:auto;max-height:240px;object-fit:contain;border-radius:10px;border:1px solid rgba(120,140,165,.22);background:#fff;margin:6px 0}
.options15 .answer15:has(.choice-image17){align-items:flex-start;min-height:110px}
#editorFields .choice-image17{max-height:180px}