html{height:100%;overflow:hidden}body.output-make-custom-quiz-form-page{background-color:#191a1f;background-image:radial-gradient(circle,#666666bf .5px,#0000 .5px);background-position:5px 5px;background-size:10px 10px;flex-direction:column;height:100dvh;min-height:100vh;margin:0;display:flex;overflow:hidden}.output-make-custom-quiz-form-main{box-sizing:border-box;flex:0 0 calc(100dvh - 90px);height:calc(100dvh - 90px);min-height:0;padding-bottom:32px;display:block;overflow:hidden auto}.output-make-custom-quiz-form-header{box-sizing:border-box;flex:0 0 90px;width:100%;min-height:90px}.output-make-custom-quiz-form-back-link{z-index:50;color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.25;text-decoration:none;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s;position:fixed;top:12px;left:12px;box-shadow:0 10px 15px -3px #0f172a2e,0 4px 6px -4px #0f172a2e}.output-make-custom-quiz-form-back-link:hover,.output-make-custom-quiz-form-back-link:focus-visible{color:#fff;background:#ffffff1a}@media (width>=40rem){.output-make-custom-quiz-form-back-link{padding:8px 16px;font-size:14px;top:16px;left:16px}}.output-make-custom-quiz-form-pane{box-sizing:border-box;min-width:0;min-height:0}.output-make-custom-quiz-form-pane--left{flex-direction:column;align-items:center;gap:20px;display:flex}.output-make-custom-quiz-form-pane--left>*{box-sizing:border-box;width:min(100%,688px);padding-inline:20px}.output-make-custom-quiz-form-pane--right{color:#fff;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#16171880;border:1px solid #dadce026;border-radius:16px;flex-direction:column;flex:1;margin-top:28px;padding:12px;display:flex}.output-make-custom-quiz-form-pane--right:empty{display:none}@media (width>=40rem){.output-make-custom-quiz-form-pane--left>*{padding-inline:24px}}@media (width>=48rem){.output-make-custom-quiz-form-main{grid-template-columns:minmax(0,1fr) 300px;gap:0;padding-bottom:0;display:grid;overflow:hidden}.output-make-custom-quiz-form-pane{scrollbar-width:none;overflow-y:auto}.output-make-custom-quiz-form-pane::-webkit-scrollbar{display:none}.output-make-custom-quiz-form-pane--right:empty{display:flex}.output-make-custom-quiz-form-pane--right{margin-top:0}}.output-make-custom-quiz-form-title{color:#fff;text-align:center;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;margin:0;font:700 clamp(32px,4.4vw,44px)/1.25 Pretendard Variable,Pretendard Fallback,system-ui,-apple-system,Segoe UI,sans-serif}.output-make-custom-quiz-form-subtitle{color:#c7cbd1;text-align:center;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;margin:0;font:500 16px/1.75 Pretendard Variable,Pretendard Fallback,system-ui,-apple-system,Segoe UI,sans-serif}.output-make-custom-quiz-form-subtitle a{color:#8ab4f8;font-weight:700;text-decoration:none}.output-make-custom-quiz-form-subtitle a:hover,.output-make-custom-quiz-form-subtitle a:focus-visible{text-decoration:underline}.output-make-custom-quiz-form{gap:18px;margin-top:28px;display:grid}.output-make-custom-quiz-form-field{gap:8px;display:grid}.output-make-custom-quiz-form-label{color:#d9dde3;letter-spacing:0;font-size:15px;font-weight:700;line-height:1.4}.output-make-custom-quiz-form-input{box-sizing:border-box;color:#fff;letter-spacing:0;background:#16171880;border:1px solid #e5e8eb;border-radius:12px;outline:none;width:100%;min-height:56px;padding:0 18px;font-size:16px;font-weight:500;line-height:1.4;transition:border-color .16s,box-shadow .16s,background-color .16s}.output-make-custom-quiz-form-input::placeholder{color:#ffffff8f}.output-make-custom-quiz-form-input:focus{border-color:#3182f6;box-shadow:0 0 0 3px #3182f629}.output-make-custom-quiz-form-file-dropzone{box-sizing:border-box;color:#fff;text-align:center;letter-spacing:0;cursor:pointer;background:#16171880;border:1px solid #52a8eccc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:280px;padding:20px 18px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:inset 0 1px 3px #11182703,0 0 8px #52a8ec99}.output-make-custom-quiz-form-file-dropzone[data-dragging]{background:#161718ad}.output-make-custom-quiz-form-file-dropzone:focus-within{border-color:#52a8eccc;outline:none;box-shadow:inset 0 1px 3px #11182703,0 0 8px #52a8ec99}.output-make-custom-quiz-form-file-content{text-align:left;gap:6px;display:grid}.output-make-custom-quiz-form-file-title{color:#fff;font-size:15px;font-weight:700;line-height:1.45}.output-make-custom-quiz-form-file-name{color:#ffffffb8;text-align:center;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.55;display:block}.output-make-custom-quiz-form-file-rules{color:#ffffffb8;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1.55;list-style:none}.output-make-custom-quiz-form-file-rules li:before{content:"• "}.output-make-custom-quiz-form-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.output-make-custom-quiz-form-consent{color:#d9dde3;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;line-height:1.6;display:flex}.output-make-custom-quiz-form-consent-input{accent-color:#3182f6;flex:none;width:18px;height:18px;margin:2px 0 0}.output-make-custom-quiz-form-actions{justify-content:flex-end;margin-top:6px;display:flex}.output-make-custom-quiz-form-submit{color:#fff;letter-spacing:0;cursor:pointer;background:#3182f6;border:0;border-radius:12px;min-width:96px;min-height:44px;padding:0 18px;font-size:15px;font-weight:800;line-height:1}.output-make-custom-quiz-form-submit:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.output-make-custom-quiz-form-status{color:#d9dde3;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;min-height:22px;margin:0;font-size:14px;font-weight:600;line-height:1.55}.output-make-custom-quiz-form-status[data-state=error]{color:#dc2626}.output-make-custom-quiz-form-status[data-state=success]{color:#0f766e}.output-make-custom-quiz-preview-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.output-make-custom-quiz-preview-item{background:#ffffff0a;border:1px solid #dadce01f;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.output-make-custom-quiz-preview-progress{background:#ffffff14;border-radius:9999px;width:100%;height:6px;overflow:hidden}.output-make-custom-quiz-preview-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:9999px;height:100%}.output-make-custom-quiz-preview-name{color:#d9dde3;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.output-make-custom-quiz-preview-date{color:#8b95a1;font-size:12px;font-weight:500;line-height:1.4}