.html-import-panel{padding:24px;min-width:0}.html-import-panel p{line-height:1.6}.html-format-guide{margin:20px 0;padding:16px;border:1px solid var(--border,#ccd4e0);border-radius:12px}.html-format-guide summary{cursor:pointer;font-weight:600}.html-format-guide code{overflow-wrap:anywhere}.html-import-form{display:grid;gap:16px;margin-top:24px;max-width:760px}.html-import-form label{display:grid;gap:7px;font-weight:600}.html-import-form select,.html-import-form input{width:100%;min-width:0;padding:12px;border-radius:10px;border:1px solid var(--border,#ccd4e0);background:var(--card-bg,var(--surface,#fff));color:inherit;box-sizing:border-box}.html-import-form [data-new-test]{display:grid;gap:12px}.html-import-form [hidden]{display:none}.html-import-actions{display:flex;flex-wrap:wrap;gap:10px}.html-question-preview{border:1px solid var(--border,#ccd4e0);padding:14px;margin:10px 0;border-radius:10px}.html-question-preview summary{cursor:pointer;overflow-wrap:anywhere}.html-question-content{padding-top:12px;overflow:auto}.html-question-content table{border-collapse:collapse}.html-question-content td,.html-question-content th{border:1px solid #aab4c2;padding:8px}.html-preview-media{display:block;overflow-wrap:anywhere;padding:10px;border:1px dashed #8899aa;border-radius:8px}.html-import-note{padding:12px;background:rgba(80,140,210,.1);border-radius:10px}@media(max-width:600px){.html-import-panel{padding:16px}.html-import-actions .button{flex:1} .html-import-panel .button{white-space:normal}}