/* FreeResumeKit UI. Everything is scoped under .frk-root and themeable via
   --frk-* custom properties, so a host site can match its own design. */
.frk-root{
  --frk-accent:#1d4ed8;--frk-accent-contrast:#fff;--frk-bg:transparent;--frk-surface:#fff;
  --frk-text:inherit;--frk-muted:#6b7280;--frk-border:#d1d5db;--frk-danger:#b91c1c;--frk-radius:8px;
  font-family:inherit;color:var(--frk-text);background:var(--frk-bg);
}
.frk-root *,.frk-root *::before,.frk-root *::after{box-sizing:border-box}
.frk-privacy{margin:0 0 12px;color:var(--frk-muted);font-size:.9em}
.frk-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}
.frk-status{min-height:1.4em;margin:0 0 8px;color:var(--frk-muted);font-size:.9em}
.frk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.frk-form{max-height:80vh;overflow:auto;padding-right:4px}
.frk-preview-wrap{position:sticky;top:12px}
.frk-preview{width:100%;height:80vh;border:1px solid var(--frk-border);border-radius:var(--frk-radius);background:#e5e7eb}
.frk-section{margin-bottom:20px}
.frk-section>h3{margin:0 0 8px;font-size:1.05em}
.frk-card{margin:0 0 12px;padding:12px;border:1px solid var(--frk-border);border-radius:var(--frk-radius);background:var(--frk-surface)}
.frk-card legend{padding:0 6px;font-size:.85em;color:var(--frk-muted)}
.frk-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.frk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.frk-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:0}
.frk-field label{font-size:.85em;font-weight:600}
.frk-field small{color:var(--frk-muted);font-size:.8em}
.frk-inline{margin-bottom:0}
.frk-input{width:100%;padding:8px 10px;font:inherit;color:#111;background:#fff;border:1px solid var(--frk-border);border-radius:6px}
textarea.frk-input{resize:vertical}
.frk-input:focus-visible,.frk-btn:focus-visible,.frk-root input[type=color]:focus-visible{outline:2px solid var(--frk-accent);outline-offset:2px}
.frk-root input[type=color]{width:44px;height:38px;padding:2px;border:1px solid var(--frk-border);border-radius:6px;background:#fff}
.frk-btn{padding:8px 14px;font:inherit;font-size:.9em;color:#111;background:#fff;border:1px solid var(--frk-border);border-radius:6px;cursor:pointer}
.frk-btn:hover:not(:disabled){border-color:#9ca3af}
.frk-btn:disabled{opacity:.45;cursor:default}
.frk-btn-sm{padding:4px 10px;font-size:.8em}
.frk-btn-primary{color:var(--frk-accent-contrast);background:var(--frk-accent);border-color:var(--frk-accent);font-weight:600}
.frk-btn-danger{color:var(--frk-danger)}
@media (max-width:900px){
  .frk-layout{grid-template-columns:minmax(0,1fr)}
  .frk-form{max-height:none;overflow:visible}
  .frk-preview-wrap{position:static}
  .frk-preview{height:70vh}
}
@media (max-width:480px){.frk-grid{grid-template-columns:minmax(0,1fr)}}
/* FileFatafat theme: map the module's variables to the site's tokens (platform.css :root). */
.frk-root{--frk-accent:var(--blue,#1d55ed);--frk-muted:var(--muted,#536079);--frk-border:var(--line,#dde5ef);--frk-text:var(--ink,#17233b);margin-bottom:28px}