.embed-page{max-width:900px;margin:0 auto;padding:1rem 0 2rem;background:#fff;border-radius:12px;padding-left:2rem;padding-right:2rem}.embed-page h1{font-size:clamp(22px,3vw,32px);color:#1a1a1a;margin-bottom:.5rem}.embed-page h2{font-size:clamp(18px,2.2vw,24px);color:#1a1a1a;margin-top:2rem;margin-bottom:.75rem}.embed-intro p{font-size:clamp(14px,1.4vw,16px);color:#444;line-height:1.6}.customize-grid{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.customize-grid .customize-field{flex:1;min-width:120px}.customize-grid .customize-field-color{flex:none;min-width:0;width:80px}.customize-field{display:flex;flex-direction:column;gap:6px}.customize-field label{font-size:13px;font-weight:600;color:#555}.customize-field input[type=url]{background:#f5f5f5;border:1px solid #ccc;border-radius:6px;padding:8px 10px;color:#333;font-size:13px;font-family:monospace;width:100%;box-sizing:border-box}.customize-field input[type=url]:focus,.customize-field select:focus{outline:none;border-color:#4caf50}.customize-field select{background:#f5f5f5;border:1px solid #ccc;border-radius:6px;padding:8px 10px;color:#333;font-size:13px;width:100%;box-sizing:border-box;cursor:pointer}.customize-field select option{background:#fff;color:#333}.customize-field input[type=color]{width:100%;height:38px;border:1px solid #ccc;border-radius:6px;background:0 0;cursor:pointer;padding:2px}.advanced-section{margin-top:16px}.advanced-section summary{cursor:pointer;font-size:14px;font-weight:600;color:#555;padding:8px 0;user-select:none}.advanced-section summary:hover{color:#333}.advanced-desc{font-size:13px;color:#666;margin:4px 0 12px}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.advanced-grid .customize-field label{font-size:12px}.advanced-grid input[type=url]{font-size:12px;padding:6px 8px}.card-back-preview{display:flex;gap:6px;margin-top:16px;overflow-x:auto}.card-preview-item{flex-shrink:0;width:48px;height:67px;border-radius:6px;border:1px solid #ccc;background:#e55;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card-preview-label{font-size:14px;font-weight:700;color:rgba(255,255,255,.6);z-index:1;pointer-events:none}.card-preview-item.has-image .card-preview-label{display:none}.card-preview-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}.preview-container{position:relative;width:100%;padding-bottom:75%;height:0;overflow:hidden;border-radius:8px;border:1px solid #ddd;background:#0d2818}.preview-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-preview-attribution{text-align:center;padding:3px 0;margin:0}.embed-preview-attribution-link{color:rgba(0,0,0,.4);text-decoration:none;font-size:11px}.code-wrapper{position:relative}.code-wrapper pre{background:#0d1117;border:1px solid #ddd;border-radius:8px;padding:16px;overflow-x:auto;margin:0}.code-wrapper code{color:#c9d1d9;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:10px;right:10px;background:#4caf50;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.copy-btn:hover{background:#45a049}.embed-features ul{list-style:none;padding:0}.embed-features li{padding:6px 0;font-size:15px;color:#444}.embed-features li::before{content:"\2713  ";color:#4caf50;font-weight:700}.embed-features li strong{color:#1a1a1a}.embed-attribution p{color:#666;font-size:14px}.embed-code-section p{color:#444;font-size:14px}@media(max-width:600px){.embed-page{padding-left:1rem;padding-right:1rem}.customize-grid{flex-direction:column}.preview-container{padding-bottom:100%}}