.html-format-options fieldset{border: 1px solid var(--border);border-radius: 8px;background: #fff;padding: 0 16px 16px}.html-format-options legend{width: auto;margin: 0 0 12px;padding: 0 8px;color: var(--text);font-size: 14px;font-weight: 600}.html-format-options .format-option-wrap{display: block;margin: 0;padding: 0}.html-format-options .format-option-wrap>.row{display: flex;align-items: center;margin: 0 0 12px}.html-format-options .format-option-wrap>.row:last-child{margin-bottom: 0}.html-format-options .control-label{margin: 0;padding: 0;cursor: default}.html-format-options .custom-input-list{display: flex;flex-direction: column;gap: 8px}.html-format-options .custom-input-item{display: flex;align-items: center;flex-wrap: nowrap;gap: 6px;margin: 0 0 8px;color: var(--text-2);font-weight: 400;cursor: pointer}.html-format-options .custom-input-list .custom-input-item{margin-bottom: 0}.html-format-options input[type="radio"],.html-format-options input[type="checkbox"]{flex: 0 0 auto;accent-color: var(--primary)}.html-format-options code{white-space: nowrap}:root[data-theme="dark"] .html-format-options fieldset,:root[data-theme="dark"] .html-format-options legend{background: #161b22}.html-formatter-action-bar{align-items: center;gap: 8px;margin-top: 16px;padding: 12px;border: 1px solid var(--border);border-radius: var(--radius);background: #ffffff}.html-formatter-action-bar .btn{min-width: 96px;justify-content: center}.html-formatter-action-bar .btn-primary{min-width: 150px}.html-formatter-action-bar .btn i{margin-right: 6px}@media (max-width: 767px){.html-format-options fieldset{padding: 0 12px 14px}.html-format-options .format-option-wrap>.row{align-items: stretch;gap: 6px}.html-format-options .control-label{padding-top: 2px}}@media (max-width: 640px){.html-formatter-action-bar{display: grid;grid-template-columns: 1fr;padding: 14px}.html-formatter-action-bar .btn{width: 100%;min-width: 0}}