#photo-text-options .photo-text-colors { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0; }
#photo-text-options .photo-text-colors label { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px; }
#photo-text-options .photo-text-colors input { width:38px;height:30px;margin:0;padding:2px;border:1px solid var(--border);border-radius:5px; }
.photo-text-live-preview .live-preview-frame { width:360px!important;max-width:100%; }
#photo-text-preview-canvas { position:absolute;inset:0;width:100%;height:100%; }
#photo-text-preview-controls { max-width:390px;margin:10px auto;text-align:left; }
#photo-text-preview-controls[hidden] { display:none; }
#photo-text-preview-status { font-size:12px;color:#5b6574;margin:8px 0;min-height:20px; }
#photo-text-preview-pages { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px; }
#photo-text-preview-controls button { font:inherit;font-size:12px;padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);cursor:pointer; }
#photo-text-preview-controls button[aria-pressed="true"] { border-color:#ff6b35;background:#fff0e9;color:#ad3f19; }
#photo-text-preview-controls button:disabled { opacity:.5;cursor:default; }
.photo-text-preview-actions { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
#photo-text-preview-time { margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#667085; }
#photo-text-preview-seek { width:100%;margin:12px 0 0;accent-color:#ff6b35; }
#photo-text-preview-page-label { font-size:12px;color:#667085;text-align:center;margin:4px 0; }
@media(max-width:600px) { #photo-text-options .photo-text-colors { grid-template-columns:repeat(2,minmax(0,1fr)); } }