main{max-width:900px;margin:36px auto;padding:0 20px}h1{margin:24px 0 12px}p{line-height:1.8}section{margin:24px 0}label{display:grid;gap:9px;margin:20px 0 12px;font-weight:600}input,select,textarea{width:100%;box-sizing:border-box}textarea{font:13px/1.7 monospace;resize:vertical}.options{display:grid;grid-template-columns:1fr 1fr;gap:20px}button{margin:8px 0 14px}h2{margin:30px 0 12px;font-size:20px}details{margin-top:28px}summary{cursor:pointer;padding:16px 0;font-weight:700}iframe{width:100%;height:800px;border:1px solid #ddd;border-radius:12px}#status{white-space:pre-wrap;color:#685080}@media(max-width:600px){.options{grid-template-columns:1fr;gap:0}main{padding:0 12px}}
.override-toggle{display:flex;gap:12px;align-items:center}.override-toggle input{width:auto}#embedAppearance[hidden]{display:none}#embedAppearance{border:1px solid #ddd;border-radius:14px;padding:20px;min-width:0}#embedThemeFields label{min-width:0}#embedThemeFields select{max-width:100%}

#embedThemeFields{display:block}.theme-setting-group{margin:24px 0;padding-top:18px;border-top:1px solid #e3e1ea}.theme-setting-group h3{margin:0 0 16px;font-size:16px}.embed-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.effect-details{grid-column:1/-1;border:1px solid #ddd;border-radius:12px;padding:0 16px}.effect-details summary{cursor:pointer;padding:16px 0;font-weight:600}.effect-details[open] .embed-options-grid{padding-bottom:18px}.embed-options-grid output{margin-left:8px}.embed-options-grid input[type=range]{padding:0;min-height:36px}@media(max-width:520px){.embed-options-grid{grid-template-columns:1fr}}

.embed-options-grid>label:has([data-appearance=backgroundStyle]){grid-column:1/-1}

.effect-playback-row{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid #e6cbd9}.effect-color-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;min-width:0}.effect-color-row>label{min-width:0;display:grid;gap:10px}.effect-color-row input[type=color]{width:100%;min-width:0}