:root{color:CanvasText;background:var(--color-surface, Canvas);font-family:var(--font-sans, sans-serif)}body{margin:0}.cf-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.cf-nav{background:color-mix(in srgb,var(--color-primary, CanvasText) 16%,var(--color-surface, Canvas));color:CanvasText;padding:1.25rem 1rem}.cf-nav a{display:block;color:inherit;text-decoration:none;padding:.45rem .6rem;border-radius:.5rem}.cf-nav a[aria-current=page]{background:var(--color-primary, CanvasText);color:var(--color-surface, Canvas)}.cf-main{padding:1.5rem}.cf-title{font-family:var(--font-display, serif);margin:0 0 1rem}.cf-btn,.cf-input,.cf-select{font:inherit;border-radius:.6rem}.cf-btn{background:var(--color-primary, CanvasText);color:var(--color-surface, Canvas);border:0;padding:.55rem .9rem;cursor:pointer}.cf-btn.secondary{background:transparent;color:CanvasText;border:1px solid var(--color-primary, CanvasText)}.cf-input,.cf-select,.cf-textarea{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-primary, CanvasText) 35%,var(--color-surface, Canvas));background:var(--color-surface, Canvas);color:CanvasText;padding:.5rem .65rem}.cf-field{display:grid;gap:.3rem;margin-bottom:.8rem}.cf-card{background:color-mix(in srgb,var(--color-surface, Canvas) 86%,var(--color-primary, CanvasText));border-radius:.8rem;padding:1rem;margin-bottom:1rem}.cf-error{color:color-mix(in srgb,var(--color-primary, CanvasText) 55%,CanvasText)}.cf-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cf-progress{width:100%;accent-color:var(--color-primary, CanvasText)}.cf-preview{display:block;max-width:12rem;max-height:12rem;object-fit:contain}