.bkbg-iph-wrap{padding:24px;border-radius:12px;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.bkbg-iph-title{font-family:var(--bkbg-iph-tt-font-family,inherit);font-size:var(--bkbg-iph-tt-font-size-d,24px);font-weight:var(--bkbg-iph-tt-font-weight,700);font-style:var(--bkbg-iph-tt-font-style,normal);text-decoration:var(--bkbg-iph-tt-text-decoration,none);text-transform:var(--bkbg-iph-tt-text-transform,none);line-height:var(--bkbg-iph-tt-line-height-d,1.2);letter-spacing:var(--bkbg-iph-tt-letter-spacing-d,normal);word-spacing:var(--bkbg-iph-tt-word-spacing-d,normal);margin:0 0 18px}.bkbg-iph-controls{border-radius:10px;border:1px solid;padding:18px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.bkbg-iph-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:110px}.bkbg-iph-label{font-size:12px;font-weight:600}.bkbg-iph-input,.bkbg-iph-select{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;width:100%;box-sizing:border-box;transition:border-color 0.2s}.bkbg-iph-input:focus,.bkbg-iph-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgb(99 102 241 / .12)}.bkbg-iph-color-field{min-width:80px;flex:0 0 auto}.bkbg-iph-color-input{width:44px;height:36px;border:1px solid #d1d5db;border-radius:6px;padding:2px;cursor:pointer;background:none}.bkbg-iph-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.bkbg-iph-preset-btn{padding:5px 13px;border-radius:20px;border:2px solid;font-size:12px;font-weight:600;cursor:pointer;transition:background 0.15s,color 0.15s}.bkbg-iph-preview-wrap{display:flex;justify-content:center;margin-bottom:18px;min-height:120px;align-items:center}.bkbg-iph-canvas-wrap{box-shadow:0 6px 24px rgb(0 0 0 / .12);border-radius:8px;overflow:hidden;max-width:100%}.bkbg-iph-canvas-wrap canvas{display:block;max-width:100%;height:auto}.bkbg-iph-dims{text-align:center;font-size:13px;margin-bottom:14px}.bkbg-iph-theme-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.bkbg-iph-theme-btn{flex:1;min-width:80px;padding:8px 10px;border-radius:8px;border:2px solid;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all 0.15s}.bkbg-iph-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bkbg-iph-btn{padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity 0.2s;border:2px solid #fff0;color:#fff}.bkbg-iph-btn:hover{opacity:.85}.bkbg-iph-btn-outline{background:transparent!important;color:inherit!important}.bkbg-iph-url-box{margin-top:14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;display:none}.bkbg-iph-url-box.bkbg-iph-show{display:block}.bkbg-iph-url-label{font-size:11px;font-weight:700;color:#6b7280;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.bkbg-iph-url-text{font-family:'Fira Mono','Consolas',monospace;font-size:11px;color:#374151;word-break:break-all;max-height:60px;overflow:auto}@media (max-width:1024px){.bkbg-iph-title{font-size:var(--bkbg-iph-tt-font-size-t,var(--bkbg-iph-tt-font-size-d,24px));line-height:var(--bkbg-iph-tt-line-height-t,var(--bkbg-iph-tt-line-height-d,1.2));letter-spacing:var(--bkbg-iph-tt-letter-spacing-t,var(--bkbg-iph-tt-letter-spacing-d,normal));word-spacing:var(--bkbg-iph-tt-word-spacing-t,var(--bkbg-iph-tt-word-spacing-d,normal))}}@media (max-width:767px){.bkbg-iph-title{font-size:var(--bkbg-iph-tt-font-size-m,var(--bkbg-iph-tt-font-size-t,var(--bkbg-iph-tt-font-size-d,24px)));line-height:var(--bkbg-iph-tt-line-height-m,var(--bkbg-iph-tt-line-height-t,var(--bkbg-iph-tt-line-height-d,1.2)));letter-spacing:var(--bkbg-iph-tt-letter-spacing-m,var(--bkbg-iph-tt-letter-spacing-t,var(--bkbg-iph-tt-letter-spacing-d,normal)));word-spacing:var(--bkbg-iph-tt-word-spacing-m,var(--bkbg-iph-tt-word-spacing-t,var(--bkbg-iph-tt-word-spacing-d,normal)))}}@media (max-width:520px){.bkbg-iph-wrap{padding:14px}.bkbg-iph-controls{gap:10px}.bkbg-iph-field{min-width:100%}.bkbg-iph-actions{flex-direction:column}.bkbg-iph-btn{width:100%}}