.fc-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1180px;margin:30px auto;color:#171717}.fc-head{text-align:center;margin-bottom:24px}.fc-kicker{font-size:12px;letter-spacing:.18em;font-weight:800}.fc-head h2{font-size:34px;line-height:1.1;margin:8px 0}.fc-head p{color:#666}.fc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fc-card{background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.fc-card h3{margin-top:0}.fc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fc-fields label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}.fc-fields .fc-wide{grid-column:1/-1}.fc-fields input,.fc-fields select,.fc-fields textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #d7d7d7;border-radius:10px;background:#fff;font:inherit;font-weight:400}.fc-fields textarea{min-height:90px}.fc-checks{display:grid;gap:10px;margin-bottom:18px}.fc-checks label{font-size:14px}.fc-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171717;color:#fff;border-radius:18px;padding:20px 24px;margin-top:2px}.fc-total span{display:block;font-size:12px;opacity:.7}.fc-total strong{font-size:28px}.fc-btn{border:0;border-radius:10px;padding:12px 18px;background:#fff;color:#171717;font-weight:800;cursor:pointer}.fc-total .fc-btn{background:#d4af37}.fc-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fc-preview{text-align:center}.fc-preview canvas{width:min(100%,500px);height:auto;box-shadow:0 10px 40px rgba(0,0,0,.15);border-radius:4px;margin-bottom:15px}#fc-message{font-size:13px}.fc-error{color:#c00}.fc-ok{color:#14833b}@media(max-width:800px){.fc-grid,.fc-cover-grid{grid-template-columns:1fr}.fc-fields{grid-template-columns:1fr}.fc-fields .fc-wide{grid-column:auto}.fc-total{flex-direction:column;align-items:stretch}.fc-total .fc-btn{width:100%}}

.fc-clear-customer{margin-top:10px;padding:7px 12px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;cursor:pointer;font-size:12px}.fc-clear-customer:hover{background:#eee}


.fc-clear-customer,
.fc-clear-customer:hover,
.fc-clear-customer:focus,
.fc-clear-customer:active {
  color: #222 !important;
  background: #f5f5f5 !important;
  border: 1px solid #999 !important;
}


/* Movable cover logo */
#fc-cover-canvas{touch-action:none;cursor:default;user-select:none;-webkit-user-select:none;}
#fc-cover-canvas.fc-logo-dragging{cursor:grabbing;}
.fc-logo-help{display:block;margin-top:5px;font-size:12px;opacity:.75;line-height:1.4;}
#fc-reset-logo{margin-top:8px;}

/* v0.1.18 */
#fc-cover-canvas {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  touch-action:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
#fc-reset-logo {
  position:relative;
  z-index:5;
  pointer-events:auto !important;
}

/* v0.1.23 calculator color controls are intentionally hidden:
   the cover designer is the single source of truth. */
/* v0.1.23: colors are selected only in the cover designer. */
#fc-color, #fc-lettering { display:none !important; }



/* v0.1.26 - color controls belong to the cover designer */
.fc-app[data-fc="cover"] label:has(> #cv-color),
.fc-app[data-fc="cover"] label:has(> #cv-letter) {
  display:flex !important;
  visibility:visible !important;
}
.fc-app[data-fc="cover"] #cv-color,
.fc-app[data-fc="cover"] #cv-letter {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  width:100% !important;
  min-height:38px !important;
}

/* v0.1.26: calculator keeps technical color values hidden; designer controls stay visible. */
.fc-app[data-fc="calculator"] .fc-calculator-color-hidden{display:none !important;}